@object-ui/app-shell 4.0.5 → 4.0.7

package/CHANGELOG.md

@@ -1,5 +1,139 @@
 # @object-ui/app-shell — Changelog
 
+## 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
+
+- 925051d: fix: convert Tailwind v3 `[--var]` arbitrary value syntax to v4 `(--var)`
+
+  Shadcn `Sidebar`, `Calendar`, `Chart`, `Popover`, `Tooltip`, `HoverCard`,
+  `Menubar`, `Select`, `Dropdown`, `Context-Menu`, and `AppSidebar` used the
+  Tailwind v3 syntax `w-[--sidebar-width]`, `origin-[--radix-...]`, etc.
+  Tailwind v4 no longer interprets the bare `--xxx` inside arbitrary values
+  as `var(--xxx)`, so the rule emits empty CSS — the sidebar collapses to
+  0 width and overlays the main content, dropdown/popover positions fall
+  back to the wrong origin, and the calendar cells lose their fixed size.
+
+  Replaced all such occurrences with the v4 CSS-variable shorthand
+  `w-(--sidebar-width)`, `origin-(--radix-...)`, etc. Existing
+  `[calc(var(--xxx)*-1)]` arbitrary expressions are unaffected.
+
+- Updated dependencies [89ae109]
+- Updated dependencies [925051d]
+- Updated dependencies [1b6dc64]
+  - @object-ui/plugin-grid@4.0.6
+  - @object-ui/plugin-form@4.0.6
+  - @object-ui/fields@4.0.6
+  - @object-ui/components@4.0.6
+  - @object-ui/plugin-chatbot@4.0.6
+  - @object-ui/plugin-designer@4.0.6
+  - @object-ui/plugin-kanban@4.0.6
+  - @object-ui/plugin-view@4.0.6
+  - @object-ui/plugin-calendar@4.0.6
+  - @object-ui/plugin-detail@4.0.6
+  - @object-ui/plugin-report@4.0.6
+  - @object-ui/layout@4.0.6
+  - @object-ui/plugin-charts@4.0.6
+  - @object-ui/plugin-dashboard@4.0.6
+  - @object-ui/plugin-list@4.0.6
+  - @object-ui/types@4.0.6
+  - @object-ui/core@4.0.6
+  - @object-ui/i18n@4.0.6
+  - @object-ui/react@4.0.6
+  - @object-ui/data-objectstack@4.0.6
+  - @object-ui/auth@4.0.6
+  - @object-ui/permissions@4.0.6
+  - @object-ui/collaboration@4.0.6
+
 ## 4.0.5
 
 ### 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,7 +257,7 @@ 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] }) }));
     }

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,25 @@ 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
+            //   { recordId } (legacy)          — pre-params shape
+            const recordId = action.params?.recordId ??
+                action.params?.record?.id ??
+                action.params?.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 +75,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]);

package/dist/layout/ActivityFeed.js

@@ -10,30 +10,34 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { Button, Badge, Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger, } from '@object-ui/components';
 import { Bell, Plus, Pencil, Trash2, MessageSquare, Filter } from 'lucide-react';
+import { useObjectTranslation } from '@object-ui/i18n';
 const typeConfig = {
     create: { icon: Plus, color: 'text-green-500' },
     update: { icon: Pencil, color: 'text-blue-500' },
     delete: { icon: Trash2, color: 'text-red-500' },
     comment: { icon: MessageSquare, color: 'text-amber-500' },
 };
-/** Format an ISO timestamp as a relative string (e.g. "2m ago"). */
-function formatRelativeTime(iso) {
+/** Format an ISO timestamp as a localized relative string (e.g. "2m ago"). */
+function formatRelativeTime(iso, t) {
     const ms = new Date(iso).getTime();
     if (Number.isNaN(ms))
         return '';
     const seconds = Math.floor((Date.now() - ms) / 1000);
+    if (seconds < 5)
+        return t('layout.activityFeed.relativeJustNow');
     if (seconds < 60)
-        return `${Math.max(seconds, 0)}s ago`;
+        return t('layout.activityFeed.relativeSecondsAgo', { count: Math.max(seconds, 0) });
     const minutes = Math.floor(seconds / 60);
     if (minutes < 60)
-        return `${minutes}m ago`;
+        return t('layout.activityFeed.relativeMinutesAgo', { count: minutes });
     const hours = Math.floor(minutes / 60);
     if (hours < 24)
-        return `${hours}h ago`;
+        return t('layout.activityFeed.relativeHoursAgo', { count: hours });
     const days = Math.floor(hours / 24);
-    return `${days}d ago`;
+    return t('layout.activityFeed.relativeDaysAgo', { count: days });
 }
 export function ActivityFeed({ activities = [], className }) {
+    const { t } = useObjectTranslation();
     const [open, setOpen] = useState(false);
     const [showFilters, setShowFilters] = useState(false);
     const [notificationPreferences, setNotificationPreferences] = useState({
@@ -46,12 +50,19 @@ export function ActivityFeed({ activities = [], className }) {
         setNotificationPreferences(prev => ({ ...prev, [type]: !prev[type] }));
     };
     const filteredActivities = activities.filter(a => notificationPreferences[a.type]);
-    return (_jsxs(Sheet, { open: open, onOpenChange: setOpen, children: [_jsx(SheetTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", size: "icon", className: className ?? 'h-8 w-8', "aria-label": "Activity feed", children: [_jsx(Bell, { className: "h-4 w-4" }), activities.length > 0 && (_jsx("span", { className: "absolute -top-0.5 -right-0.5 h-3.5 w-3.5 rounded-full bg-primary text-[9px] font-bold text-primary-foreground flex items-center justify-center", children: activities.length > 9 ? '9+' : activities.length }))] }) }), _jsxs(SheetContent, { side: "right", className: "w-80 sm:w-96", children: [_jsx(SheetHeader, { children: _jsxs(SheetTitle, { className: "flex items-center justify-between", children: ["Recent Activity", _jsxs(Button, { variant: showFilters ? 'secondary' : 'ghost', size: "sm", className: "h-7 px-2", onClick: () => setShowFilters(!showFilters), children: [_jsx(Filter, { className: "h-3.5 w-3.5 mr-1" }), "Filter"] })] }) }), showFilters && (_jsx("div", { className: "flex flex-wrap gap-1.5 mt-3 px-1", children: Object.keys(typeConfig).map(type => {
+    /** Localized labels for activity type badges. */
+    const typeLabels = {
+        create: t('layout.activityFeed.typeCreate'),
+        update: t('layout.activityFeed.typeUpdate'),
+        delete: t('layout.activityFeed.typeDelete'),
+        comment: t('layout.activityFeed.typeComment'),
+    };
+    return (_jsxs(Sheet, { open: open, onOpenChange: setOpen, children: [_jsx(SheetTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", size: "icon", className: className ?? 'h-8 w-8', "aria-label": t('layout.activityFeed.ariaLabel'), children: [_jsx(Bell, { className: "h-4 w-4" }), activities.length > 0 && (_jsx("span", { className: "absolute -top-0.5 -right-0.5 h-3.5 w-3.5 rounded-full bg-primary text-[9px] font-bold text-primary-foreground flex items-center justify-center", children: activities.length > 9 ? '9+' : activities.length }))] }) }), _jsxs(SheetContent, { side: "right", className: "w-80 sm:w-96", children: [_jsx(SheetHeader, { children: _jsxs(SheetTitle, { className: "flex items-center justify-between", children: [t('layout.activityFeed.title'), _jsxs(Button, { variant: showFilters ? 'secondary' : 'ghost', size: "sm", className: "h-7 px-2", onClick: () => setShowFilters(!showFilters), children: [_jsx(Filter, { className: "h-3.5 w-3.5 mr-1" }), t('layout.activityFeed.filter')] })] }) }), showFilters && (_jsx("div", { className: "flex flex-wrap gap-1.5 mt-3 px-1", children: Object.keys(typeConfig).map(type => {
                             const { icon: Icon, color } = typeConfig[type];
                             const active = notificationPreferences[type];
-                            return (_jsxs(Badge, { variant: active ? 'default' : 'outline', className: "cursor-pointer select-none gap-1 capitalize", onClick: () => togglePreference(type), children: [_jsx(Icon, { className: `h-3 w-3 ${active ? '' : color}` }), type] }, type));
-                        }) })), filteredActivities.length === 0 ? (_jsxs("div", { className: "flex flex-col items-center justify-center gap-2 py-16 text-muted-foreground", children: [_jsx(Bell, { className: "h-8 w-8 opacity-40" }), _jsx("p", { className: "text-sm", children: "No recent activity" })] })) : (_jsx("ul", { className: "mt-4 space-y-1 overflow-y-auto max-h-[calc(100vh-8rem)]", children: filteredActivities.map((item) => {
+                            return (_jsxs(Badge, { variant: active ? 'default' : 'outline', className: "cursor-pointer select-none gap-1", onClick: () => togglePreference(type), children: [_jsx(Icon, { className: `h-3 w-3 ${active ? '' : color}` }), typeLabels[type]] }, type));
+                        }) })), filteredActivities.length === 0 ? (_jsxs("div", { className: "flex flex-col items-center justify-center gap-2 py-16 text-muted-foreground", children: [_jsx(Bell, { className: "h-8 w-8 opacity-40" }), _jsx("p", { className: "text-sm", children: t('layout.activityFeed.empty') })] })) : (_jsx("ul", { className: "mt-4 space-y-1 overflow-y-auto max-h-[calc(100vh-8rem)]", children: filteredActivities.map((item) => {
                             const { icon: Icon, color } = typeConfig[item.type];
-                            return (_jsxs("li", { className: "flex items-start gap-3 rounded-md px-2 py-2 hover:bg-muted/50 transition-colors", children: [_jsx("span", { className: `mt-0.5 shrink-0 ${color}`, children: _jsx(Icon, { className: "h-4 w-4" }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "text-sm leading-snug", children: item.description }), _jsxs("p", { className: "mt-0.5 text-xs text-muted-foreground", children: [item.user, " \u00B7 ", formatRelativeTime(item.timestamp)] })] })] }, item.id));
+                            return (_jsxs("li", { className: "flex items-start gap-3 rounded-md px-2 py-2 hover:bg-muted/50 transition-colors", children: [_jsx("span", { className: `mt-0.5 shrink-0 ${color}`, children: _jsx(Icon, { className: "h-4 w-4" }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "text-sm leading-snug", children: item.description }), _jsxs("p", { className: "mt-0.5 text-xs text-muted-foreground", children: [item.user, " \u00B7 ", formatRelativeTime(item.timestamp, t)] })] })] }, item.id));
                         }) }))] })] }));
 }

