@object-ui/app-shell 4.5.0 → 4.7.0

package/dist/hooks/useRecentItems.js

@@ -1,50 +1,13 @@
 /**
- * useRecentItems
+ * useRecentItems — re-export shim
+ *
+ * The recent-items state has been migrated to a React Context so all consumers
+ * share a single state instance and can be backed by an optional backend
+ * persistence adapter. See `../context/RecentItemsProvider`.
+ *
+ * All existing imports of `useRecentItems` and `RecentItem` from this path
+ * continue to work without any changes at the call sites.
  *
- * Tracks recently visited items (objects, dashboards, pages) with
- * localStorage persistence. Exposes helpers to add and retrieve items.
  * @module
  */
-import { useState, useCallback, useEffect } from 'react';
-const STORAGE_KEY = 'objectui-recent-items';
-const MAX_RECENT = 8;
-function loadRecent() {
-    try {
-        const raw = localStorage.getItem(STORAGE_KEY);
-        return raw ? JSON.parse(raw) : [];
-    }
-    catch {
-        return [];
-    }
-}
-function saveRecent(items) {
-    try {
-        localStorage.setItem(STORAGE_KEY, JSON.stringify(items));
-    }
-    catch {
-        // Storage full — silently ignore
-    }
-}
-export function useRecentItems() {
-    const [recentItems, setRecentItems] = useState(loadRecent);
-    // Sync from storage on mount
-    useEffect(() => {
-        setRecentItems(loadRecent());
-    }, []);
-    const addRecentItem = useCallback((item) => {
-        setRecentItems(prev => {
-            const filtered = prev.filter(r => r.id !== item.id);
-            const updated = [
-                { ...item, visitedAt: new Date().toISOString() },
-                ...filtered,
-            ].slice(0, MAX_RECENT);
-            saveRecent(updated);
-            return updated;
-        });
-    }, []);
-    const clearRecentItems = useCallback(() => {
-        setRecentItems([]);
-        saveRecent([]);
-    }, []);
-    return { recentItems, addRecentItem, clearRecentItems };
-}
+export { useRecentItems } from '../context/RecentItemsProvider';

package/dist/hooks/useTrackRouteAsRecent.d.ts

@@ -0,0 +1,18 @@
+interface ObjectLike {
+    name: string;
+    label?: string;
+}
+export interface UseTrackRouteAsRecentOptions {
+    /** Active route path. Usually `useLocation().pathname`. */
+    pathname: string;
+    /** Currently selected app name. Used to build the `href` and namespace. */
+    appName: string | undefined;
+    /** Objects available in the current app — used to resolve labels. */
+    objects?: ObjectLike[];
+    /** Optional override; defaults to `/apps`. */
+    basePathSegment?: string;
+    /** When `true`, the effect is suspended (e.g. when shell is hydrating). */
+    disabled?: boolean;
+}
+export declare function useTrackRouteAsRecent({ pathname, appName, objects, basePathSegment, disabled, }: UseTrackRouteAsRecentOptions): void;
+export {};

package/dist/hooks/useTrackRouteAsRecent.js

