@jini-ai/ui 0.5.4 → 0.5.6

package/dist/features/resource-dashboard/react/components/ResourceBoardView.js

@@ -1,14 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ResourceBoardToolbar } from './ResourceBoardToolbar.js';
-import { ResourceCard } from './ResourceCard.js';
-import { ResourceKanbanBoard } from './ResourceKanbanBoard.js';
+import { ResourceBoardAlerts, ResourceBoardContent, ResourceBoardViewToolbar } from './ResourceBoardViewParts.js';
 /**
  * Pure composition (props in, JSX out): the toolbar, then either the empty
  * state, the card grid, or the kanban board — DesignsTab's own
  * `filtered.length === 0 ? empty : view === "grid" ? grid : kanban` branch.
  */
-export function ResourceBoardView({ loading, error, errorLabel, actionError, actionErrorLabel, hasAnyItems, items, kanbanColumns, sortOptions, activeSort, onSortChange, sortAriaLabel, query, onQueryChange, searchPlaceholder, viewMode, onViewModeChange, viewToggleAriaLabel, gridViewLabel, kanbanViewLabel, enableBulkDelete, selectMode, selected, bulkDeleteBusy, onEnterSelectMode, onExitSelectMode, onBulkDelete, selectModeLabel, selectedCountLabel, deleteSelectedLabel, cancelSelectLabel, createLabel, onCreate, openMenuId, menuContainerRef, onToggleMenu, onItemAction, isItemBusy, onOpenItem, onToggleSelected, onKanbanDelete, statusLabel, toneMap, menuActionLabel, moreLabel, deleteLabel, deleteAriaLabel, emptyColumnLabel, emptyStateTitle, emptyStateNoMatch, renderBody, }) {
-    const isEmpty = !loading && !error && items.length === 0;
-    return (_jsxs("div", { className: `resource-board${viewMode === 'kanban' ? ' is-kanban' : ''}`, children: [_jsx(ResourceBoardToolbar, { sortOptions: sortOptions, ...(activeSort !== undefined ? { activeSort } : {}), onSortChange: onSortChange, sortAriaLabel: sortAriaLabel, query: query, onQueryChange: onQueryChange, searchPlaceholder: searchPlaceholder, viewMode: viewMode, onViewModeChange: onViewModeChange, viewToggleAriaLabel: viewToggleAriaLabel, gridViewLabel: gridViewLabel, kanbanViewLabel: kanbanViewLabel, enableBulkDelete: enableBulkDelete, selectMode: selectMode, selectedCount: selected.size, bulkDeleteBusy: bulkDeleteBusy, onEnterSelectMode: onEnterSelectMode, onExitSelectMode: onExitSelectMode, onBulkDelete: onBulkDelete, selectModeLabel: selectModeLabel, selectedCountLabel: selectedCountLabel, deleteSelectedLabel: deleteSelectedLabel, cancelSelectLabel: cancelSelectLabel, ...(createLabel !== undefined ? { createLabel } : {}), ...(onCreate !== undefined ? { onCreate } : {}) }), error ? (_jsx("div", { className: "resource-board-error", role: "alert", children: errorLabel ?? error })) : null, actionError ? (_jsx("div", { className: "resource-board-action-error", role: "alert", children: actionErrorLabel ?? actionError })) : null, loading ? (_jsx("div", { className: "resource-board-loading", role: "status" })) : isEmpty ? (_jsx("div", { className: "resource-board-empty", children: hasAnyItems ? emptyStateNoMatch : emptyStateTitle })) : viewMode === 'grid' ? (_jsx("div", { className: "resource-board-grid", "data-testid": "resource-board-grid", children: items.map((item) => (_jsx(ResourceCard, { item: item, selectMode: selectMode, selected: selected.has(item.id), menuOpen: openMenuId === item.id, busy: isItemBusy(item.id), ...(item.status ? { statusLabel: statusLabel(item.status) } : {}), ...(toneMap ? { toneMap } : {}), ...(menuActionLabel ? { menuActionLabel } : {}), moreLabel: moreLabel, ...(menuContainerRef ? { menuContainerRef } : {}), ...(renderBody ? { renderBody } : {}), onOpen: () => onOpenItem(item.id), onToggleSelected: () => onToggleSelected(item.id), onToggleMenu: () => onToggleMenu(item.id), onAction: (kind) => onItemAction(item.id, kind) }, item.id))) })) : (_jsx(ResourceKanbanBoard, { columns: kanbanColumns, emptyColumnLabel: emptyColumnLabel, deleteLabel: deleteLabel, deleteAriaLabel: deleteAriaLabel, isBusy: isItemBusy, onOpen: onOpenItem, ...(onKanbanDelete ? { onDelete: onKanbanDelete } : {}) }))] }));
+export function ResourceBoardView(props) {
+    return (_jsxs("div", { className: `resource-board${props.viewMode === 'kanban' ? ' is-kanban' : ''}`, children: [_jsx(ResourceBoardViewToolbar, { ...props }), _jsx(ResourceBoardAlerts, { ...props }), _jsx(ResourceBoardContent, { ...props })] }));
 }
 //# sourceMappingURL=ResourceBoardView.js.map

package/dist/features/resource-dashboard/react/components/ResourceBoardViewParts.d.ts

@@ -0,0 +1,15 @@
+import type { ResourceBoardViewProps } from './ResourceBoardView.js';
+/** Maps the view's props onto `ResourceBoardToolbar` (sort, search, view toggle, select-mode/bulk-delete, create CTA). */
+export declare function ResourceBoardViewToolbar<TBody>(props: ResourceBoardViewProps<TBody>): import("react").JSX.Element;
+/** The LOAD-failure banner and, independently, the single-item action-failure banner (shown ABOVE the still-visible item list). */
+export declare function ResourceBoardAlerts<TBody>({ error, errorLabel, actionError, actionErrorLabel, }: Pick<ResourceBoardViewProps<TBody>, 'error' | 'errorLabel' | 'actionError' | 'actionErrorLabel'>): import("react").JSX.Element;
+/** The card grid: one `ResourceCard` per item, with the item's id bound into each per-card callback. */
+export declare function ResourceBoardGrid<TBody>({ items, selectMode, selected, openMenuId, isItemBusy, statusLabel, toneMap, menuActionLabel, moreLabel, menuContainerRef, renderBody, onOpenItem, onToggleSelected, onToggleMenu, onItemAction, }: ResourceBoardViewProps<TBody>): import("react").JSX.Element;
+/**
+ * DesignsTab's own `filtered.length === 0 ? empty : view === "grid" ? grid : kanban`
+ * branch, behind a loading state. The empty state is suppressed while a load
+ * error is showing, and picks "search matched nothing" over "nothing exists
+ * yet" whenever the port returned any item at all.
+ */
+export declare function ResourceBoardContent<TBody>(props: ResourceBoardViewProps<TBody>): import("react").JSX.Element;
+//# sourceMappingURL=ResourceBoardViewParts.d.ts.map

package/dist/features/resource-dashboard/react/components/ResourceBoardViewParts.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { ResourceBoardToolbar } from './ResourceBoardToolbar.js';
+import { ResourceCard } from './ResourceCard.js';
+import { ResourceKanbanBoard } from './ResourceKanbanBoard.js';
+/** Maps the view's props onto `ResourceBoardToolbar` (sort, search, view toggle, select-mode/bulk-delete, create CTA). */
+export function ResourceBoardViewToolbar(props) {
+    const { activeSort, createLabel, onCreate } = props;
+    return (_jsx(ResourceBoardToolbar, { sortOptions: props.sortOptions, ...(activeSort !== undefined ? { activeSort } : {}), onSortChange: props.onSortChange, sortAriaLabel: props.sortAriaLabel, query: props.query, onQueryChange: props.onQueryChange, searchPlaceholder: props.searchPlaceholder, viewMode: props.viewMode, onViewModeChange: props.onViewModeChange, viewToggleAriaLabel: props.viewToggleAriaLabel, gridViewLabel: props.gridViewLabel, kanbanViewLabel: props.kanbanViewLabel, enableBulkDelete: props.enableBulkDelete, selectMode: props.selectMode, selectedCount: props.selected.size, bulkDeleteBusy: props.bulkDeleteBusy, onEnterSelectMode: props.onEnterSelectMode, onExitSelectMode: props.onExitSelectMode, onBulkDelete: props.onBulkDelete, selectModeLabel: props.selectModeLabel, selectedCountLabel: props.selectedCountLabel, deleteSelectedLabel: props.deleteSelectedLabel, cancelSelectLabel: props.cancelSelectLabel, ...(createLabel !== undefined ? { createLabel } : {}), ...(onCreate !== undefined ? { onCreate } : {}) }));
+}
+/** The LOAD-failure banner and, independently, the single-item action-failure banner (shown ABOVE the still-visible item list). */
+export function ResourceBoardAlerts({ error, errorLabel, actionError, actionErrorLabel, }) {
+    return (_jsxs(_Fragment, { children: [error ? (_jsx("div", { className: "resource-board-error", role: "alert", children: errorLabel ?? error })) : null, actionError ? (_jsx("div", { className: "resource-board-action-error", role: "alert", children: actionErrorLabel ?? actionError })) : null] }));
+}
+/** The card grid: one `ResourceCard` per item, with the item's id bound into each per-card callback. */
+export function ResourceBoardGrid({ items, selectMode, selected, openMenuId, isItemBusy, statusLabel, toneMap, menuActionLabel, moreLabel, menuContainerRef, renderBody, onOpenItem, onToggleSelected, onToggleMenu, onItemAction, }) {
+    return (_jsx("div", { className: "resource-board-grid", "data-testid": "resource-board-grid", children: items.map((item) => (_jsx(ResourceCard, { item: item, selectMode: selectMode, selected: selected.has(item.id), menuOpen: openMenuId === item.id, busy: isItemBusy(item.id), ...(item.status ? { statusLabel: statusLabel(item.status) } : {}), ...(toneMap ? { toneMap } : {}), ...(menuActionLabel ? { menuActionLabel } : {}), moreLabel: moreLabel, ...(menuContainerRef ? { menuContainerRef } : {}), ...(renderBody ? { renderBody } : {}), onOpen: () => onOpenItem(item.id), onToggleSelected: () => onToggleSelected(item.id), onToggleMenu: () => onToggleMenu(item.id), onAction: (kind) => onItemAction(item.id, kind) }, item.id))) }));
+}
+/**
+ * DesignsTab's own `filtered.length === 0 ? empty : view === "grid" ? grid : kanban`
+ * branch, behind a loading state. The empty state is suppressed while a load
+ * error is showing, and picks "search matched nothing" over "nothing exists
+ * yet" whenever the port returned any item at all.
+ */
+export function ResourceBoardContent(props) {
+    const { loading, error, items, hasAnyItems, viewMode, onKanbanDelete } = props;
+    if (loading)
+        return _jsx("div", { className: "resource-board-loading", role: "status" });
+    if (!error && items.length === 0) {
+        return _jsx("div", { className: "resource-board-empty", children: hasAnyItems ? props.emptyStateNoMatch : props.emptyStateTitle });
+    }
+    if (viewMode === 'grid')
+        return _jsx(ResourceBoardGrid, { ...props });
+    return (_jsx(ResourceKanbanBoard, { columns: props.kanbanColumns, emptyColumnLabel: props.emptyColumnLabel, deleteLabel: props.deleteLabel, deleteAriaLabel: props.deleteAriaLabel, isBusy: props.isItemBusy, onOpen: props.onOpenItem, ...(onKanbanDelete ? { onDelete: onKanbanDelete } : {}) }));
+}
+//# sourceMappingURL=ResourceBoardViewParts.js.map

package/dist/features/resource-dashboard/react/components/ResourceCard.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { StatusPill } from './StatusPill.js';
+import { isCardActivationKey, resourceCardClassName, ResourceCardMenu, ResourceCardMeta } from './ResourceCardParts.js';
 /**
  * One dashboard card: DesignsTab's `design-card` grid item — clickable to
  * open (or, in select-mode, to toggle selection), a select-mode checkbox OR
@@ -15,23 +15,12 @@ export function ResourceCard({ item, selectMode, selected, menuOpen, busy, statu
         else
             onOpen();
     };
-    const hasMenu = !selectMode && item.menuActions && item.menuActions.length > 0;
-    return (_jsxs("div", { className: `resource-board-card${selected ? ' is-selected' : ''}${selectMode ? ' select-mode' : ''}`, role: "button", tabIndex: 0, "data-testid": "resource-board-card", onClick: handleActivate, onKeyDown: (event) => {
-            if (event.key === 'Enter' || event.key === ' ') {
+    const menuActions = selectMode ? [] : (item.menuActions ?? []);
+    return (_jsxs("div", { className: resourceCardClassName({ selected, selectMode }), role: "button", tabIndex: 0, "data-testid": "resource-board-card", onClick: handleActivate, onKeyDown: (event) => {
+            if (isCardActivationKey(event)) {
                 event.preventDefault();
                 handleActivate();
             }
-        }, children: [selectMode ? (_jsx("span", { className: `resource-board-card-checkbox${selected ? ' checked' : ''}`, "aria-hidden": true, "data-testid": "resource-board-card-checkbox" })) : hasMenu ? (_jsxs("div", { className: "resource-board-card-menu-anchor", ref: menuOpen ? menuContainerRef : undefined, children: [_jsx("button", { type: "button", className: "resource-board-card-more", "aria-label": moreLabel, "aria-haspopup": "menu", "aria-expanded": menuOpen, onClick: (event) => {
-                            event.stopPropagation();
-                            onToggleMenu();
-                        }, 
-                        // `stopPropagation` on `onClick` above only stops the CLICK the
-                        // browser synthesizes from an Enter/Space keydown — the raw
-                        // keydown event itself still bubbles to the outer card's own
-                        // `onKeyDown` (a separate event), which would otherwise ALSO
-                        // treat that same keypress as "activate the card" and open/
-                        // toggle-select it at the same time this button's own action
-                        // runs. Stop it here too.
-                        onKeyDown: (event) => event.stopPropagation(), children: moreLabel }), menuOpen ? (_jsx("div", { className: "resource-board-card-menu", role: "menu", onClick: (event) => event.stopPropagation(), onKeyDown: (event) => event.stopPropagation(), children: item.menuActions.map((action) => (_jsx("button", { type: "button", role: "menuitem", className: action.danger ? 'danger' : undefined, disabled: busy, onClick: () => onAction(action.kind), children: menuActionLabel ? menuActionLabel(action.kind, action.label) : action.label }, action.kind))) })) : null] })) : null, _jsx("div", { className: "resource-board-card-body", children: renderBody ? renderBody(item) : null }), _jsxs("div", { className: "resource-board-card-meta", children: [_jsx("div", { className: "resource-board-card-title", title: item.title, children: item.title }), item.subtitle ? _jsx("div", { className: "resource-board-card-subtitle", children: item.subtitle }) : null, item.status && statusLabel ? _jsx(StatusPill, { status: item.status, label: statusLabel, ...(toneMap ? { toneMap } : {}) }) : null] })] }));
+        }, children: [selectMode ? (_jsx("span", { className: `resource-board-card-checkbox${selected ? ' checked' : ''}`, "aria-hidden": true, "data-testid": "resource-board-card-checkbox" })) : null, menuActions.length > 0 ? (_jsx(ResourceCardMenu, { menuActions: menuActions, menuOpen: menuOpen, busy: busy, moreLabel: moreLabel, menuContainerRef: menuContainerRef, menuActionLabel: menuActionLabel, onToggleMenu: onToggleMenu, onAction: onAction })) : null, _jsx("div", { className: "resource-board-card-body", children: renderBody ? renderBody(item) : null }), _jsx(ResourceCardMeta, { item: item, statusLabel: statusLabel, toneMap: toneMap })] }));
 }
 //# sourceMappingURL=ResourceCard.js.map

package/dist/features/resource-dashboard/react/components/ResourceCardParts.d.ts

@@ -0,0 +1,34 @@
+import type { KeyboardEvent, RefObject } from 'react';
+import type { ResourceBoardItem, ResourceMenuActionSpec, ResourceStatusToneMap } from '../../types.js';
+/** The card's own class list: `is-selected` and `select-mode` modifiers on top of the base class. */
+export declare function resourceCardClassName({ selected, selectMode }: {
+    selected: boolean;
+    selectMode: boolean;
+}): string;
+/** Enter/Space activate the card (open, or toggle selection in select-mode), matching a native button. */
+export declare function isCardActivationKey(event: KeyboardEvent): boolean;
+/** The open kebab menu's items — clicks and keydowns inside it never bubble to the card. */
+export declare function ResourceCardMenuItems({ menuActions, busy, menuActionLabel, onAction, }: {
+    menuActions: ResourceMenuActionSpec[];
+    busy: boolean;
+    menuActionLabel: ((kind: string, fallback: string) => string) | undefined;
+    onAction: (kind: string) => void;
+}): import("react").JSX.Element;
+/** The kebab "more" button plus, while `menuOpen`, its menu — `menuContainerRef` is attached only while open (see `ResourceCardProps.menuContainerRef`). */
+export declare function ResourceCardMenu({ menuActions, menuOpen, busy, moreLabel, menuContainerRef, menuActionLabel, onToggleMenu, onAction, }: {
+    menuActions: ResourceMenuActionSpec[];
+    menuOpen: boolean;
+    busy: boolean;
+    moreLabel: string;
+    menuContainerRef: RefObject<HTMLDivElement | null> | undefined;
+    menuActionLabel: ((kind: string, fallback: string) => string) | undefined;
+    onToggleMenu: () => void;
+    onAction: (kind: string) => void;
+}): import("react").JSX.Element;
+/** Title, optional subtitle, and the status badge (only when the item has a status AND a pre-translated label). */
+export declare function ResourceCardMeta<TBody>({ item, statusLabel, toneMap, }: {
+    item: ResourceBoardItem<TBody>;
+    statusLabel: string | undefined;
+    toneMap: ResourceStatusToneMap | undefined;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ResourceCardParts.d.ts.map

package/dist/features/resource-dashboard/react/components/ResourceCardParts.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StatusPill } from './StatusPill.js';
+/** The card's own class list: `is-selected` and `select-mode` modifiers on top of the base class. */
+export function resourceCardClassName({ selected, selectMode }) {
+    return `resource-board-card${selected ? ' is-selected' : ''}${selectMode ? ' select-mode' : ''}`;
+}
+/** Enter/Space activate the card (open, or toggle selection in select-mode), matching a native button. */
+export function isCardActivationKey(event) {
+    return event.key === 'Enter' || event.key === ' ';
+}
+/** The open kebab menu's items — clicks and keydowns inside it never bubble to the card. */
+export function ResourceCardMenuItems({ menuActions, busy, menuActionLabel, onAction, }) {
+    return (_jsx("div", { className: "resource-board-card-menu", role: "menu", onClick: (event) => event.stopPropagation(), onKeyDown: (event) => event.stopPropagation(), children: menuActions.map((action) => (_jsx("button", { type: "button", role: "menuitem", className: action.danger ? 'danger' : undefined, disabled: busy, onClick: () => onAction(action.kind), children: menuActionLabel ? menuActionLabel(action.kind, action.label) : action.label }, action.kind))) }));
+}
+/** The kebab "more" button plus, while `menuOpen`, its menu — `menuContainerRef` is attached only while open (see `ResourceCardProps.menuContainerRef`). */
+export function ResourceCardMenu({ menuActions, menuOpen, busy, moreLabel, menuContainerRef, menuActionLabel, onToggleMenu, onAction, }) {
+    return (_jsxs("div", { className: "resource-board-card-menu-anchor", ref: menuOpen ? menuContainerRef : undefined, children: [_jsx("button", { type: "button", className: "resource-board-card-more", "aria-label": moreLabel, "aria-haspopup": "menu", "aria-expanded": menuOpen, onClick: (event) => {
+                    event.stopPropagation();
+                    onToggleMenu();
+                }, 
+                // `stopPropagation` on `onClick` above only stops the CLICK the
+                // browser synthesizes from an Enter/Space keydown — the raw
+                // keydown event itself still bubbles to the outer card's own
+                // `onKeyDown` (a separate event), which would otherwise ALSO
+                // treat that same keypress as "activate the card" and open/
+                // toggle-select it at the same time this button's own action
+                // runs. Stop it here too.
+                onKeyDown: (event) => event.stopPropagation(), children: moreLabel }), menuOpen ? _jsx(ResourceCardMenuItems, { menuActions: menuActions, busy: busy, menuActionLabel: menuActionLabel, onAction: onAction }) : null] }));
+}
+/** Title, optional subtitle, and the status badge (only when the item has a status AND a pre-translated label). */
+export function ResourceCardMeta({ item, statusLabel, toneMap, }) {
+    return (_jsxs("div", { className: "resource-board-card-meta", children: [_jsx("div", { className: "resource-board-card-title", title: item.title, children: item.title }), item.subtitle ? _jsx("div", { className: "resource-board-card-subtitle", children: item.subtitle }) : null, item.status && statusLabel ? _jsx(StatusPill, { status: item.status, label: statusLabel, ...(toneMap ? { toneMap } : {}) }) : null] }));
+}
+//# sourceMappingURL=ResourceCardParts.js.map

package/dist/features/resource-dashboard/react/components/ResourceRowList.js

@@ -2,6 +2,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useT } from '../../../i18n/index.js';
 import { useWiredResourceRowList } from '../hooks/useResourceRowList.js';
 import { ResourceRowListView } from './ResourceRowListView.js';
+import { rowListHeaderProps } from './resourceRowListProps.js';
+import { translatedErrorLabelProps } from './translatedErrorLabelProps.js';
 /**
  * The TasksView-shaped orchestrator: wires `useWiredResourceRowList` +
  * `useT()` + `ResourceRowListView`.
@@ -13,7 +15,7 @@ export function ResourceRowList({ dependencies, title, eyebrow, lede, metrics =
         ...(refreshToken !== undefined ? { refreshToken } : {}),
     });
     const statusLabel = (status) => t(statusOptions.find((option) => option.value === status)?.label ?? status);
-    return (_jsx(ResourceRowListView, { ...(eyebrow !== undefined ? { eyebrow } : {}), title: title, ...(lede !== undefined ? { lede } : {}), metrics: metrics, metricsAriaLabel: t('Summary'), ...(createLabel !== undefined || onCreate ? { createLabel: createLabel ?? t('New') } : {}), ...(onCreate ? { onCreate } : {}), loading: list.loading, error: list.error, ...(list.error ? { errorLabel: t(list.error) } : {}), actionError: list.actionError, ...(list.actionError ? { actionErrorLabel: t(list.actionError) } : {}), sectionLabel: t('Your items'), loadingLabel: t('Loading…'), emptyTitle: t('Nothing here yet'), emptyBody: t('Create one to get started.'), rows: list.rows, isRowBusy: list.isRowBusy, statusLabel: statusLabel, ...(toneMap ? { toneMap } : {}), canExpandHistory: list.canExpandHistory, expandedRowId: list.expandedRowId, historyLoadingRowId: list.historyLoadingRowId, historyByRowId: list.historyByRowId, showHistoryLabel: t('History'), hideHistoryLabel: t('Hide history'), historyTitleLabel: t('Run history'), historyLoadingLabel: t('Loading…'), historyEmptyLabel: t('No runs yet.'), onToggleExpand: list.toggleExpand, onRowAction: (id, kind) => {
+    return (_jsx(ResourceRowListView, { ...rowListHeaderProps({ t }, { eyebrow, lede, createLabel, onCreate }), title: title, metrics: metrics, metricsAriaLabel: t('Summary'), loading: list.loading, error: list.error, actionError: list.actionError, ...translatedErrorLabelProps({ t, error: list.error, actionError: list.actionError }), sectionLabel: t('Your items'), loadingLabel: t('Loading…'), emptyTitle: t('Nothing here yet'), emptyBody: t('Create one to get started.'), rows: list.rows, isRowBusy: list.isRowBusy, statusLabel: statusLabel, ...(toneMap ? { toneMap } : {}), canExpandHistory: list.canExpandHistory, expandedRowId: list.expandedRowId, historyLoadingRowId: list.historyLoadingRowId, historyByRowId: list.historyByRowId, showHistoryLabel: t('History'), hideHistoryLabel: t('Hide history'), historyTitleLabel: t('Run history'), historyLoadingLabel: t('Loading…'), historyEmptyLabel: t('No runs yet.'), onToggleExpand: list.toggleExpand, onRowAction: (id, kind) => {
             // `dispatchRowAction` still re-throws on a `run()` rejection (its
             // documented "propagates to the caller" contract), so this
             // fire-and-forget call site must attach its own catch — otherwise

package/dist/features/resource-dashboard/react/components/ResourceRowListItem.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { StatusPill } from './StatusPill.js';
+import { ResourceRowListItemActions, ResourceRowListItemContent } from './ResourceRowListItemParts.js';
 import { ResourceRunHistoryList } from './ResourceRunHistoryList.js';
 /**
  * One row in the flat "your automations"-shaped list — TasksView's
@@ -9,6 +9,6 @@ import { ResourceRunHistoryList } from './ResourceRunHistoryList.js';
  * `ResourceRunHistoryList` sublist.
  */
 export function ResourceRowListItem({ row, busy, statusLabel, toneMap, canExpandHistory, expanded, showHistoryLabel, hideHistoryLabel, historyItems, historyLoading, historyTitleLabel, historyLoadingLabel, historyEmptyLabel, onToggleExpand, onAction, onHistoryItemAction, }) {
-    return (_jsxs("li", { className: `resource-row-list-item${row.paused ? ' is-paused' : ''}`, "data-testid": "resource-row-list-item", children: [_jsx("div", { className: "resource-row-list-item-main", children: _jsxs("div", { className: "resource-row-list-item-content", children: [_jsx("span", { className: "resource-row-list-item-title", children: row.title }), row.metaLine ? _jsx("span", { className: "resource-row-list-item-meta", children: row.metaLine }) : null, row.detailLine ? _jsx("span", { className: "resource-row-list-item-detail", children: row.detailLine }) : null, row.lastRunStatus ? (_jsxs("span", { className: "resource-row-list-item-last-run", children: [_jsx(StatusPill, { status: row.lastRunStatus, label: statusLabel(row.lastRunStatus), ...(toneMap ? { toneMap } : {}) }), row.lastRunLabel ? _jsx("span", { children: row.lastRunLabel }) : null] })) : null] }) }), _jsxs("div", { className: "resource-row-list-item-actions", children: [row.actions.map((action) => (_jsx("button", { type: "button", className: action.danger ? 'danger' : undefined, disabled: busy || action.disabled, onClick: () => onAction(action.kind), children: action.label }, action.kind))), canExpandHistory ? (_jsx("button", { type: "button", "aria-expanded": expanded, onClick: onToggleExpand, children: expanded ? hideHistoryLabel : showHistoryLabel })) : null] }), expanded ? (_jsx(ResourceRunHistoryList, { items: historyItems, loading: historyLoading, titleLabel: historyTitleLabel, loadingLabel: historyLoadingLabel, emptyLabel: historyEmptyLabel, statusLabel: statusLabel, ...(toneMap ? { toneMap } : {}), ...(onHistoryItemAction ? { onAction: onHistoryItemAction } : {}) })) : null] }));
+    return (_jsxs("li", { className: `resource-row-list-item${row.paused ? ' is-paused' : ''}`, "data-testid": "resource-row-list-item", children: [_jsx("div", { className: "resource-row-list-item-main", children: _jsx(ResourceRowListItemContent, { row: row, statusLabel: statusLabel, toneMap: toneMap }) }), _jsx(ResourceRowListItemActions, { row: row, busy: busy, canExpandHistory: canExpandHistory, expanded: expanded, showHistoryLabel: showHistoryLabel, hideHistoryLabel: hideHistoryLabel, onToggleExpand: onToggleExpand, onAction: onAction }), expanded ? (_jsx(ResourceRunHistoryList, { items: historyItems, loading: historyLoading, titleLabel: historyTitleLabel, loadingLabel: historyLoadingLabel, emptyLabel: historyEmptyLabel, statusLabel: statusLabel, ...(toneMap ? { toneMap } : {}), ...(onHistoryItemAction ? { onAction: onHistoryItemAction } : {}) })) : null] }));
 }
 //# sourceMappingURL=ResourceRowListItem.js.map

package/dist/features/resource-dashboard/react/components/ResourceRowListItemParts.d.ts

@@ -0,0 +1,19 @@
+import type { ResourceRowItem, ResourceStatusToneMap } from '../../types.js';
+/** Title/meta/detail lines plus the last-run `StatusPill` + label of one `ResourceRowListItem`. */
+export declare function ResourceRowListItemContent({ row, statusLabel, toneMap, }: {
+    row: ResourceRowItem;
+    statusLabel: (status: string) => string;
+    toneMap: ResourceStatusToneMap | undefined;
+}): import("react").JSX.Element;
+/** Always-visible inline action buttons (never a kebab menu, unlike `ResourceCard`) plus the optional history-expand toggle. */
+export declare function ResourceRowListItemActions({ row, busy, canExpandHistory, expanded, showHistoryLabel, hideHistoryLabel, onToggleExpand, onAction, }: {
+    row: ResourceRowItem;
+    busy: boolean;
+    canExpandHistory: boolean;
+    expanded: boolean;
+    showHistoryLabel: string;
+    hideHistoryLabel: string;
+    onToggleExpand: () => void;
+    onAction: (kind: string) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ResourceRowListItemParts.d.ts.map

package/dist/features/resource-dashboard/react/components/ResourceRowListItemParts.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StatusPill } from './StatusPill.js';
+/** Title/meta/detail lines plus the last-run `StatusPill` + label of one `ResourceRowListItem`. */
+export function ResourceRowListItemContent({ row, statusLabel, toneMap, }) {
+    return (_jsxs("div", { className: "resource-row-list-item-content", children: [_jsx("span", { className: "resource-row-list-item-title", children: row.title }), row.metaLine ? _jsx("span", { className: "resource-row-list-item-meta", children: row.metaLine }) : null, row.detailLine ? _jsx("span", { className: "resource-row-list-item-detail", children: row.detailLine }) : null, row.lastRunStatus ? (_jsxs("span", { className: "resource-row-list-item-last-run", children: [_jsx(StatusPill, { status: row.lastRunStatus, label: statusLabel(row.lastRunStatus), ...(toneMap ? { toneMap } : {}) }), row.lastRunLabel ? _jsx("span", { children: row.lastRunLabel }) : null] })) : null] }));
+}
+/** Always-visible inline action buttons (never a kebab menu, unlike `ResourceCard`) plus the optional history-expand toggle. */
+export function ResourceRowListItemActions({ row, busy, canExpandHistory, expanded, showHistoryLabel, hideHistoryLabel, onToggleExpand, onAction, }) {
+    return (_jsxs("div", { className: "resource-row-list-item-actions", children: [row.actions.map((action) => (_jsx("button", { type: "button", className: action.danger ? 'danger' : undefined, disabled: busy || action.disabled, onClick: () => onAction(action.kind), children: action.label }, action.kind))), canExpandHistory ? (_jsx("button", { type: "button", "aria-expanded": expanded, onClick: onToggleExpand, children: expanded ? hideHistoryLabel : showHistoryLabel })) : null] }));
+}
+//# sourceMappingURL=ResourceRowListItemParts.js.map

package/dist/features/resource-dashboard/react/components/ResourceRowListView.d.ts

@@ -44,5 +44,5 @@ export interface ResourceRowListViewProps {
  * list (create-flow and automation-evolution-specific concerns, no
  * DesignsTab analog at all).
  */
-export declare function ResourceRowListView({ eyebrow, title, lede, metrics, metricsAriaLabel, createLabel, onCreate, loading, error, errorLabel, actionError, actionErrorLabel, sectionLabel, loadingLabel, emptyTitle, emptyBody, rows, isRowBusy, statusLabel, toneMap, canExpandHistory, expandedRowId, historyLoadingRowId, historyByRowId, showHistoryLabel, hideHistoryLabel, historyTitleLabel, historyLoadingLabel, historyEmptyLabel, onToggleExpand, onRowAction, onHistoryItemAction, }: ResourceRowListViewProps): import("react").JSX.Element;
+export declare function ResourceRowListView(props: ResourceRowListViewProps): import("react").JSX.Element;
 //# sourceMappingURL=ResourceRowListView.d.ts.map

package/dist/features/resource-dashboard/react/components/ResourceRowListView.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ResourceMetrics } from './ResourceMetrics.js';
-import { ResourceRowListItem } from './ResourceRowListItem.js';
+import { ResourceRowListAlerts, ResourceRowListEmpty, ResourceRowListHero, ResourceRowListRows } from './ResourceRowListViewParts.js';
 /**
  * Pure composition (props in, JSX out): TasksView's hero header (eyebrow +
  * title + lede + metric tiles + a primary create CTA) followed by the flat
@@ -11,8 +10,9 @@ import { ResourceRowListItem } from './ResourceRowListItem.js';
  * list (create-flow and automation-evolution-specific concerns, no
  * DesignsTab analog at all).
  */
-export function ResourceRowListView({ eyebrow, title, lede, metrics, metricsAriaLabel, createLabel, onCreate, loading, error, errorLabel, actionError, actionErrorLabel, sectionLabel, loadingLabel, emptyTitle, emptyBody, rows, isRowBusy, statusLabel, toneMap, canExpandHistory, expandedRowId, historyLoadingRowId, historyByRowId, showHistoryLabel, hideHistoryLabel, historyTitleLabel, historyLoadingLabel, historyEmptyLabel, onToggleExpand, onRowAction, onHistoryItemAction, }) {
+export function ResourceRowListView(props) {
+    const { loading, rows, sectionLabel, loadingLabel } = props;
     const isEmpty = !loading && rows.length === 0;
-    return (_jsxs("section", { className: "resource-row-list", children: [_jsxs("header", { className: "resource-row-list-hero", children: [_jsxs("div", { className: "resource-row-list-hero-copy", children: [eyebrow ? _jsx("span", { className: "resource-row-list-hero-eyebrow", children: eyebrow }) : null, _jsx("h1", { className: "resource-row-list-hero-title", children: title }), lede ? _jsx("p", { className: "resource-row-list-hero-lede", children: lede }) : null] }), _jsxs("div", { className: "resource-row-list-hero-actions", children: [_jsx(ResourceMetrics, { metrics: metrics, ariaLabel: metricsAriaLabel }), onCreate && createLabel ? (_jsx("button", { type: "button", className: "resource-row-list-new", onClick: onCreate, children: createLabel })) : null] })] }), error ? (_jsx("div", { className: "resource-row-list-error", role: "alert", children: errorLabel ?? error })) : null, actionError ? (_jsx("div", { className: "resource-row-list-action-error", role: "alert", children: actionErrorLabel ?? actionError })) : null, _jsxs("section", { className: "resource-row-list-saved", "aria-label": sectionLabel, children: [_jsxs("div", { className: "resource-row-list-section-head", children: [_jsx("h2", { children: sectionLabel }), loading ? _jsx("span", { className: "resource-row-list-section-meta", children: loadingLabel }) : null] }), isEmpty ? (onCreate ? (_jsxs("button", { type: "button", className: "resource-row-list-empty", onClick: onCreate, children: [_jsx("strong", { children: emptyTitle }), _jsx("span", { children: emptyBody })] })) : (_jsxs("div", { className: "resource-row-list-empty", children: [_jsx("strong", { children: emptyTitle }), _jsx("span", { children: emptyBody })] }))) : rows.length > 0 ? (_jsx("ul", { className: "resource-row-list-items", children: rows.map((row) => (_jsx(ResourceRowListItem, { row: row, busy: isRowBusy(row.id), statusLabel: statusLabel, ...(toneMap ? { toneMap } : {}), canExpandHistory: canExpandHistory, expanded: expandedRowId === row.id, showHistoryLabel: showHistoryLabel, hideHistoryLabel: hideHistoryLabel, historyItems: historyByRowId[row.id], historyLoading: historyLoadingRowId === row.id, historyTitleLabel: historyTitleLabel, historyLoadingLabel: historyLoadingLabel, historyEmptyLabel: historyEmptyLabel, onToggleExpand: () => onToggleExpand(row.id), onAction: (kind) => onRowAction(row.id, kind), ...(onHistoryItemAction ? { onHistoryItemAction: (historyItemId, kind) => onHistoryItemAction(row.id, historyItemId, kind) } : {}) }, row.id))) })) : null] })] }));
+    return (_jsxs("section", { className: "resource-row-list", children: [_jsx(ResourceRowListHero, { ...props }), _jsx(ResourceRowListAlerts, { ...props }), _jsxs("section", { className: "resource-row-list-saved", "aria-label": sectionLabel, children: [_jsxs("div", { className: "resource-row-list-section-head", children: [_jsx("h2", { children: sectionLabel }), loading ? _jsx("span", { className: "resource-row-list-section-meta", children: loadingLabel }) : null] }), isEmpty ? _jsx(ResourceRowListEmpty, { ...props }) : rows.length > 0 ? _jsx(ResourceRowListRows, { ...props }) : null] })] }));
 }
 //# sourceMappingURL=ResourceRowListView.js.map

package/dist/features/resource-dashboard/react/components/ResourceRowListViewParts.d.ts

@@ -0,0 +1,10 @@
+import type { ResourceRowListViewProps } from './ResourceRowListView.js';
+/** TasksView's hero header: eyebrow + title + lede, the metric tiles, and the primary create CTA (only when there is both a handler and a label). */
+export declare function ResourceRowListHero({ eyebrow, title, lede, metrics, metricsAriaLabel, createLabel, onCreate, }: Pick<ResourceRowListViewProps, 'eyebrow' | 'title' | 'lede' | 'metrics' | 'metricsAriaLabel' | 'createLabel' | 'onCreate'>): import("react").JSX.Element;
+/** The LOAD-failure banner and, independently, the row-action-failure banner (which sits ALONGSIDE the still-visible row list). */
+export declare function ResourceRowListAlerts({ error, errorLabel, actionError, actionErrorLabel, }: Pick<ResourceRowListViewProps, 'error' | 'errorLabel' | 'actionError' | 'actionErrorLabel'>): import("react").JSX.Element;
+/** The empty state — TasksView's own empty state is itself the create button, so it is clickable only when `onCreate` is given. */
+export declare function ResourceRowListEmpty({ emptyTitle, emptyBody, onCreate }: Pick<ResourceRowListViewProps, 'emptyTitle' | 'emptyBody' | 'onCreate'>): import("react").JSX.Element;
+/** The `<ul>` of `ResourceRowListItem`s, binding each row's id into its per-row callbacks and busy/expanded/history-loading state. */
+export declare function ResourceRowListRows({ rows, isRowBusy, statusLabel, toneMap, canExpandHistory, expandedRowId, historyLoadingRowId, historyByRowId, showHistoryLabel, hideHistoryLabel, historyTitleLabel, historyLoadingLabel, historyEmptyLabel, onToggleExpand, onRowAction, onHistoryItemAction, }: Pick<ResourceRowListViewProps, 'rows' | 'isRowBusy' | 'statusLabel' | 'toneMap' | 'canExpandHistory' | 'expandedRowId' | 'historyLoadingRowId' | 'historyByRowId' | 'showHistoryLabel' | 'hideHistoryLabel' | 'historyTitleLabel' | 'historyLoadingLabel' | 'historyEmptyLabel' | 'onToggleExpand' | 'onRowAction' | 'onHistoryItemAction'>): import("react").JSX.Element;
+//# sourceMappingURL=ResourceRowListViewParts.d.ts.map

package/dist/features/resource-dashboard/react/components/ResourceRowListViewParts.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ResourceMetrics } from './ResourceMetrics.js';
+import { ResourceRowListItem } from './ResourceRowListItem.js';
+/** TasksView's hero header: eyebrow + title + lede, the metric tiles, and the primary create CTA (only when there is both a handler and a label). */
+export function ResourceRowListHero({ eyebrow, title, lede, metrics, metricsAriaLabel, createLabel, onCreate, }) {
+    return (_jsxs("header", { className: "resource-row-list-hero", children: [_jsxs("div", { className: "resource-row-list-hero-copy", children: [eyebrow ? _jsx("span", { className: "resource-row-list-hero-eyebrow", children: eyebrow }) : null, _jsx("h1", { className: "resource-row-list-hero-title", children: title }), lede ? _jsx("p", { className: "resource-row-list-hero-lede", children: lede }) : null] }), _jsxs("div", { className: "resource-row-list-hero-actions", children: [_jsx(ResourceMetrics, { metrics: metrics, ariaLabel: metricsAriaLabel }), onCreate && createLabel ? (_jsx("button", { type: "button", className: "resource-row-list-new", onClick: onCreate, children: createLabel })) : null] })] }));
+}
+/** The LOAD-failure banner and, independently, the row-action-failure banner (which sits ALONGSIDE the still-visible row list). */
+export function ResourceRowListAlerts({ error, errorLabel, actionError, actionErrorLabel, }) {
+    return (_jsxs(_Fragment, { children: [error ? (_jsx("div", { className: "resource-row-list-error", role: "alert", children: errorLabel ?? error })) : null, actionError ? (_jsx("div", { className: "resource-row-list-action-error", role: "alert", children: actionErrorLabel ?? actionError })) : null] }));
+}
+/** The empty state — TasksView's own empty state is itself the create button, so it is clickable only when `onCreate` is given. */
+export function ResourceRowListEmpty({ emptyTitle, emptyBody, onCreate }) {
+    return onCreate ? (_jsxs("button", { type: "button", className: "resource-row-list-empty", onClick: onCreate, children: [_jsx("strong", { children: emptyTitle }), _jsx("span", { children: emptyBody })] })) : (_jsxs("div", { className: "resource-row-list-empty", children: [_jsx("strong", { children: emptyTitle }), _jsx("span", { children: emptyBody })] }));
+}
+/** The `<ul>` of `ResourceRowListItem`s, binding each row's id into its per-row callbacks and busy/expanded/history-loading state. */
+export function ResourceRowListRows({ rows, isRowBusy, statusLabel, toneMap, canExpandHistory, expandedRowId, historyLoadingRowId, historyByRowId, showHistoryLabel, hideHistoryLabel, historyTitleLabel, historyLoadingLabel, historyEmptyLabel, onToggleExpand, onRowAction, onHistoryItemAction, }) {
+    return (_jsx("ul", { className: "resource-row-list-items", children: rows.map((row) => (_jsx(ResourceRowListItem, { row: row, busy: isRowBusy(row.id), statusLabel: statusLabel, ...(toneMap ? { toneMap } : {}), canExpandHistory: canExpandHistory, expanded: expandedRowId === row.id, showHistoryLabel: showHistoryLabel, hideHistoryLabel: hideHistoryLabel, historyItems: historyByRowId[row.id], historyLoading: historyLoadingRowId === row.id, historyTitleLabel: historyTitleLabel, historyLoadingLabel: historyLoadingLabel, historyEmptyLabel: historyEmptyLabel, onToggleExpand: () => onToggleExpand(row.id), onAction: (kind) => onRowAction(row.id, kind), ...(onHistoryItemAction ? { onHistoryItemAction: (historyItemId, kind) => onHistoryItemAction(row.id, historyItemId, kind) } : {}) }, row.id))) }));
+}
+//# sourceMappingURL=ResourceRowListViewParts.js.map

package/dist/features/resource-dashboard/react/components/resourceBoardProps.d.ts

@@ -0,0 +1,48 @@
+import type { useT } from '../../../i18n/index.js';
+import type { ResourceBoardController, UseWiredResourceBoardParams } from '../hooks/useResourceBoard.js';
+import type { ResourceKanbanColumn } from './ResourceKanbanBoard.js';
+import type { ResourceBoardViewProps } from './ResourceBoardView.js';
+import type { ResourceBoardItem, ResourceBoardViewMode, ResourceStatusOption } from '../../types.js';
+type Translate = ReturnType<typeof useT>;
+/** `useWiredResourceBoard` params: the column order comes from `statusOptions`, and each optional setting is forwarded only when the host set it. */
+export declare function resourceBoardHookParams<TItem extends ResourceBoardItem>({ dependencies, statusOptions }: Pick<UseWiredResourceBoardParams<TItem>, 'dependencies'> & {
+    statusOptions: ResourceStatusOption[];
+}, { defaultStatus, normalizeStatus, initialSort, storageScopeKey, defaultViewMode, refreshToken, }: {
+    defaultStatus?: string | undefined;
+    normalizeStatus?: ((status: string) => string) | undefined;
+    initialSort?: string | undefined;
+    storageScopeKey?: string | undefined;
+    defaultViewMode?: ResourceBoardViewMode | undefined;
+    refreshToken?: string | number | undefined;
+}): UseWiredResourceBoardParams<TItem>;
+/** One translated kanban column per status option (in order), plus a trailing translated "Other" column only when some item matched no option. */
+export declare function buildKanbanColumns<TItem extends ResourceBoardItem<TBody>, TBody>({ statusOptions, columns, t, }: {
+    statusOptions: ResourceStatusOption[];
+    columns: Map<string, TItem[]>;
+    t: Translate;
+}): ResourceKanbanColumn<TBody>[];
+/**
+ * Routes a kebab-menu action: `delete`/`duplicate` run in-hook, `rename`
+ * bubbles to `onRenameRequest` with the item's current title, anything else
+ * bubbles to `onCustomItemAction` — the menu is closed before either bubble.
+ */
+export declare function createItemActionHandler<TItem extends ResourceBoardItem>({ board }: {
+    board: Pick<ResourceBoardController<TItem>, 'remove' | 'duplicate' | 'closeMenu' | 'visibleItems'>;
+}, { onRenameRequest, onCustomItemAction, }: {
+    onRenameRequest?: ((id: string, currentTitle: string) => void) | undefined;
+    onCustomItemAction?: ((id: string, kind: string) => void) | undefined;
+}): (id: string, kind: string) => void;
+/** The create CTA's props: `createLabel` (defaulting to the translated "New") is only forwarded alongside `onCreate`, since the toolbar renders the button only when it has a handler. */
+export declare function boardCreateProps({ t }: {
+    t: Translate;
+}, { createLabel, onCreate }: {
+    createLabel?: string | undefined;
+    onCreate?: (() => void) | undefined;
+}): Pick<ResourceBoardViewProps, 'createLabel' | 'onCreate'>;
+/** Resolves a status value to its translated option label, falling back to the raw value as the translation key for a status no option covers. */
+export declare function statusLabelFor({ t, statusOptions }: {
+    t: Translate;
+    statusOptions: ResourceStatusOption[];
+}): (status: string) => string;
+export {};
+//# sourceMappingURL=resourceBoardProps.d.ts.map

package/dist/features/resource-dashboard/react/components/resourceBoardProps.js

@@ -0,0 +1,70 @@
+import { UNMATCHED_STATUS_BUCKET } from '../../constants.js';
+/** `useWiredResourceBoard` params: the column order comes from `statusOptions`, and each optional setting is forwarded only when the host set it. */
+export function resourceBoardHookParams({ dependencies, statusOptions }, { defaultStatus, normalizeStatus, initialSort, storageScopeKey, defaultViewMode, refreshToken, }) {
+    return {
+        dependencies,
+        statusOrder: statusOptions.map((option) => option.value),
+        ...(defaultStatus !== undefined ? { defaultStatus } : {}),
+        ...(normalizeStatus !== undefined ? { normalizeStatus } : {}),
+        ...(initialSort !== undefined ? { initialSort } : {}),
+        ...(storageScopeKey !== undefined ? { storageScopeKey } : {}),
+        ...(defaultViewMode !== undefined ? { defaultViewMode } : {}),
+        ...(refreshToken !== undefined ? { refreshToken } : {}),
+    };
+}
+/** One translated kanban column per status option (in order), plus a trailing translated "Other" column only when some item matched no option. */
+export function buildKanbanColumns({ statusOptions, columns, t, }) {
+    const kanbanColumns = statusOptions.map((option) => ({
+        status: option.value,
+        label: t(option.label),
+        // Non-null: `useWiredResourceBoard` (in `ResourceBoard`, via
+        // `resourceBoardHookParams` above) is called with `statusOrder:
+        // statusOptions.map(option => option.value)`, and `groupItemsByStatus`
+        // (rules.ts) always seeds one Map entry per `statusOrder` value before
+        // placing any item — so every `option.value` here is guaranteed present.
+        items: columns.get(option.value),
+    }));
+    const unmatched = columns.get(UNMATCHED_STATUS_BUCKET);
+    if (unmatched && unmatched.length > 0) {
+        kanbanColumns.push({ status: UNMATCHED_STATUS_BUCKET, label: t('Other'), items: unmatched });
+    }
+    return kanbanColumns;
+}
+/**
+ * Routes a kebab-menu action: `delete`/`duplicate` run in-hook, `rename`
+ * bubbles to `onRenameRequest` with the item's current title, anything else
+ * bubbles to `onCustomItemAction` — the menu is closed before either bubble.
+ */
+export function createItemActionHandler({ board }, { onRenameRequest, onCustomItemAction, }) {
+    return (id, kind) => {
+        if (kind === 'delete') {
+            void board.remove(id);
+            return;
+        }
+        if (kind === 'duplicate') {
+            void board.duplicate(id);
+            return;
+        }
+        if (kind === 'rename') {
+            board.closeMenu();
+            // Non-null: `id` only ever reaches this handler via a menu-action
+            // click closure `ResourceBoardView` builds per rendered item (from
+            // this SAME render's `board.visibleItems`), so the item is always
+            // still present in the array at lookup time.
+            const current = board.visibleItems.find((item) => item.id === id);
+            onRenameRequest?.(id, current.title);
+            return;
+        }
+        board.closeMenu();
+        onCustomItemAction?.(id, kind);
+    };
+}
+/** The create CTA's props: `createLabel` (defaulting to the translated "New") is only forwarded alongside `onCreate`, since the toolbar renders the button only when it has a handler. */
+export function boardCreateProps({ t }, { createLabel, onCreate }) {
+    return onCreate ? { createLabel: createLabel ?? t('New'), onCreate } : {};
+}
+/** Resolves a status value to its translated option label, falling back to the raw value as the translation key for a status no option covers. */
+export function statusLabelFor({ t, statusOptions }) {
+    return (status) => t(statusOptions.find((option) => option.value === status)?.label ?? status);
+}
+//# sourceMappingURL=resourceBoardProps.js.map

package/dist/features/resource-dashboard/react/components/resourceRowListProps.d.ts

@@ -0,0 +1,19 @@
+import type { useT } from '../../../i18n/index.js';
+import type { ResourceRowListViewProps } from './ResourceRowListView.js';
+type Translate = ReturnType<typeof useT>;
+/**
+ * The optional hero-header props `ResourceRowList` hands `ResourceRowListView`.
+ * `createLabel` (defaulting to the translated "New") is only forwarded
+ * alongside `onCreate`: the view renders the create CTA only when it has a
+ * handler to call, so a label with no handler would be dead weight.
+ */
+export declare function rowListHeaderProps({ t }: {
+    t: Translate;
+}, { eyebrow, lede, createLabel, onCreate }: {
+    eyebrow?: string | undefined;
+    lede?: string | undefined;
+    createLabel?: string | undefined;
+    onCreate?: (() => void) | undefined;
+}): Pick<ResourceRowListViewProps, 'eyebrow' | 'lede' | 'createLabel' | 'onCreate'>;
+export {};
+//# sourceMappingURL=resourceRowListProps.d.ts.map

package/dist/features/resource-dashboard/react/components/resourceRowListProps.js

@@ -0,0 +1,14 @@
+/**
+ * The optional hero-header props `ResourceRowList` hands `ResourceRowListView`.
+ * `createLabel` (defaulting to the translated "New") is only forwarded
+ * alongside `onCreate`: the view renders the create CTA only when it has a
+ * handler to call, so a label with no handler would be dead weight.
+ */
+export function rowListHeaderProps({ t }, { eyebrow, lede, createLabel, onCreate }) {
+    return {
+        ...(eyebrow !== undefined ? { eyebrow } : {}),
+        ...(lede !== undefined ? { lede } : {}),
+        ...(onCreate ? { createLabel: createLabel ?? t('New'), onCreate } : {}),
+    };
+}
+//# sourceMappingURL=resourceRowListProps.js.map

package/dist/features/resource-dashboard/react/components/translatedErrorLabelProps.d.ts

@@ -0,0 +1,16 @@
+import type { useT } from '../../../i18n/index.js';
+/**
+ * Translated labels for a view's LOAD failure (`error`) and its per-item
+ * action failure (`actionError`), each forwarded only while that error is
+ * set — shared by `ResourceBoard` and `ResourceRowList`, whose views both
+ * fall back to the raw error string when no label is given.
+ */
+export declare function translatedErrorLabelProps({ t, error, actionError, }: {
+    t: ReturnType<typeof useT>;
+    error: string | null;
+    actionError: string | null;
+}): {
+    errorLabel?: string;
+    actionErrorLabel?: string;
+};
+//# sourceMappingURL=translatedErrorLabelProps.d.ts.map

package/dist/features/resource-dashboard/react/components/translatedErrorLabelProps.js

@@ -0,0 +1,13 @@
+/**
+ * Translated labels for a view's LOAD failure (`error`) and its per-item
+ * action failure (`actionError`), each forwarded only while that error is
+ * set — shared by `ResourceBoard` and `ResourceRowList`, whose views both
+ * fall back to the raw error string when no label is given.
+ */
+export function translatedErrorLabelProps({ t, error, actionError, }) {
+    return {
+        ...(error ? { errorLabel: t(error) } : {}),
+        ...(actionError ? { actionErrorLabel: t(actionError) } : {}),
+    };
+}
+//# sourceMappingURL=translatedErrorLabelProps.js.map

package/dist/features/resource-dashboard/rules.js

@@ -46,14 +46,8 @@ export function groupItemsByStatus(items, statusOrder, options) {
     const unmatched = [];
     for (const item of items) {
         const raw = item.status ?? fallback;
-        const normalized = raw === undefined ? undefined : normalize(raw);
-        const bucket = normalized !== undefined && columns.has(normalized) ? columns.get(normalized) : undefined;
-        if (bucket) {
-            bucket.push(item);
-        }
-        else {
-            unmatched.push(item);
-        }
+        const bucket = raw === undefined ? undefined : columns.get(normalize(raw));
+        (bucket ?? unmatched).push(item);
     }
     if (unmatched.length > 0)
         columns.set(UNMATCHED_STATUS_BUCKET, unmatched);