package/dist/layout/AppSidebar.js

@@ -177,14 +177,14 @@ export function AppSidebar({ activeAppName, onAppChange }) {
         { id: 'sys-roles', label: 'Roles', type: 'url', url: '/apps/setup/system/roles', icon: 'shield' },
         { id: 'sys-create-app', label: 'Create App', type: 'url', url: '/create-app', icon: 'plus' },
     ], []);
-    return (_jsxs(_Fragment, { children: [_jsxs(Sidebar, { collapsible: "icon", children: [_jsx(SidebarHeader, { children: _jsx(SidebarMenu, { children: _jsx(SidebarMenuItem, { children: activeApp ? (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(SidebarMenuButton, { size: "lg", className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground", children: [_jsx("div", { className: "flex aspect-square size-8 items-center justify-center rounded-lg bg-primary text-primary-foreground", style: primaryColor ? { backgroundColor: primaryColor } : undefined, children: logo ? (_jsx("img", { src: logo, alt: resolveI18nLabel(activeApp.label, t), className: "size-6 object-contain" })) : (React.createElement(getIcon(activeApp.icon), { className: "size-4" })) }), _jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [_jsx("span", { className: "truncate font-semibold", children: resolveI18nLabel(activeApp.label, t) }), _jsx("span", { className: "truncate text-xs", children: resolveI18nLabel(activeApp.description, t) || `${activeApps.length} Apps Available` })] }), _jsx(ChevronsUpDown, { className: "ml-auto" })] }) }), _jsxs(DropdownMenuContent, { className: "w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg", align: "start", side: isMobile ? "bottom" : "right", sideOffset: 4, children: [_jsx(DropdownMenuLabel, { className: "text-xs text-muted-foreground", children: "Switch Application" }), activeApps.map((app) => (_jsxs(DropdownMenuItem, { onClick: () => onAppChange(app.name), className: "gap-2 p-2", children: [_jsx("div", { className: "flex size-6 items-center justify-center rounded-sm border", children: app.icon ? React.createElement(getIcon(app.icon), { className: "size-3" }) : _jsx(Database, { className: "size-3" }) }), resolveI18nLabel(app.label, t), activeApp.name === app.name && _jsx("span", { className: "ml-auto text-xs", children: "\u2713" })] }, app.name))), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { className: "gap-2 p-2", onClick: () => navigate('/home'), "data-testid": "home-link-btn", children: [_jsx("div", { className: "flex size-6 items-center justify-center rounded-md border bg-background", children: _jsx(Home, { className: "size-4" }) }), _jsx("div", { className: "font-medium text-muted-foreground", children: "Home" })] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { className: "gap-2 p-2", onClick: () => navigate(`/apps/${activeAppName}/create-app`), "data-testid": "add-app-btn", children: [_jsx("div", { className: "flex size-6 items-center justify-center rounded-md border bg-background", children: _jsx(Plus, { className: "size-4" }) }), _jsx("div", { className: "font-medium text-muted-foreground", children: "Add App" })] }), _jsxs(DropdownMenuItem, { className: "gap-2 p-2", onClick: () => navigate(`/apps/${activeAppName}/edit-app/${activeAppName}`), "data-testid": "edit-app-btn", children: [_jsx("div", { className: "flex size-6 items-center justify-center rounded-md border bg-background", children: _jsx(Pencil, { className: "size-4" }) }), _jsx("div", { className: "font-medium text-muted-foreground", children: "Edit App" })] }), _jsxs(DropdownMenuItem, { className: "gap-2 p-2", onClick: () => navigate('/apps/setup/system/apps'), "data-testid": "manage-all-apps-btn", children: [_jsx("div", { className: "flex size-6 items-center justify-center rounded-md border bg-background", children: _jsx(Settings, { className: "size-4" }) }), _jsx("div", { className: "font-medium text-muted-foreground", children: "Manage All Apps" })] })] })] })) : (_jsxs(SidebarMenuButton, { size: "lg", onClick: () => navigate('/apps/setup'), "data-testid": "system-sidebar-header", children: [_jsx("div", { className: "flex aspect-square size-8 items-center justify-center rounded-lg bg-primary text-primary-foreground", children: _jsx(Settings, { className: "size-4" }) }), _jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [_jsx("span", { className: "truncate font-semibold", children: "System Console" }), _jsx("span", { className: "truncate text-xs text-muted-foreground", children: "No apps configured" })] })] })) }) }) }), _jsx(SidebarContent, { children: activeApp ? (_jsxs(_Fragment, { children: [areas.length > 1 && (_jsxs(SidebarGroup, { children: [_jsxs(SidebarGroupLabel, { className: "flex items-center gap-1.5", children: [_jsx(Layers, { className: "h-3.5 w-3.5" }), "Area"] }), _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: areas.map((area) => {
+    return (_jsxs(_Fragment, { children: [_jsxs(Sidebar, { collapsible: "icon", children: [_jsx(SidebarHeader, { children: _jsx(SidebarMenu, { children: _jsx(SidebarMenuItem, { children: activeApp ? (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(SidebarMenuButton, { size: "lg", className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground", children: [_jsx("div", { className: "flex aspect-square size-8 items-center justify-center rounded-lg bg-primary text-primary-foreground", style: primaryColor ? { backgroundColor: primaryColor } : undefined, children: logo ? (_jsx("img", { src: logo, alt: resolveI18nLabel(activeApp.label, t), className: "size-6 object-contain" })) : (React.createElement(getIcon(activeApp.icon), { className: "size-4" })) }), _jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [_jsx("span", { className: "truncate font-semibold", children: resolveI18nLabel(activeApp.label, t) }), _jsx("span", { className: "truncate text-xs", children: resolveI18nLabel(activeApp.description, t) || `${activeApps.length} Apps Available` })] }), _jsx(ChevronsUpDown, { className: "ml-auto" })] }) }), _jsxs(DropdownMenuContent, { className: "w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg", align: "start", side: isMobile ? "bottom" : "right", sideOffset: 4, children: [_jsx(DropdownMenuLabel, { className: "text-xs text-muted-foreground", children: "Switch Application" }), activeApps.map((app) => (_jsxs(DropdownMenuItem, { onClick: () => onAppChange(app.name), className: "gap-2 p-2", children: [_jsx("div", { className: "flex size-6 items-center justify-center rounded-sm border", children: app.icon ? React.createElement(getIcon(app.icon), { className: "size-3" }) : _jsx(Database, { className: "size-3" }) }), resolveI18nLabel(app.label, t), activeApp.name === app.name && _jsx("span", { className: "ml-auto text-xs", children: "\u2713" })] }, app.name))), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { className: "gap-2 p-2", onClick: () => navigate('/home'), "data-testid": "home-link-btn", children: [_jsx("div", { className: "flex size-6 items-center justify-center rounded-md border bg-background", children: _jsx(Home, { className: "size-4" }) }), _jsx("div", { className: "font-medium text-muted-foreground", children: t('layout.appSwitcher.home') })] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { className: "gap-2 p-2", onClick: () => navigate(`/apps/${activeAppName}/create-app`), "data-testid": "add-app-btn", children: [_jsx("div", { className: "flex size-6 items-center justify-center rounded-md border bg-background", children: _jsx(Plus, { className: "size-4" }) }), _jsx("div", { className: "font-medium text-muted-foreground", children: t('layout.appSwitcher.addApp') })] }), _jsxs(DropdownMenuItem, { className: "gap-2 p-2", onClick: () => navigate(`/apps/${activeAppName}/edit-app/${activeAppName}`), "data-testid": "edit-app-btn", children: [_jsx("div", { className: "flex size-6 items-center justify-center rounded-md border bg-background", children: _jsx(Pencil, { className: "size-4" }) }), _jsx("div", { className: "font-medium text-muted-foreground", children: t('layout.appSwitcher.editApp') })] }), _jsxs(DropdownMenuItem, { className: "gap-2 p-2", onClick: () => navigate('/apps/setup/system/apps'), "data-testid": "manage-all-apps-btn", children: [_jsx("div", { className: "flex size-6 items-center justify-center rounded-md border bg-background", children: _jsx(Settings, { className: "size-4" }) }), _jsx("div", { className: "font-medium text-muted-foreground", children: t('layout.appSwitcher.manageAllApps') })] })] })] })) : (_jsxs(SidebarMenuButton, { size: "lg", onClick: () => navigate('/apps/setup'), "data-testid": "system-sidebar-header", children: [_jsx("div", { className: "flex aspect-square size-8 items-center justify-center rounded-lg bg-primary text-primary-foreground", children: _jsx(Settings, { className: "size-4" }) }), _jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [_jsx("span", { className: "truncate font-semibold", children: t('layout.appSwitcher.systemConsole') }), _jsx("span", { className: "truncate text-xs text-muted-foreground", children: t('layout.appSwitcher.noAppsConfigured') })] })] })) }) }) }), _jsx(SidebarContent, { children: activeApp ? (_jsxs(_Fragment, { children: [areas.length > 1 && (_jsxs(SidebarGroup, { children: [_jsxs(SidebarGroupLabel, { className: "flex items-center gap-1.5", children: [_jsx(Layers, { className: "h-3.5 w-3.5" }), "Area"] }), _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: areas.map((area) => {
                                                     const AreaIcon = getIcon(area.icon);
                                                     const isActiveArea = area.id === activeAreaId;
                                                     return (_jsx(SidebarMenuItem, { children: _jsxs(SidebarMenuButton, { isActive: isActiveArea, tooltip: area.label, onClick: () => setActiveAreaId(area.id), children: [_jsx(AreaIcon, { className: "h-4 w-4" }), _jsx("span", { children: area.label })] }) }, area.id));
                                                 }) }) })] })), _jsx(SidebarGroup, { className: "py-0", children: _jsxs(SidebarGroupContent, { className: "relative", children: [_jsx(Search, { className: "pointer-events-none absolute left-2 top-1/2 size-4 -translate-y-1/2 select-none opacity-70" }), _jsx(SidebarInput, { placeholder: "Search navigation...", value: navSearchQuery, onChange: (e) => setNavSearchQuery(e.target.value), className: "pl-8" })] }) }), _jsx(NavigationRenderer, { items: processedNavigation, basePath: basePath, evaluateVisibility: evalVis, checkPermission: checkPerm, searchQuery: navSearchQuery, enablePinning: true, onPinToggle: togglePin, enableReorder: true, onReorder: handleReorder, resolveObjectLabel: (objectName, fallback) => resolveNavObjectLabel({ name: objectName, label: fallback }), t: t }), recentItems.length > 0 && (_jsxs(SidebarGroup, { children: [_jsxs(SidebarGroupLabel, { className: "flex items-center gap-1.5 cursor-pointer select-none", onClick: () => setRecentExpanded(prev => !prev), children: [_jsx(ChevronRight, { className: `h-3 w-3 transition-transform duration-150 ${recentExpanded ? 'rotate-90' : ''}` }), _jsx(Clock, { className: "h-3.5 w-3.5" }), "Recent"] }), recentExpanded && (_jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: recentItems.slice(0, 5).map(item => (_jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { asChild: true, tooltip: item.label, children: _jsxs(Link, { to: item.href, children: [_jsx("span", { className: "text-muted-foreground", children: item.type === 'dashboard' ? '📊' : item.type === 'report' ? '📈' : '📄' }), _jsx("span", { className: "truncate", children: item.label })] }) }) }, item.id))) }) }))] })), favorites.length > 0 && (_jsxs(SidebarGroup, { children: [_jsxs(SidebarGroupLabel, { className: "flex items-center gap-1.5", children: [_jsx(Star, { className: "h-3.5 w-3.5" }), "Favorites"] }), _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: favorites.slice(0, 8).map(item => (_jsxs(SidebarMenuItem, { children: [_jsx(SidebarMenuButton, { asChild: true, tooltip: item.label, children: _jsxs(Link, { to: item.href, children: [_jsx("span", { className: "text-muted-foreground", children: item.type === 'dashboard' ? '📊' : item.type === 'report' ? '📈' : item.type === 'page' ? '📄' : '📋' }), _jsx("span", { className: "truncate", children: item.label })] }) }), _jsx(SidebarMenuAction, { showOnHover: true, onClick: (e) => { e.stopPropagation(); removeFavorite(item.id); }, "aria-label": `Remove ${item.label} from favorites`, children: _jsx(StarOff, { className: "h-3 w-3" }) })] }, item.id))) }) })] }))] })) : (_jsxs(SidebarGroup, { "data-testid": "system-fallback-nav", children: [_jsxs(SidebarGroupLabel, { className: "flex items-center gap-1.5", children: [_jsx(Settings, { className: "h-3.5 w-3.5" }), "System"] }), _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: systemFallbackNavigation.map((item) => {
                                             const NavIcon = getIcon(item.icon);
                                             return (_jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { asChild: true, tooltip: item.label, children: _jsxs(Link, { to: item.url || '/system', children: [_jsx(NavIcon, { className: "h-4 w-4" }), _jsx("span", { children: item.label })] }) }) }, item.id));
-                                        }) }) })] })) }), _jsx(SidebarFooter, { children: _jsx(SidebarMenu, { children: _jsx(SidebarMenuItem, { children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(SidebarMenuButton, { size: "lg", className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground", children: [_jsxs(Avatar, { className: "h-8 w-8 rounded-lg", children: [_jsx(AvatarImage, { src: user?.image, alt: user?.name ?? 'User' }), _jsx(AvatarFallback, { className: "rounded-lg bg-primary text-primary-foreground", children: getUserInitials(user) })] }), _jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [_jsx("span", { className: "truncate font-semibold", children: user?.name ?? 'User' }), _jsx("span", { className: "truncate text-xs text-muted-foreground", children: user?.email ?? '' })] }), _jsx(ChevronsUpDown, { className: "ml-auto size-4" })] }) }), _jsxs(DropdownMenuContent, { className: "w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg", side: isMobile ? "bottom" : "right", align: "end", sideOffset: 4, children: [_jsx(DropdownMenuLabel, { className: "p-0 font-normal", children: _jsxs("div", { className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm", children: [_jsxs(Avatar, { className: "h-8 w-8 rounded-lg", children: [_jsx(AvatarImage, { src: user?.image, alt: user?.name ?? 'User' }), _jsx(AvatarFallback, { className: "rounded-lg bg-primary text-primary-foreground", children: getUserInitials(user) })] }), _jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [_jsx("span", { className: "truncate font-semibold", children: user?.name ?? 'User' }), _jsx("span", { className: "truncate text-xs text-muted-foreground", children: user?.email ?? '' })] })] }) }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuGroup, { children: _jsxs(DropdownMenuItem, { onClick: () => navigate('/apps/setup'), children: [_jsx(Settings, { className: "mr-2 h-4 w-4" }), "Settings"] }) }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { className: "text-destructive focus:text-destructive", onClick: () => signOut(), children: [_jsx(LogOut, { className: "mr-2 h-4 w-4" }), "Log out"] })] })] }) }) }) })] }), isMobile && (_jsx("div", { className: "fixed bottom-0 left-0 right-0 z-50 flex items-center justify-around border-t bg-background/95 backdrop-blur-sm px-2 py-1 sm:hidden safe-area-bottom", children: (activeApp ? resolvedNavigation : systemFallbackNavigation).filter((n) => n.type !== 'group').slice(0, 5).map((item) => {
+                                        }) }) })] })) }), _jsx(SidebarFooter, { children: _jsx(SidebarMenu, { children: _jsx(SidebarMenuItem, { children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(SidebarMenuButton, { size: "lg", className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground", children: [_jsxs(Avatar, { className: "h-8 w-8 rounded-lg", children: [_jsx(AvatarImage, { src: user?.image, alt: user?.name ?? 'User' }), _jsx(AvatarFallback, { className: "rounded-lg bg-primary text-primary-foreground", children: getUserInitials(user) })] }), _jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [_jsx("span", { className: "truncate font-semibold", children: user?.name ?? 'User' }), _jsx("span", { className: "truncate text-xs text-muted-foreground", children: user?.email ?? '' })] }), _jsx(ChevronsUpDown, { className: "ml-auto size-4" })] }) }), _jsxs(DropdownMenuContent, { className: "w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg", side: isMobile ? "bottom" : "right", align: "end", sideOffset: 4, children: [_jsx(DropdownMenuLabel, { className: "p-0 font-normal", children: _jsxs("div", { className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm", children: [_jsxs(Avatar, { className: "h-8 w-8 rounded-lg", children: [_jsx(AvatarImage, { src: user?.image, alt: user?.name ?? 'User' }), _jsx(AvatarFallback, { className: "rounded-lg bg-primary text-primary-foreground", children: getUserInitials(user) })] }), _jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [_jsx("span", { className: "truncate font-semibold", children: user?.name ?? 'User' }), _jsx("span", { className: "truncate text-xs text-muted-foreground", children: user?.email ?? '' })] })] }) }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuGroup, { children: _jsxs(DropdownMenuItem, { onClick: () => navigate('/apps/setup'), children: [_jsx(Settings, { className: "mr-2 h-4 w-4" }), "Settings"] }) }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { className: "text-destructive focus:text-destructive", onClick: () => signOut(), children: [_jsx(LogOut, { className: "mr-2 h-4 w-4" }), "Log out"] })] })] }) }) }) })] }), isMobile && (_jsx("div", { className: "fixed bottom-0 left-0 right-0 z-50 flex items-center justify-around border-t bg-background/95 backdrop-blur-sm px-2 py-1 sm:hidden safe-area-bottom", children: (activeApp ? resolvedNavigation : systemFallbackNavigation).filter((n) => n.type !== 'group').slice(0, 5).map((item) => {
                     const NavIcon = getIcon(item.icon);
                     const baseUrl = activeApp ? `/apps/${activeAppName}` : '';
                     let href = item.url || '#';

package/dist/utils/index.d.ts

@@ -22,13 +22,20 @@ export declare function capitalizeFirst(str: string): string;
 /**
  * Format a record title using the titleFormat pattern.
  *
+ * Accepts either a legacy string template or an Expression envelope
+ * (`{ dialect: 'template', source: string }`) emitted by `@objectstack/spec`'s
+ * normalized templates. The placeholder syntax (`{field}`) is identical in both
+ * shapes; only the wrapping object is new.
+ *
  * Empty placeholders (missing or null/empty fields) are stripped along with
  * any orphan separator they leave behind, so a template like
  *   "{full_name} - {company}"
  * evaluated against `{ company: "Acme" }` resolves to `"Acme"` rather than
  * `" - Acme"`. Returns an empty string when no placeholder resolved.
  */
-export declare function formatRecordTitle(titleFormat: string | undefined, record: any): string;
+export declare function formatRecordTitle(titleFormat: string | {
+    source?: string;
+} | undefined, record: any): string;
 /**
  * Get display name for a record using titleFormat or fallback
  * @param objectDef Object definition with optional titleFormat

package/dist/utils/index.js

@@ -38,6 +38,11 @@ const SEPARATOR_CLASS = '[-\\u2013\\u2014|/·,:]';
 /**
  * Format a record title using the titleFormat pattern.
  *
+ * Accepts either a legacy string template or an Expression envelope
+ * (`{ dialect: 'template', source: string }`) emitted by `@objectstack/spec`'s
+ * normalized templates. The placeholder syntax (`{field}`) is identical in both
+ * shapes; only the wrapping object is new.
+ *
  * Empty placeholders (missing or null/empty fields) are stripped along with
  * any orphan separator they leave behind, so a template like
  *   "{full_name} - {company}"
@@ -45,11 +50,17 @@ const SEPARATOR_CLASS = '[-\\u2013\\u2014|/·,:]';
  * `" - Acme"`. Returns an empty string when no placeholder resolved.
  */
 export function formatRecordTitle(titleFormat, record) {
-    if (!titleFormat || !record) {
+    // Normalize Expression envelope ({ dialect, source }) → raw template string.
+    const template = typeof titleFormat === 'string'
+        ? titleFormat
+        : (titleFormat && typeof titleFormat === 'object' && typeof titleFormat.source === 'string')
+            ? titleFormat.source
+            : undefined;
+    if (!template || !record) {
         return record?.id || record?._id || 'Record';
     }
     let anyResolved = false;
-    let out = titleFormat.replace(/\{([^{}]+)\}/g, (_match, fieldName) => {
+    let out = template.replace(/\{([^{}]+)\}/g, (_match, fieldName) => {
         const value = record[fieldName.trim()];
         if (value === null || value === undefined || value === '') {
             return EMPTY_TOKEN;

package/dist/views/ActionParamDialog.js

@@ -12,7 +12,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { useState, useEffect } from 'react';
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Button, Input, Label, Textarea, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '@object-ui/components';
+import { useObjectTranslation } from '@object-ui/i18n';
 export function ActionParamDialog({ state, onOpenChange }) {
+    const { t } = useObjectTranslation();
     const [values, setValues] = useState({});
     const [errors, setErrors] = useState({});
     // Reset values when params change
@@ -63,5 +65,5 @@ export function ActionParamDialog({ state, onOpenChange }) {
     return (_jsx(Dialog, { open: state.open, onOpenChange: (open) => {
             if (!open)
                 handleCancel();
-        }, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Action Parameters" }), _jsx(DialogDescription, { children: "Please provide the required information to continue." })] }), _jsx("div", { className: "grid gap-4 py-4", children: state.params.map((param) => (_jsxs("div", { className: "grid gap-2", children: [_jsxs(Label, { htmlFor: param.name, children: [param.label, param.required && _jsx("span", { className: "text-destructive ml-1", children: "*" })] }), param.type === 'select' && param.options ? (_jsxs(Select, { value: values[param.name] ?? '', onValueChange: (val) => updateValue(param.name, val), children: [_jsx(SelectTrigger, { id: param.name, className: errors[param.name] ? 'border-destructive' : '', children: _jsx(SelectValue, { placeholder: param.placeholder || `Select ${param.label}` }) }), _jsx(SelectContent, { children: param.options.map((opt) => (_jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value))) })] })) : param.type === 'textarea' ? (_jsx(Textarea, { id: param.name, value: values[param.name] ?? '', onChange: (e) => updateValue(param.name, e.target.value), placeholder: param.placeholder, className: errors[param.name] ? 'border-destructive' : '' })) : param.type === 'number' ? (_jsx(Input, { id: param.name, type: "number", value: values[param.name] ?? '', onChange: (e) => updateValue(param.name, e.target.value === '' ? undefined : e.target.valueAsNumber), placeholder: param.placeholder, className: errors[param.name] ? 'border-destructive' : '' })) : (_jsx(Input, { id: param.name, type: ['email', 'url', 'date', 'datetime-local', 'time', 'password'].includes(param.type) ? param.type : 'text', value: values[param.name] ?? '', onChange: (e) => updateValue(param.name, e.target.value), placeholder: param.placeholder, className: errors[param.name] ? 'border-destructive' : '' })), errors[param.name] && (_jsxs("p", { className: "text-xs text-destructive", children: [param.label, " is required"] })), param.helpText && (_jsx("p", { className: "text-xs text-muted-foreground", children: param.helpText }))] }, param.name))) }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: handleCancel, children: "Cancel" }), _jsx(Button, { onClick: handleSubmit, children: "Confirm" })] })] }) }));
+        }, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: t('actionDialog.title') }), _jsx(DialogDescription, { children: t('actionDialog.description') })] }), _jsx("div", { className: "grid gap-4 py-4", children: state.params.map((param) => (_jsxs("div", { className: "grid gap-2", children: [_jsxs(Label, { htmlFor: param.name, children: [param.label, param.required && _jsx("span", { className: "text-destructive ml-1", children: "*" })] }), param.type === 'select' && param.options ? (_jsxs(Select, { value: values[param.name] ?? '', onValueChange: (val) => updateValue(param.name, val), children: [_jsx(SelectTrigger, { id: param.name, className: errors[param.name] ? 'border-destructive' : '', children: _jsx(SelectValue, { placeholder: param.placeholder || t('actionDialog.selectPlaceholder', { label: param.label }) }) }), _jsx(SelectContent, { children: param.options.map((opt) => (_jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value))) })] })) : param.type === 'textarea' ? (_jsx(Textarea, { id: param.name, value: values[param.name] ?? '', onChange: (e) => updateValue(param.name, e.target.value), placeholder: param.placeholder, className: errors[param.name] ? 'border-destructive' : '' })) : param.type === 'number' ? (_jsx(Input, { id: param.name, type: "number", value: values[param.name] ?? '', onChange: (e) => updateValue(param.name, e.target.value === '' ? undefined : e.target.valueAsNumber), placeholder: param.placeholder, className: errors[param.name] ? 'border-destructive' : '' })) : (_jsx(Input, { id: param.name, type: ['email', 'url', 'date', 'datetime-local', 'time', 'password'].includes(param.type) ? param.type : 'text', value: values[param.name] ?? '', onChange: (e) => updateValue(param.name, e.target.value), placeholder: param.placeholder, className: errors[param.name] ? 'border-destructive' : '' })), errors[param.name] && (_jsx("p", { className: "text-xs text-destructive", children: t('actionDialog.requiredError', { label: param.label }) })), param.helpText && (_jsx("p", { className: "text-xs text-muted-foreground", children: param.helpText }))] }, param.name))) }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: handleCancel, children: t('actionDialog.cancel') }), _jsx(Button, { onClick: handleSubmit, children: t('actionDialog.confirm') })] })] }) }));
 }