@@ -0,0 +1,91 @@
+/**
+ * useTrackRouteAsRecent
+ *
+ * Watches `pathname` and records the current entity (object / dashboard /
+ * page / report) into `RecentItemsProvider`. Encapsulates the URL parsing
+ * logic that previously lived inline in `AppContent.tsx` so it can be reused
+ * by other shells and tested in isolation.
+ *
+ * The hook understands the standard console URL layout:
+ *
+ *   /apps/:appName/:objectName
+ *   /apps/:appName/dashboard/:id
+ *   /apps/:appName/page/:id
+ *   /apps/:appName/report/:id
+ *
+ * Pass `objects` (the list available in the current app) so we can resolve
+ * a human-readable label for object routes.
+ *
+ * @module
+ */
+import { useEffect, useRef } from 'react';
+import { useRecentItems } from '../context/RecentItemsProvider';
+/** Segments after `appName` that are NOT object names but route prefixes. */
+const ROUTE_PREFIXES = new Set(['view', 'record', 'page', 'dashboard', 'design', 'report']);
+function titleize(slug) {
+    return slug.replace(/[-_]/g, ' ').replace(/\b\w/g, c => c.toUpperCase());
+}
+export function useTrackRouteAsRecent({ pathname, appName, objects = [], basePathSegment = 'apps', disabled = false, }) {
+    const { addRecentItem } = useRecentItems();
+    // Hold `objects` in a ref so we don't re-fire the tracking effect every
+    // time the parent passes a new array reference (which would happen on
+    // every render in idiomatic React). Only the route should drive the effect.
+    const objectsRef = useRef(objects);
+    objectsRef.current = objects;
+    useEffect(() => {
+        if (disabled || !appName)
+            return;
+        const parts = pathname.split('/').filter(Boolean);
+        // Expect: [basePathSegment, appName, ...rest]
+        if (parts[0] !== basePathSegment || parts[1] !== appName)
+            return;
+        const seg2 = parts[2];
+        const seg3 = parts[3];
+        const basePath = `/${basePathSegment}/${appName}`;
+        if (seg2 && !ROUTE_PREFIXES.has(seg2)) {
+            const obj = objectsRef.current.find(o => o.name === seg2);
+            if (obj) {
+                addRecentItem({
+                    id: `object:${obj.name}`,
+                    label: obj.label || obj.name,
+                    href: `${basePath}/${obj.name}`,
+                    type: 'object',
+                });
+            }
+            return;
+        }
+        if (!seg3)
+            return;
+        switch (seg2) {
+            case 'dashboard':
+                addRecentItem({
+                    id: `dashboard:${seg3}`,
+                    label: titleize(seg3),
+                    href: `${basePath}/dashboard/${seg3}`,
+                    type: 'dashboard',
+                });
+                break;
+            case 'page':
+                addRecentItem({
+                    id: `page:${seg3}`,
+                    label: titleize(seg3),
+                    href: `${basePath}/page/${seg3}`,
+                    type: 'page',
+                });
+                break;
+            case 'report':
+                addRecentItem({
+                    id: `report:${seg3}`,
+                    label: titleize(seg3),
+                    href: `${basePath}/report/${seg3}`,
+                    type: 'report',
+                });
+                break;
+            default:
+                break;
+        }
+        // Intentionally drives off route changes only. `addRecentItem` is stable
+        // per provider, and `objects` is read through a ref to avoid loops.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [pathname, appName, basePathSegment, disabled]);
+}

package/dist/index.d.ts

@@ -26,7 +26,8 @@ export { ObjectView, RecordDetailView, RecordFormPage, DashboardView, PageView,
 export type { RecordFormPageProps } from './views';
 export { useFavorites, useMetadataService, useNavPins, useNavigationSync, NavigationSyncEffect, addNavigationItem, removeNavigationItems, renameNavigationItems, navigationEqual, generateNavId, useResponsiveSidebar, } from './hooks';
 export type { FavoriteItem } from './hooks';
-export { NavigationProvider, useNavigationContext, FavoritesProvider } from './context';
+export { NavigationProvider, useNavigationContext, FavoritesProvider, RecentItemsProvider, UserStateAdaptersProvider, useUserStateAdapter, useAttachUserStateAdapters, } from './context';
+export type { UserDataAdapter, UserStateKind } from './context';
 export { AppContent as DefaultAppContent } from './console/AppContent';
 export { LoginPage as DefaultLoginPage } from './console/auth/LoginPage';
 export { RegisterPage as DefaultRegisterPage } from './console/auth/RegisterPage';

package/dist/index.js

@@ -29,7 +29,7 @@ export { ObjectView, RecordDetailView, RecordFormPage, DashboardView, PageView,
 // Hooks
 export { useFavorites, useMetadataService, useNavPins, useNavigationSync, NavigationSyncEffect, addNavigationItem, removeNavigationItems, renameNavigationItems, navigationEqual, generateNavId, useResponsiveSidebar, } from './hooks';
 // Context providers
-export { NavigationProvider, useNavigationContext, FavoritesProvider } from './context';
+export { NavigationProvider, useNavigationContext, FavoritesProvider, RecentItemsProvider, UserStateAdaptersProvider, useUserStateAdapter, useAttachUserStateAdapters, } from './context';
 // Default page implementations (consumers can partial-override slots)
 export { AppContent as DefaultAppContent } from './console/AppContent';
 export { LoginPage as DefaultLoginPage } from './console/auth/LoginPage';

package/dist/layout/PageHeader.d.ts

@@ -13,6 +13,7 @@
  * individual screens don't reinvent the title row.
  *
  * Layout:
+ *   [accent hairline]
  *   [icon]  Title             [actions...]
  *           description
  */
@@ -22,10 +23,32 @@ export interface PageHeaderProps {
     title: React.ReactNode;
     /** Optional secondary description shown beneath the title. */
     description?: React.ReactNode;
-    /** Optional leading icon (already-instantiated React element). */
+    /**
+     * Optional leading icon (already-instantiated React element).
+     * The icon is auto-sized via CSS — pass it with whatever default sizing,
+     * the chip will scale child `<svg>` elements to fit.
+     */
     icon?: React.ReactNode;
     /** Right-aligned actions (buttons, dropdowns, etc.). */
     actions?: React.ReactNode;
+    /**
+     * CSS color used to tint the top hairline, icon chip background, and
+     * icon stroke. Defaults to the Shadcn `--primary` token so the header
+     * automatically follows the active app's branding.
+     *
+     * Accepts any CSS color value (e.g. `'#8b5cf6'`, `'hsl(280 70% 55%)'`,
+     * `'var(--my-token)'`).
+     */
+    accentColor?: string;
+    /**
+     * When true, the header is `position: sticky; top: 0` and gains a
+     * translucent backdrop blur so content scrolling underneath remains
+     * partly visible. Opt-in — the default layout used by ObjectView already
+     * pins the header by virtue of being the first child of a non-scrolling
+     * flex column, so flipping this on there would be a no-op (or worse,
+     * conflict with z-index of overlays).
+     */
+    sticky?: boolean;
     /** Additional className applied to the outer container. */
     className?: string;
     /** Optional data-testid for E2E selectors. */
@@ -37,6 +60,10 @@ export interface PageHeaderProps {
  * Mirrors Shadcn / Linear / Notion conventions: subtle border, comfortable
  * vertical padding, primary-tinted icon chip, monolithic action cluster on
  * the right with consistent gap.
+ *
+ * The accent color cascades through a CSS custom property
+ * (`--page-header-accent`) so consumers can override it without rebuilding
+ * Tailwind classes.
  */
-export declare function PageHeader({ title, description, icon, actions, className, 'data-testid': testId, }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function PageHeader({ title, description, icon, actions, accentColor, sticky, className, 'data-testid': testId, }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
 export default PageHeader;

package/dist/layout/PageHeader.js

@@ -6,8 +6,26 @@ import { cn } from '@object-ui/components';
  * Mirrors Shadcn / Linear / Notion conventions: subtle border, comfortable
  * vertical padding, primary-tinted icon chip, monolithic action cluster on
  * the right with consistent gap.
+ *
+ * The accent color cascades through a CSS custom property
+ * (`--page-header-accent`) so consumers can override it without rebuilding
+ * Tailwind classes.
  */
-export function PageHeader({ title, description, icon, actions, className, 'data-testid': testId, }) {
-    return (_jsxs("div", { className: cn('flex justify-between items-center gap-3 py-1.5 sm:py-2 px-3 sm:px-4 border-b shrink-0 bg-background z-10', className), "data-testid": testId ?? 'page-header', children: [_jsxs("div", { className: "flex items-center gap-2 sm:gap-2.5 min-w-0 flex-1", children: [icon && (_jsx("div", { className: "bg-primary/10 p-1 sm:p-1.5 rounded-md shrink-0 text-primary", children: icon })), _jsxs("div", { className: "min-w-0", children: [_jsx("h1", { className: "text-sm sm:text-base font-semibold tracking-tight text-foreground truncate", children: title }), description && (_jsx("p", { className: "text-xs text-muted-foreground truncate hidden sm:block max-w-md", children: description }))] })] }), actions && (_jsx("div", { className: "flex items-center gap-1.5 sm:gap-2 shrink-0", children: actions }))] }));
+export function PageHeader({ title, description, icon, actions, accentColor, sticky = false, className, 'data-testid': testId, }) {
+    // Resolve accent → CSS var. Falls back to the Shadcn primary token so the
+    // header follows whatever brand the active app has injected.
+    const accent = accentColor || 'hsl(var(--primary))';
+    const style = { '--page-header-accent': accent };
+    return (_jsxs("div", { style: style, className: cn('relative shrink-0 border-b bg-background z-10', sticky &&
+            'sticky top-0 bg-background/85 backdrop-blur supports-[backdrop-filter]:bg-background/75', className), "data-testid": testId ?? 'page-header', children: [_jsx("div", { "aria-hidden": true, className: "pointer-events-none absolute inset-x-0 top-0 h-[2px] opacity-80", style: {
+                    background: 'linear-gradient(90deg, transparent, var(--page-header-accent), transparent)',
+                } }), _jsxs("div", { className: "flex justify-between items-center gap-3 py-2.5 sm:py-3 px-4 sm:px-6", children: [_jsxs("div", { className: "flex items-center gap-3 min-w-0 flex-1", children: [icon && (_jsx("div", { className: cn('shrink-0 inline-flex items-center justify-center rounded-lg', 'h-9 w-9 sm:h-10 sm:w-10', 
+                                // Auto-size any nested SVG so callers don't have to think
+                                // about sizing inside the chip.
+                                '[&_svg]:h-[18px] [&_svg]:w-[18px] sm:[&_svg]:h-5 sm:[&_svg]:w-5'), style: {
+                                    color: 'var(--page-header-accent)',
+                                    background: 'linear-gradient(135deg, color-mix(in srgb, var(--page-header-accent) 18%, transparent), color-mix(in srgb, var(--page-header-accent) 6%, transparent))',
+                                    boxShadow: 'inset 0 0 0 1px color-mix(in srgb, var(--page-header-accent) 22%, transparent)',
+                                }, children: icon })), _jsxs("div", { className: "min-w-0", children: [_jsx("h1", { className: "text-base sm:text-lg lg:text-xl font-semibold tracking-tight text-foreground truncate leading-tight", children: title }), description && (_jsx("p", { className: "text-xs sm:text-sm text-muted-foreground truncate hidden sm:block max-w-xl mt-0.5", children: description }))] })] }), actions && (_jsx("div", { className: "flex items-center gap-1.5 sm:gap-2 shrink-0", children: actions }))] })] }));
 }
 export default PageHeader;

package/dist/utils/resolveActionParams.d.ts

@@ -54,6 +54,17 @@ interface RuntimeField {
     } | string>;
     multiple?: boolean;
     defaultValue?: unknown;
+    reference_to?: string;
+    reference?: string;
+    display_field?: string;
+    reference_field?: string;
+    id_field?: string;
+    description_field?: string;
+    title_format?: string;
+    lookup_columns?: unknown[];
+    lookup_filters?: unknown[];
+    lookup_page_size?: number;
+    depends_on?: unknown[];
 }
 interface RuntimeObject {
     name?: string;

package/dist/utils/resolveActionParams.js

@@ -58,6 +58,24 @@ export function resolveActionParam(param, ctx) {
         ?? normaliseOptions(field.options, ownerName, param.field, ctx.fieldOptionLabel);
     const resolvedLabel = param.label
         ?? ctx.fieldLabel(ownerName, param.field, field.label ?? param.field);
+    /** Lookup/reference params carry extra picker config that the dialog
+     *  forwards to `<LookupField>`. Without these the picker would fall back
+     *  to a plain text input. */
+    const isLookupResolvedType = resolvedType === 'lookup' || resolvedType === 'reference';
+    const lookupExtras = isLookupResolvedType
+        ? {
+            referenceTo: field.reference_to ?? field.reference,
+            displayField: field.display_field ?? field.reference_field,
+            idField: field.id_field,
+            descriptionField: field.description_field,
+            multiple: field.multiple,
+            titleFormat: field.title_format,
+            lookupColumns: field.lookup_columns,
+            lookupFilters: field.lookup_filters,
+            lookupPageSize: field.lookup_page_size,
+            dependsOn: field.depends_on,
+        }
+        : {};
     return {
         name: param.name ?? param.field,
         label: resolvedLabel,
@@ -67,6 +85,7 @@ export function resolveActionParam(param, ctx) {
         placeholder: param.placeholder ?? field.placeholder,
         helpText: param.helpText ?? field.help ?? field.description,
         defaultValue: rowDefault ?? param.defaultValue ?? field.defaultValue,
+        ...lookupExtras,
     };
 }
 /** Resolve an array of raw action params. */

package/dist/views/ActionParamDialog.js

@@ -11,8 +11,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Returns collected param values or null on cancel.
  */
 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 { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Button, Input, Label, Textarea, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Checkbox, } from '@object-ui/components';
 import { useObjectTranslation } from '@object-ui/i18n';
+import { LookupField } from '@object-ui/fields';
 export function ActionParamDialog({ state, onOpenChange }) {
     const { t } = useObjectTranslation();
     const [values, setValues] = useState({});
@@ -37,6 +38,9 @@ export function ActionParamDialog({ state, onOpenChange }) {
             return value.trim() === '';
         if (Array.isArray(value))
             return value.length === 0;
+        // Boolean false is a VALID value — only treat undefined/null as missing.
+        if (typeof value === 'boolean')
+            return false;
         return false;
     };
     const handleSubmit = () => {
@@ -65,5 +69,30 @@ 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: 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') })] })] }) }));
+        }, 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) => {
+                        const isBooleanParam = param.type === 'boolean' || param.type === 'checkbox';
+                        // Boolean → render as inline checkbox row (label sits beside the
+                        // control instead of above it; help text appears underneath).
+                        if (isBooleanParam) {
+                            const checked = values[param.name] === true;
+                            return (_jsxs("div", { className: "grid gap-1", children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsx(Checkbox, { id: param.name, checked: checked, onCheckedChange: (c) => updateValue(param.name, c === true), className: "mt-0.5" }), _jsxs(Label, { htmlFor: param.name, className: "font-normal cursor-pointer", children: [param.label, param.required && _jsx("span", { className: "text-destructive ml-1", children: "*" })] })] }), errors[param.name] && (_jsx("p", { className: "text-xs text-destructive ml-6", children: t('actionDialog.requiredError', { label: param.label }) })), param.helpText && (_jsx("p", { className: "text-xs text-muted-foreground ml-6", children: param.helpText }))] }, param.name));
+                        }
+                        const isLookupParam = param.type === 'lookup' || param.type === 'reference';
+                        return (_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))) })] })) : isLookupParam && param.referenceTo ? (_jsx(LookupField, { value: values[param.name] ?? null, onChange: (v) => updateValue(param.name, v), field: {
+                                        name: param.name,
+                                        type: 'lookup',
+                                        reference_to: param.referenceTo,
+                                        display_field: param.displayField,
+                                        id_field: param.idField,
+                                        description_field: param.descriptionField,
+                                        multiple: param.multiple,
+                                        title_format: param.titleFormat,
+                                        lookup_columns: param.lookupColumns,
+                                        lookup_filters: param.lookupFilters,
+                                        lookup_page_size: param.lookupPageSize,
+                                        depends_on: param.dependsOn,
+                                        placeholder: param.placeholder,
+                                    } })) : 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 ||
+                                        (isLookupParam ? t('actionDialog.lookupPlaceholder', { label: param.label }) : undefined), 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 })), isLookupParam && !param.helpText && (_jsx("p", { className: "text-xs text-muted-foreground", children: t('actionDialog.lookupHelpText') }))] }, param.name));
+                    }) }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: handleCancel, children: t('actionDialog.cancel') }), _jsx(Button, { onClick: handleSubmit, children: t('actionDialog.confirm') })] })] }) }));
 }