package/dist/views/DashboardView.js

@@ -147,21 +147,21 @@ export function DashboardView({ dataSource }) {
     }), []);
     const scriptHandlers = useMemo(() => ({
         export_dashboard_pdf: async () => {
-            toast.info('Preparing PDF export…');
+            toast.info(t('dashboardActions.pdfPreparing'));
             try {
                 window.print();
                 return { success: true };
             }
             catch (err) {
-                toast.error(`Export failed: ${err?.message || String(err)}`);
+                toast.error(t('dashboardActions.exportFailed', { message: err?.message || String(err) }));
                 return { success: false, error: err?.message || String(err) };
             }
         },
         forecast_dashboard: async () => {
-            toast.info('Forecast view coming soon');
+            toast.info(t('dashboardActions.forecastSoon'));
             return { success: true };
         },
-    }), []);
+    }), [t]);
     useEffect(() => {
         setIsLoading(true);
         setEditSchema(null);
@@ -349,7 +349,7 @@ export function DashboardView({ dataSource }) {
         return _jsx(SkeletonDashboard, {});
     }
     if (!dashboard) {
-        return (_jsx("div", { className: "h-full flex items-center justify-center p-8", children: _jsxs(Empty, { children: [_jsx("div", { className: "mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-muted", children: _jsx(LayoutDashboard, { className: "h-6 w-6 text-muted-foreground" }) }), _jsx(EmptyTitle, { children: "Dashboard Not Found" }), _jsxs(EmptyDescription, { children: ["The dashboard \"", dashboardName, "\" could not be found. It may have been removed or renamed."] })] }) }));
+        return (_jsx("div", { className: "h-full flex items-center justify-center p-8", children: _jsxs(Empty, { children: [_jsx("div", { className: "mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-muted", children: _jsx(LayoutDashboard, { className: "h-6 w-6 text-muted-foreground" }) }), _jsx(EmptyTitle, { children: t('empty.dashboardNotFound') }), _jsx(EmptyDescription, { children: t('empty.dashboardNotFoundDescription', { name: dashboardName }) })] }) }));
     }
     const previewSchema = editSchema || dashboard;
     return (_jsxs("div", { className: "flex flex-col h-full overflow-hidden bg-background", children: [_jsxs("div", { className: "flex flex-col sm:flex-row justify-between sm:items-center gap-3 sm:gap-4 p-4 sm:p-6 border-b shrink-0", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("h1", { className: "text-lg sm:text-xl md:text-2xl font-bold tracking-tight truncate", children: dashboardLabel({ name: dashboard.name, label: resolveI18nLabel(dashboard.label, t) }) || dashboard.name }), (() => {
@@ -375,5 +375,5 @@ export function DashboardView({ dataSource }) {
                     showSubmit: true,
                     showCancel: true,
                 }, dataSource: adapter })) : modalState ? (_jsx(Dialog, { open: true, onOpenChange: (open) => { if (!open)
-                    closeModal({ success: false }); }, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: modalState.schema?.title || 'Action' }), modalState.schema?.description && (_jsx(DialogDescription, { children: modalState.schema.description }))] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => closeModal({ success: false }), children: "Cancel" }), _jsx(Button, { onClick: () => closeModal({ success: true }), children: "OK" })] })] }) })) : null] }));
+                    closeModal({ success: false }); }, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: modalState.schema?.title || t('actionDialog.defaultActionTitle') }), modalState.schema?.description && (_jsx(DialogDescription, { children: modalState.schema.description }))] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => closeModal({ success: false }), children: t('actionDialog.cancel') }), _jsx(Button, { onClick: () => closeModal({ success: true }), children: t('actionDialog.ok') })] })] }) })) : null] }));
 }

package/dist/views/MetadataInspector.js

@@ -9,12 +9,14 @@ import { useState, useMemo } from 'react';
 import { Button } from '@object-ui/components';
 import { Code2, Copy, Check, ChevronDown, ChevronRight } from 'lucide-react';
 import { parseDebugFlags } from '@object-ui/core';
+import { useObjectTranslation } from '@object-ui/i18n';
 /**
  * Toggle button for the metadata inspector.
  * Place this in your header/toolbar area.
  */
 export function MetadataToggle({ open, onToggle, className }) {
-    return (_jsxs(Button, { size: "sm", variant: open ? 'secondary' : 'outline', onClick: onToggle, className: `shadow-none gap-2 ${className || ''}`, title: "Toggle Metadata Inspector", children: [_jsx(Code2, { className: "h-4 w-4" }), _jsx("span", { className: "hidden lg:inline", children: "Metadata" })] }));
+    const { t } = useObjectTranslation();
+    return (_jsxs(Button, { size: "sm", variant: open ? 'secondary' : 'outline', onClick: onToggle, className: `shadow-none gap-2 ${className || ''}`, title: t('layout.metadata.toggleTitle'), children: [_jsx(Code2, { className: "h-4 w-4" }), _jsx("span", { className: "hidden lg:inline", children: t('layout.metadata.label') })] }));
 }
 /**
  * The side panel that renders JSON metadata sections.
@@ -22,6 +24,7 @@ export function MetadataToggle({ open, onToggle, className }) {
 export function MetadataPanel({ sections, open }) {
     if (!open)
         return null;
+    const { t } = useObjectTranslation();
     const [expandedSections, setExpandedSections] = useState(['0']);
     const [copiedIndex, setCopiedIndex] = useState(null);
     const handleCopy = async (data, index) => {
@@ -39,11 +42,11 @@ export function MetadataPanel({ sections, open }) {
             ? prev.filter(i => i !== index)
             : [...prev, index]);
     };
-    return (_jsxs("div", { className: "w-80 border-l bg-background p-0 overflow-hidden flex flex-col shrink-0 z-20 transition-all", children: [_jsxs("div", { className: "px-4 py-3 border-b bg-muted/5 flex items-center justify-between", children: [_jsx("span", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: "Metadata Inspector" }), _jsx("span", { className: "text-[10px] text-muted-foreground/60", children: "JSON" })] }), _jsx("div", { className: "flex-1 overflow-auto", children: sections.map((section, index) => {
+    return (_jsxs("div", { className: "w-80 border-l bg-background p-0 overflow-hidden flex flex-col shrink-0 z-20 transition-all", children: [_jsxs("div", { className: "px-4 py-3 border-b bg-muted/5 flex items-center justify-between", children: [_jsx("span", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: t('layout.metadata.panelTitle') }), _jsx("span", { className: "text-[10px] text-muted-foreground/60", children: t('layout.metadata.jsonBadge') })] }), _jsx("div", { className: "flex-1 overflow-auto", children: sections.map((section, index) => {
                     const sectionId = String(index);
                     const isExpanded = expandedSections.includes(sectionId);
                     const isCopied = copiedIndex === index;
-                    return (_jsxs("div", { className: "border-b last:border-b-0", children: [_jsxs("div", { className: "flex items-center justify-between px-4 py-3 hover:bg-muted/5 transition-colors", children: [_jsxs("button", { onClick: () => toggleSection(sectionId), className: "flex-1 flex items-center justify-between text-left", children: [_jsx("h4", { className: "text-xs font-semibold text-foreground", children: section.title }), isExpanded ? (_jsx(ChevronDown, { className: "h-3 w-3 text-muted-foreground ml-2" })) : (_jsx(ChevronRight, { className: "h-3 w-3 text-muted-foreground ml-2" }))] }), _jsx("button", { onClick: () => handleCopy(section.data, index), className: "p-1 hover:bg-muted rounded transition-colors ml-2", title: "Copy JSON", children: isCopied ? (_jsx(Check, { className: "h-3 w-3 text-green-600" })) : (_jsx(Copy, { className: "h-3 w-3 text-muted-foreground" })) })] }), isExpanded && (_jsx("div", { className: "px-4 pb-4", children: _jsx("div", { className: "relative rounded-md border border-border/50 bg-muted/5 overflow-hidden", children: _jsx("pre", { className: "text-[11px] leading-relaxed p-3 overflow-auto max-h-96 font-mono text-foreground/90", children: JSON.stringify(section.data, null, 2) }) }) }))] }, index));
+                    return (_jsxs("div", { className: "border-b last:border-b-0", children: [_jsxs("div", { className: "flex items-center justify-between px-4 py-3 hover:bg-muted/5 transition-colors", children: [_jsxs("button", { onClick: () => toggleSection(sectionId), className: "flex-1 flex items-center justify-between text-left", children: [_jsx("h4", { className: "text-xs font-semibold text-foreground", children: section.title }), isExpanded ? (_jsx(ChevronDown, { className: "h-3 w-3 text-muted-foreground ml-2" })) : (_jsx(ChevronRight, { className: "h-3 w-3 text-muted-foreground ml-2" }))] }), _jsx("button", { onClick: () => handleCopy(section.data, index), className: "p-1 hover:bg-muted rounded transition-colors ml-2", title: t('layout.metadata.copyJson'), children: isCopied ? (_jsx(Check, { className: "h-3 w-3 text-green-600" })) : (_jsx(Copy, { className: "h-3 w-3 text-muted-foreground" })) })] }), isExpanded && (_jsx("div", { className: "px-4 pb-4", children: _jsx("div", { className: "relative rounded-md border border-border/50 bg-muted/5 overflow-hidden", children: _jsx("pre", { className: "text-[11px] leading-relaxed p-3 overflow-auto max-h-96 font-mono text-foreground/90", children: JSON.stringify(section.data, null, 2) }) }) }))] }, index));
                 }) })] }));
 }
 /**

package/dist/views/ObjectView.js

@@ -12,6 +12,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useState, useCallback, useEffect, lazy, Suspense } from 'react';
 import { useParams, useSearchParams, useNavigate } from 'react-router-dom';
 const ObjectChart = lazy(() => import('@object-ui/plugin-charts').then((m) => ({ default: m.ObjectChart })));
+const ImportWizard = lazy(() => import('@object-ui/plugin-grid').then((m) => ({ default: m.ImportWizard })));
 import { ListView } from '@object-ui/plugin-list';
 import { DetailView, RecordChatterPanel } from '@object-ui/plugin-detail';
 import { ObjectView as PluginObjectView, ViewTabBar, ManageViewsDialog } from '@object-ui/plugin-view';
@@ -19,7 +20,7 @@ import { ObjectView as PluginObjectView, ViewTabBar, ManageViewsDialog } from '@
 // uses ComponentRegistry.registerLazy so heavy plugins stay code-split).
 // Do NOT add eager `import '@object-ui/plugin-*'` side-effect imports here.
 import { Button, Empty, EmptyTitle, EmptyDescription, NavigationOverlay } from '@object-ui/components';
-import { Plus, Table as TableIcon, KanbanSquare, Calendar, LayoutGrid, Activity, GanttChart, MapPin, BarChart3 } from 'lucide-react';
+import { Plus, Upload, Table as TableIcon, KanbanSquare, Calendar, LayoutGrid, Activity, GanttChart, MapPin, BarChart3 } from 'lucide-react';
 import { getIcon } from '../utils/getIcon';
 import { MetadataPanel, useMetadataInspector } from './MetadataInspector';
 import { ViewConfigPanel } from './ViewConfigPanel';
@@ -298,6 +299,8 @@ export function ObjectView({ dataSource, objects, onEdit }) {
     }
     // Refresh trigger — bumped after view CRUD or external data mutations.
     const [refreshKey, setRefreshKey] = useState(0);
+    // Import wizard open/close state — toolbar entry triggers it.
+    const [showImport, setShowImport] = useState(false);
     // ─── User-defined views (sys_view) ──────────────────────────────────
     // Saved views created via the ViewConfigPanel ("Add View") are persisted
     // to the `sys_view` object. We fetch them here and merge into `views` so
@@ -534,7 +537,7 @@ export function ObjectView({ dataSource, objects, onEdit }) {
         }
         catch (err) {
             console.error('[ViewTabBar] Failed to rename view:', err);
-            toast.error('Failed to rename view');
+            toast.error(t('objectViewActions.renameFailed'));
         }
     }, [dataSource, isSavedView, t]);
     // Promise-based confirm/param dialogs — declared early so destructive
@@ -581,7 +584,7 @@ export function ObjectView({ dataSource, objects, onEdit }) {
         }
         catch (err) {
             console.error('[ViewTabBar] Failed to delete view:', err);
-            toast.error('Failed to delete view');
+            toast.error(t('objectViewActions.deleteFailed'));
         }
     }, [dataSource, isSavedView, activeViewId, views, viewId, navigate, t, confirmHandler]);
     const handleDuplicateView = useCallback(async (vid) => {
@@ -696,14 +699,6 @@ export function ObjectView({ dataSource, objects, onEdit }) {
     const handleAddView = useCallback(() => {
         setShowCreateViewDialog(true);
     }, []);
-    // Action system for toolbar operations — refreshKey moved up (declared earlier).
-    const actions = useObjectActions({
-        objectName: objectDef.name,
-        objectLabel: objectDef.label,
-        dataSource,
-        onEdit,
-        onRefresh: () => setRefreshKey(k => k + 1),
-    });
     // ─── ActionProvider handlers for schema-driven toolbar actions ──────
     const currentUser = user
         ? { id: user.id, name: user.name, avatar: user.image }
@@ -714,6 +709,18 @@ export function ObjectView({ dataSource, objects, onEdit }) {
         else
             toast.success(message);
     }, []);
+    // Action system for toolbar operations — refreshKey moved up (declared earlier).
+    // Wired to confirmHandler/toastHandler so deletes use the Shadcn AlertDialog
+    // and Sonner toast instead of native window.confirm.
+    const actions = useObjectActions({
+        objectName: objectDef.name,
+        objectLabel: objectDef.label,
+        dataSource,
+        onEdit,
+        onRefresh: () => setRefreshKey(k => k + 1),
+        onConfirm: confirmHandler,
+        onToast: toastHandler,
+    });
     const navigateHandler = useCallback((url, options) => {
         if (options?.external || options?.newTab) {
             window.open(url, '_blank', 'noopener,noreferrer');
@@ -1040,10 +1047,17 @@ export function ObjectView({ dataSource, objects, onEdit }) {
                 },
             },
         };
-        return (_jsx(ListView, { schema: fullSchema, className: className, onEdit: editHandler, onRowClick: (record) => {
+        return (_jsx(ListView, { schema: fullSchema, className: className, onEdit: editHandler, onDelete: (record) => {
+                if (record?.id != null) {
+                    // useObjectActions.deleteRecord wraps execute() which
+                    // already shows a confirmation dialog + success toast
+                    // and triggers onRefresh on success.
+                    actions.deleteRecord(String(record.id));
+                }
+            }, onRowClick: (record) => {
                 navOverlay.handleClick(record);
             }, dataSource: ds }, key));
-    }, [activeView, objectDef, objectName, refreshKey, navOverlay]);
+    }, [activeView, objectDef, objectName, refreshKey, navOverlay, actions]);
     // Memoize the merged views array so PluginObjectView doesn't get a new
     // reference on every render (which would trigger unnecessary data refetches).
     const mergedViews = useMemo(() => views.map((v) => v.id === activeViewId && viewDraft && viewDraft.id === v.id
@@ -1080,13 +1094,28 @@ export function ObjectView({ dataSource, objects, onEdit }) {
             }
         },
     }), [objectDef.name, onEdit, activeView?.showSearch, activeView?.showFilters, activeView?.showSort, navigate, viewId, isAdmin]);
-    return (_jsxs(ActionProvider, { context: { objectName: objectDef.name, user: currentUser }, onConfirm: confirmHandler, onToast: toastHandler, onNavigate: navigateHandler, onParamCollection: paramCollectionHandler, handlers: { api: apiHandler, flow: flowHandler, script: serverActionHandler, modal: serverActionHandler }, children: [_jsxs("div", { className: "h-full flex flex-col bg-background min-w-0 overflow-hidden", children: [_jsxs("div", { className: "flex justify-between items-center py-2.5 sm:py-3 px-3 sm:px-4 border-b shrink-0 bg-background z-10", children: [_jsxs("div", { className: "flex items-center gap-2 sm:gap-3 min-w-0 flex-1", children: [_jsx("div", { className: "bg-primary/10 p-1.5 sm:p-2 rounded-md shrink-0", children: (() => { const I = getIcon(objectDef?.icon); return _jsx(I, { className: "h-4 w-4 text-primary" }); })() }), _jsxs("div", { className: "min-w-0", children: [_jsx("h1", { className: "text-base sm:text-lg font-semibold tracking-tight text-foreground truncate", children: objectLabel(objectDef) }), objectDef.description && (_jsx("p", { className: "text-xs text-muted-foreground truncate hidden sm:block max-w-md", children: objectDesc(objectDef) }))] })] }), _jsxs("div", { className: "flex items-center gap-1.5 sm:gap-2 shrink-0", children: [can(objectDef.name, 'create') && (_jsxs(Button, { size: "sm", onClick: actions.create, className: "shadow-none gap-1.5 sm:gap-2 h-8 sm:h-9", children: [_jsx(Plus, { className: "h-4 w-4" }), _jsx("span", { className: "hidden sm:inline", children: t('console.objectView.new') })] })), objectDef.actions?.some((a) => a.locations?.includes('list_toolbar')) && (_jsx(SchemaRenderer, { schema: {
+    return (_jsxs(ActionProvider, { context: { objectName: objectDef.name, user: currentUser }, onConfirm: confirmHandler, onToast: toastHandler, onNavigate: navigateHandler, onParamCollection: paramCollectionHandler, handlers: { api: apiHandler, flow: flowHandler, script: serverActionHandler, modal: serverActionHandler }, children: [_jsxs("div", { className: "h-full flex flex-col bg-background min-w-0 overflow-hidden", children: [_jsxs("div", { className: "flex justify-between items-center py-2.5 sm:py-3 px-3 sm:px-4 border-b shrink-0 bg-background z-10", children: [_jsxs("div", { className: "flex items-center gap-2 sm:gap-3 min-w-0 flex-1", children: [_jsx("div", { className: "bg-primary/10 p-1.5 sm:p-2 rounded-md shrink-0", children: (() => { const I = getIcon(objectDef?.icon); return _jsx(I, { className: "h-4 w-4 text-primary" }); })() }), _jsxs("div", { className: "min-w-0", children: [_jsx("h1", { className: "text-base sm:text-lg font-semibold tracking-tight text-foreground truncate", children: objectLabel(objectDef) }), objectDef.description && (_jsx("p", { className: "text-xs text-muted-foreground truncate hidden sm:block max-w-md", children: objectDesc(objectDef) }))] })] }), _jsxs("div", { className: "flex items-center gap-1.5 sm:gap-2 shrink-0", children: [can(objectDef.name, 'create') && (_jsxs(Button, { size: "sm", onClick: actions.create, className: "shadow-none gap-1.5 sm:gap-2 h-8 sm:h-9", children: [_jsx(Plus, { className: "h-4 w-4" }), _jsx("span", { className: "hidden sm:inline", children: t('console.objectView.new') })] })), can(objectDef.name, 'create') && (_jsxs(Button, { size: "sm", variant: "outline", onClick: () => setShowImport(true), className: "shadow-none gap-1.5 sm:gap-2 h-8 sm:h-9", title: t('console.objectView.importTitle'), "data-testid": "object-view-import-button", children: [_jsx(Upload, { className: "h-4 w-4" }), _jsx("span", { className: "hidden sm:inline", children: t('console.objectView.import') })] })), objectDef.actions?.some((a) => a.locations?.includes('list_toolbar')) && (_jsx(SchemaRenderer, { schema: {
                                             type: 'action:bar',
                                             location: 'list_toolbar',
                                             actions: objectDef.actions,
                                             size: 'sm',
                                             variant: 'outline',
-                                        } }))] })] }), views.length >= 1 && (() => {
+                                        } }))] })] }), showImport && (_jsx(Suspense, { fallback: null, children: _jsx(ImportWizard, { open: showImport, onOpenChange: setShowImport, objectName: objectDef.name, objectLabel: objectLabel(objectDef), fields: Object.entries(objectDef.fields || {}).map(([name, def]) => ({
+                                name,
+                                label: def?.label || name,
+                                type: def?.type || 'text',
+                                required: !!def?.required,
+                            })), dataSource: dataSource, onComplete: (result) => {
+                                setRefreshKey(k => k + 1);
+                                const ok = result.importedRows;
+                                const skip = result.skippedRows;
+                                if (skip > 0) {
+                                    toast.warning(t('console.objectView.importedWithSkipped', { ok, skipped: skip }));
+                                }
+                                else if (ok > 0) {
+                                    toast.success(t('console.objectView.importedToast', { count: ok }));
+                                }
+                            } }) })), views.length >= 1 && (() => {
                         const viewTabItems = views.map((view) => {
                             const saved = savedViews.find((sv) => (sv.id || sv._id) === view.id);
                             // System views (loaded from objectDef.listViews / metadata) are

package/dist/views/PageView.js

@@ -9,11 +9,13 @@ import { useParams, useSearchParams } from 'react-router-dom';
 import { SchemaRenderer } from '@object-ui/react';
 import { Empty, EmptyTitle, EmptyDescription } from '@object-ui/components';
 import { FileText, Pencil } from 'lucide-react';
+import { useObjectTranslation } from '@object-ui/i18n';
 import { MetadataPanel, useMetadataInspector } from './MetadataInspector';
 import { useMetadata } from '../providers/MetadataProvider';
 import { DesignDrawer } from './DesignDrawer';
 const PageCanvasEditor = lazy(() => import('@object-ui/plugin-designer').then((m) => ({ default: m.PageCanvasEditor })));
 export function PageView() {
+    const { t } = useObjectTranslation();
     const { pageName } = useParams();
     const [searchParams] = useSearchParams();
     const { showDebug } = useMetadataInspector();
@@ -35,7 +37,7 @@ export function PageView() {
         }
     }, []);
     if (!page) {
-        return (_jsx("div", { className: "h-full flex items-center justify-center p-8", children: _jsxs(Empty, { children: [_jsx("div", { className: "mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-muted", children: _jsx(FileText, { className: "h-6 w-6 text-muted-foreground" }) }), _jsx(EmptyTitle, { children: "Page Not Found" }), _jsxs(EmptyDescription, { children: ["The page \"", pageName, "\" could not be found. It may have been removed or renamed."] })] }) }));
+        return (_jsx("div", { className: "h-full flex items-center justify-center p-8", children: _jsxs(Empty, { children: [_jsx("div", { className: "mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-muted", children: _jsx(FileText, { className: "h-6 w-6 text-muted-foreground" }) }), _jsx(EmptyTitle, { children: t('empty.pageNotFound') }), _jsx(EmptyDescription, { children: t('empty.pageNotFoundDescription', { name: pageName }) })] }) }));
     }
     // Convert URL search params to an object for the page context
     const params = Object.fromEntries(searchParams.entries());

package/dist/views/RecordDetailView.js

@@ -473,9 +473,9 @@ export function RecordDetailView({ dataSource, objects, onEdit }) {
         return _jsx(SkeletonDetail, {});
     }
     if (!objectDef) {
-        return (_jsx("div", { className: "flex h-full items-center justify-center p-4", children: _jsxs(Empty, { children: [_jsx("div", { className: "mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-muted", children: _jsx(Database, { className: "h-6 w-6 text-muted-foreground" }) }), _jsx(EmptyTitle, { children: "Object Not Found" }), _jsxs(EmptyDescription, { children: ["Object \"", objectName, "\" definition missing. Check your configuration or navigate back to select a valid object."] })] }) }));
+        return (_jsx("div", { className: "flex h-full items-center justify-center p-4", children: _jsxs(Empty, { children: [_jsx("div", { className: "mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-muted", children: _jsx(Database, { className: "h-6 w-6 text-muted-foreground" }) }), _jsx(EmptyTitle, { children: t('empty.objectNotFound') }), _jsx(EmptyDescription, { children: t('empty.objectNotFoundDescription', { name: objectName }) })] }) }));
     }
-    return (_jsxs("div", { className: "h-full bg-background overflow-hidden flex flex-col relative", children: [_jsx("div", { className: "absolute top-2 sm:top-4 right-2 sm:right-4 z-50 flex items-center gap-2", children: recordViewers.length > 0 && (_jsxs("div", { className: "flex items-center gap-1.5", title: "Users viewing this record", children: [_jsx(Users, { className: "h-3.5 w-3.5 text-muted-foreground" }), _jsx(PresenceAvatars, { users: recordViewers, size: "sm", maxVisible: 4, showStatus: true })] })) }), _jsxs("div", { className: "flex-1 overflow-hidden flex flex-row", children: [_jsx("div", { className: "flex-1 overflow-auto p-3 sm:p-4 lg:p-6 scroll-pb-48", children: _jsx(ActionProvider, { context: { record: {}, objectName, user: currentUser }, onConfirm: confirmHandler, onToast: toastHandler, onNavigate: navigateHandler, onParamCollection: paramCollectionHandler, handlers: { api: apiHandler, flow: flowHandler, script: serverActionHandler, modal: serverActionHandler }, children: _jsx(DetailView, { schema: detailSchema, dataSource: dataSource, objectLabel: objectDef.label, onDataLoaded: (record) => {
+    return (_jsxs("div", { className: "h-full bg-background overflow-hidden flex flex-col relative", children: [_jsx("div", { className: "absolute top-2 sm:top-4 right-2 sm:right-4 z-50 flex items-center gap-2", children: recordViewers.length > 0 && (_jsxs("div", { className: "flex items-center gap-1.5", title: t('recordDetail.viewersTooltip'), children: [_jsx(Users, { className: "h-3.5 w-3.5 text-muted-foreground" }), _jsx(PresenceAvatars, { users: recordViewers, size: "sm", maxVisible: 4, showStatus: true })] })) }), _jsxs("div", { className: "flex-1 overflow-hidden flex flex-row", children: [_jsx("div", { className: "flex-1 overflow-auto p-3 sm:p-4 lg:p-6 scroll-pb-48", children: _jsx(ActionProvider, { context: { record: {}, objectName, user: currentUser }, onConfirm: confirmHandler, onToast: toastHandler, onNavigate: navigateHandler, onParamCollection: paramCollectionHandler, handlers: { api: apiHandler, flow: flowHandler, script: serverActionHandler, modal: serverActionHandler }, children: _jsx(DetailView, { schema: detailSchema, dataSource: dataSource, objectLabel: objectDef.label, onDataLoaded: (record) => {
                                     if (!record || typeof record !== 'object')
                                         return;
                                     // Resolve the same way DetailView's header does, so the

package/dist/views/RecordFormPage.js

@@ -141,7 +141,7 @@ export function RecordFormPage({ mode }) {
         return _jsx(SkeletonDetail, {});
     }
     if (!objectDef) {
-        return (_jsx("div", { className: "flex h-full items-center justify-center p-4", children: _jsxs(Empty, { children: [_jsx("div", { className: "mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-muted", children: _jsx(Database, { className: "h-6 w-6 text-muted-foreground" }) }), _jsx(EmptyTitle, { children: "Object Not Found" }), _jsxs(EmptyDescription, { children: ["Object \"", objectName, "\" definition missing. Check your configuration or navigate back to select a valid object."] }), _jsx("div", { className: "mt-4", children: _jsxs(Button, { variant: "outline", onClick: () => navigate(baseUrl), children: [_jsx(ArrowLeft, { className: "mr-2 h-4 w-4" }), "Back"] }) })] }) }));
+        return (_jsx("div", { className: "flex h-full items-center justify-center p-4", children: _jsxs(Empty, { children: [_jsx("div", { className: "mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-muted", children: _jsx(Database, { className: "h-6 w-6 text-muted-foreground" }) }), _jsx(EmptyTitle, { children: t('empty.objectNotFound') }), _jsx(EmptyDescription, { children: t('empty.objectNotFoundDescription', { name: objectName }) }), _jsx("div", { className: "mt-4", children: _jsxs(Button, { variant: "outline", onClick: () => navigate(baseUrl), children: [_jsx(ArrowLeft, { className: "mr-2 h-4 w-4" }), t('empty.back')] }) })] }) }));
     }
     return (_jsx(ExpressionProvider, { user: expressionUser, app: { name: appName }, data: {}, children: _jsxs("div", { className: "flex flex-col h-full overflow-hidden bg-background", "data-testid": "record-form-page", "data-mode": mode, children: [_jsxs("header", { className: "sticky top-0 z-10 flex items-center gap-3 border-b bg-background px-4 py-3 sm:px-6", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: goBack, "data-testid": "record-form-page-back", "aria-label": t('common.back', { defaultValue: 'Back' }), children: _jsx(ArrowLeft, { className: "h-4 w-4" }) }), _jsxs("nav", { "aria-label": "Breadcrumb", className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Link, { to: objectListUrl, className: "hover:text-foreground transition-colors", children: label }), _jsx("span", { "aria-hidden": "true", children: "/" }), _jsx("span", { className: "text-foreground font-medium", "data-testid": "record-form-page-title", children: pageTitle })] })] }), _jsx("div", { className: "flex-1 overflow-auto p-4 sm:p-6", children: _jsx("div", { className: "mx-auto max-w-4xl", children: _jsx(ObjectForm, { schema: {
                                 type: 'object-form',

package/dist/views/ReportView.js

@@ -5,6 +5,7 @@ const ReportViewer = lazy(() => import('@object-ui/plugin-report').then((m) => (
 const ReportConfigPanel = lazy(() => import('@object-ui/plugin-report').then((m) => ({ default: m.ReportConfigPanel })));
 import { Empty, EmptyTitle, EmptyDescription } from '@object-ui/components';
 import { Pencil, BarChart3, Loader2 } from 'lucide-react';
+import { useObjectTranslation } from '@object-ui/i18n';
 import { MetadataPanel, useMetadataInspector } from './MetadataInspector';
 import { useMetadata } from '../providers/MetadataProvider';
 import { useAdapter } from '../providers/AdapterProvider';
@@ -20,6 +21,7 @@ const FALLBACK_FIELDS = [
     { value: 'amount', label: 'Amount', type: 'number' },
 ];
 export function ReportView({ dataSource }) {
+    const { t } = useObjectTranslation();
     const { reportName } = useParams();
     const { showDebug } = useMetadataInspector();
     const adapter = useAdapter();
@@ -194,7 +196,7 @@ export function ReportView({ dataSource }) {
     }
     if (!initialReport || !reportData) {
         if (!loading && !initialReport) {
-            return (_jsx("div", { className: "h-full flex items-center justify-center p-8", children: _jsxs(Empty, { children: [_jsx("div", { className: "mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-muted", children: _jsx(BarChart3, { className: "h-6 w-6 text-muted-foreground" }) }), _jsx(EmptyTitle, { children: "Report Not Found" }), _jsxs(EmptyDescription, { children: ["The report \"", reportName, "\" could not be found. It may have been removed or renamed."] })] }) }));
+            return (_jsx("div", { className: "h-full flex items-center justify-center p-8", children: _jsxs(Empty, { children: [_jsx("div", { className: "mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-muted", children: _jsx(BarChart3, { className: "h-6 w-6 text-muted-foreground" }) }), _jsx(EmptyTitle, { children: t('empty.reportNotFound') }), _jsx(EmptyDescription, { children: t('empty.reportNotFoundDescription', { name: reportName }) })] }) }));
         }
         return (_jsx("div", { className: "h-full flex items-center justify-center p-8", children: _jsx(Loader2, { className: "h-8 w-8 animate-spin text-muted-foreground" }) }));
     }

package/dist/views/SearchResultsPage.js

@@ -11,6 +11,7 @@ import { useState, useMemo } from 'react';
 import { useSearchParams, Link, useParams } from 'react-router-dom';
 import { Input, Card, CardContent, Badge, } from '@object-ui/components';
 import { Search, Database, LayoutDashboard, FileText, BarChart3, ArrowLeft, } from 'lucide-react';
+import { useObjectTranslation } from '@object-ui/i18n';
 import { useMetadata } from '../providers/MetadataProvider';
 /** Flatten nested navigation groups into a flat list of leaf items */
 function flattenNavigation(items) {
@@ -38,6 +39,7 @@ const TYPE_COLORS = {
     report: 'bg-orange-100 text-orange-800 dark:bg-orange-900 dark:text-orange-200',
 };
 export function SearchResultsPage() {
+    const { t } = useObjectTranslation();
     const { appName } = useParams();
     const [searchParams, setSearchParams] = useSearchParams();
     const queryParam = searchParams.get('q') || '';
@@ -95,13 +97,16 @@ export function SearchResultsPage() {
         }
         return groups;
     }, [results]);
-    return (_jsxs("div", { className: "flex flex-col gap-6 p-4 sm:p-6 max-w-4xl mx-auto", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsxs(Link, { to: baseUrl, className: "flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground transition-colors", children: [_jsx(ArrowLeft, { className: "h-4 w-4" }), "Back"] }), _jsx("h1", { className: "text-xl font-semibold", children: "Search" })] }), _jsxs("div", { className: "relative", children: [_jsx("label", { htmlFor: "search-results-input", className: "sr-only", children: "Search objects, dashboards, pages, reports" }), _jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground", "aria-hidden": "true" }), _jsx(Input, { id: "search-results-input", value: query, onChange: (e) => handleSearch(e.target.value), placeholder: "Search objects, dashboards, pages, reports...", className: "pl-10 h-11 text-base", autoFocus: true })] }), _jsx("div", { className: "text-sm text-muted-foreground", children: query.trim()
-                    ? `${results.length} result${results.length !== 1 ? 's' : ''} for "${query}"`
-                    : `${allItems.length} items available` }), results.length === 0 ? (_jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [_jsx(Search, { className: "h-12 w-12 text-muted-foreground/30 mb-4" }), _jsx("p", { className: "text-lg font-medium text-muted-foreground", children: "No results found" }), _jsx("p", { className: "text-sm text-muted-foreground/80 mt-1", children: "Try adjusting your search terms" })] })) : (_jsx("div", { className: "space-y-6", children: Object.entries(grouped).map(([type, items]) => {
+    return (_jsxs("div", { className: "flex flex-col gap-6 p-4 sm:p-6 max-w-4xl mx-auto", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsxs(Link, { to: baseUrl, className: "flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground transition-colors", children: [_jsx(ArrowLeft, { className: "h-4 w-4" }), t('search.back')] }), _jsx("h1", { className: "text-xl font-semibold", children: t('search.title') })] }), _jsxs("div", { className: "relative", children: [_jsx("label", { htmlFor: "search-results-input", className: "sr-only", children: t('search.placeholder') }), _jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground", "aria-hidden": "true" }), _jsx(Input, { id: "search-results-input", value: query, onChange: (e) => handleSearch(e.target.value), placeholder: t('search.placeholder'), className: "pl-10 h-11 text-base", autoFocus: true })] }), _jsx("div", { className: "text-sm text-muted-foreground", children: query.trim()
+                    ? t(results.length === 1 ? 'search.resultsCount' : 'search.resultsCountPlural', { count: results.length, query })
+                    : t('search.itemsAvailable', { count: allItems.length }) }), results.length === 0 ? (_jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [_jsx(Search, { className: "h-12 w-12 text-muted-foreground/30 mb-4" }), _jsx("p", { className: "text-lg font-medium text-muted-foreground", children: t('search.noResults') }), _jsx("p", { className: "text-sm text-muted-foreground/80 mt-1", children: t('search.noResultsHint') })] })) : (_jsx("div", { className: "space-y-6", children: Object.entries(grouped).map(([type, items]) => {
                     const TypeIcon = TYPE_ICONS[type] || Database;
-                    return (_jsxs("div", { children: [_jsxs("h2", { className: "text-sm font-medium text-muted-foreground mb-2 flex items-center gap-1.5", children: [_jsx(TypeIcon, { className: "h-4 w-4" }), type.charAt(0).toUpperCase() + type.slice(1), "s", _jsx(Badge, { variant: "secondary", className: "ml-1 text-xs", children: items.length })] }), _jsx("div", { className: "grid gap-2", children: items.map(item => {
+                    const typeLabelKey = `search.type${type.charAt(0).toUpperCase()}${type.slice(1)}s`;
+                    const badgeKey = `search.badge${type.charAt(0).toUpperCase()}${type.slice(1)}`;
+                    return (_jsxs("div", { children: [_jsxs("h2", { className: "text-sm font-medium text-muted-foreground mb-2 flex items-center gap-1.5", children: [_jsx(TypeIcon, { className: "h-4 w-4" }), t(typeLabelKey), _jsx(Badge, { variant: "secondary", className: "ml-1 text-xs", children: items.length })] }), _jsx("div", { className: "grid gap-2", children: items.map(item => {
                                     const ItemIcon = TYPE_ICONS[item.type] || Database;
-                                    return (_jsx(Link, { to: item.href, className: "rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", children: _jsx(Card, { className: "hover:bg-accent/50 transition-colors cursor-pointer", children: _jsxs(CardContent, { className: "flex items-center gap-3 p-3", children: [_jsx("div", { className: `flex h-8 w-8 items-center justify-center rounded ${TYPE_COLORS[item.type] || ''}`, children: _jsx(ItemIcon, { className: "h-4 w-4" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "text-sm font-medium truncate", children: item.label }), item.description && (_jsx("p", { className: "text-xs text-muted-foreground truncate", children: item.description }))] }), _jsx(Badge, { variant: "outline", className: "text-xs shrink-0", children: item.type })] }) }) }, item.id));
+                                    const itemBadgeKey = `search.badge${item.type.charAt(0).toUpperCase()}${item.type.slice(1)}`;
+                                    return (_jsx(Link, { to: item.href, className: "rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", children: _jsx(Card, { className: "hover:bg-accent/50 transition-colors cursor-pointer", children: _jsxs(CardContent, { className: "flex items-center gap-3 p-3", children: [_jsx("div", { className: `flex h-8 w-8 items-center justify-center rounded ${TYPE_COLORS[item.type] || ''}`, children: _jsx(ItemIcon, { className: "h-4 w-4" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "text-sm font-medium truncate", children: item.label }), item.description && (_jsx("p", { className: "text-xs text-muted-foreground truncate", children: item.description }))] }), _jsx(Badge, { variant: "outline", className: "text-xs shrink-0", children: t(itemBadgeKey) })] }) }) }, item.id));
                                 }) })] }, type));
                 }) }))] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/app-shell",
-  "version": "4.0.5",
+  "version": "4.0.7",
   "type": "module",
   "license": "MIT",
   "description": "Minimal application shell for ObjectUI - framework-agnostic rendering engine",
@@ -27,34 +27,34 @@
   "dependencies": {
     "lucide-react": "^1.14.0",
     "sonner": "^2.0.7",
-    "@object-ui/auth": "4.0.5",
-    "@object-ui/collaboration": "4.0.5",
-    "@object-ui/components": "4.0.5",
-    "@object-ui/core": "4.0.5",
-    "@object-ui/data-objectstack": "4.0.5",
-    "@object-ui/fields": "4.0.5",
-    "@object-ui/i18n": "4.0.5",
-    "@object-ui/layout": "4.0.5",
-    "@object-ui/permissions": "4.0.5",
-    "@object-ui/react": "4.0.5",
-    "@object-ui/types": "4.0.5"
+    "@object-ui/auth": "4.0.7",
+    "@object-ui/collaboration": "4.0.7",
+    "@object-ui/components": "4.0.7",
+    "@object-ui/core": "4.0.7",
+    "@object-ui/data-objectstack": "4.0.7",
+    "@object-ui/fields": "4.0.7",
+    "@object-ui/i18n": "4.0.7",
+    "@object-ui/layout": "4.0.7",
+    "@object-ui/permissions": "4.0.7",
+    "@object-ui/react": "4.0.7",
+    "@object-ui/types": "4.0.7"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
     "react-router-dom": "^6.0.0 || ^7.0.0",
-    "@object-ui/plugin-calendar": "4.0.5",
-    "@object-ui/plugin-charts": "4.0.5",
-    "@object-ui/plugin-chatbot": "4.0.5",
-    "@object-ui/plugin-dashboard": "4.0.5",
-    "@object-ui/plugin-designer": "4.0.5",
-    "@object-ui/plugin-detail": "4.0.5",
-    "@object-ui/plugin-form": "4.0.5",
-    "@object-ui/plugin-grid": "4.0.5",
-    "@object-ui/plugin-kanban": "4.0.5",
-    "@object-ui/plugin-list": "4.0.5",
-    "@object-ui/plugin-report": "4.0.5",
-    "@object-ui/plugin-view": "4.0.5"
+    "@object-ui/plugin-calendar": "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-detail": "4.0.7",
+    "@object-ui/plugin-form": "4.0.7",
+    "@object-ui/plugin-grid": "4.0.7",
+    "@object-ui/plugin-kanban": "4.0.7",
+    "@object-ui/plugin-list": "4.0.7",
+    "@object-ui/plugin-report": "4.0.7",
+    "@object-ui/plugin-view": "4.0.7"
   },
   "devDependencies": {
     "@types/node": "^25.6.0",