npm - @wildo-ai/presets-components - Versions diffs - 1.1.5 → 1.1.6 - Mend

@wildo-ai/presets-components 1.1.5 → 1.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (189) hide show

package/dist/esm/components/actions/action-bar.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"action-bar.d.ts","sourceRoot":"","sources":["../../../../../src/components/actions/action-bar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAGV,cAAc,EAGf,MAAM,6BAA6B,CAAA;AAiCpC,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,WAAyC,EACzC,SAAS,EACT,IAAyB,EACzB,YAAY,EAAE,SAAS,GACxB,EAAE,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAsIpC;kBA9IQ,SAAS;;;~~AA6YlB~~,OAAO,EAAE,SAAS,EAAE,CAAA"}
1	+ {"version":3,"file":"action-bar.d.ts","sourceRoot":"","sources":["../../../../../src/components/actions/action-bar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAGV,cAAc,EAGf,MAAM,6BAA6B,CAAA;AAiCpC,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,WAAyC,EACzC,SAAS,EACT,IAAyB,EACzB,YAAY,EAAE,SAAS,GACxB,EAAE,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAsIpC;kBA9IQ,SAAS;;;AAkZlB,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/esm/components/actions/action-bar.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { ActionButton, Button, cn, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, IconSize, Popover, PopoverContent, PopoverTrigger, Separator, StandardIconReference, useI18n, useIconRegistry, useUI } from "@wildo-ai/saas-frontend-lib";
 import { FrontendComponentType, ActionLabelDisplayMode } from "@wildo-ai/presets-components-models";
-import { ButtonVariants_Variant } from "@wildo-ai/saas-frontend-lib";
+import { ButtonVariants_Variant, ActionBarPopoverChrome } from "@wildo-ai/saas-frontend-lib";
 import { ButtonSize } from "@wildo-ai/presets-components-models";
 import { HorizontalAlign, DisplayDirection } from "@wildo-ai/zod-decorators";
 /* ─────────────────────────────────────────────────────────────────────────────
@@ -150,7 +150,10 @@ function ActionBarDirectItem({ item, size, labelDisplayMode, orientation = Displ
     // below deliberately ignore `popover` and use `onClick`, because a panel anchored to a row of an
     // already-open dropdown is a nested-overlay problem rather than a layout choice. See
     // `ActionBarButtonPopover`.
-    return (_jsxs(Popover, { open: item.popover.open, onOpenChange: item.popover.onOpenChange, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(ActionBarPopoverTriggerButton, { button: buttonProps }) }), _jsx(PopoverContent, { align: HorizontalAlign.END, "aria-label": item.popover.title ?? item.label, className: "w-(--action-bar-popover-width,20rem) max-w-[min(24rem,calc(100vw-2rem))]", children: item.popover.content })] }));
+    return (_jsxs(Popover, { open: item.popover.open, onOpenChange: item.popover.onOpenChange, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(ActionBarPopoverTriggerButton, { button: buttonProps }) }), _jsx(PopoverContent, { align: HorizontalAlign.END, "aria-label": item.popover.title ?? item.label, className: cn("w-(--action-bar-popover-width,20rem) max-w-[min(24rem,calc(100vw-2rem))]",
+                // A LIST body (a DROPDOWN action's values) is a menu: its rows run edge to edge, so the
+                // panel drops its own padding rather than framing the list a second time.
+                item.popover.chrome === ActionBarPopoverChrome.LIST && "w-(--action-bar-popover-width,16rem) p-0"), children: item.popover.content })] }));
 }
 /**
  * The trigger an anchored panel clones onto.

package/dist/esm/components/actions/action-bar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"action-bar.js","sourceRoot":"","sources":["../../../../../src/components/actions/action-bar.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport * as React from \"react\"\nimport type { ActionButtonProps } from \"@wildo-ai/saas-frontend-lib\"\nimport type {\n ActionBarButton,\n ActionBarItem,\n ActionBarProps,\n ActionBarSubGroup,\n ActionButtonSize\n} from '@wildo-ai/saas-frontend-lib'\n\nimport {\n ActionButton, Button, cn, DropdownMenu, DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuSeparator,\n DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, IconSize,\n Popover, PopoverContent, PopoverTrigger,\n Separator, StandardIconReference, useI18n, useIconRegistry, useUI\n} from \"@wildo-ai/saas-frontend-lib\"\n\nimport { FrontendComponentType, ActionLabelDisplayMode } from \"@wildo-ai/presets-components-models\"\nimport { ButtonVariants_Variant } from \"@wildo-ai/saas-frontend-lib\"\nimport { ButtonSize } from \"@wildo-ai/presets-components-models\"\nimport { HorizontalAlign, DisplayDirection } from \"@wildo-ai/zod-decorators\"\n\n/* ─────────────────────────────────────────────────────────────────────────────\n * ActionBar\n \n A toolbar-style group of ActionButtons with built-in overflow management.\n \n Features:\n * • maxDisplayed — shows N items directly; the rest collapse into a \"…\" menu.\n * • Separators — visual dividers between logical groups.\n * • Sub-groups — inline dropdown menus for related actions.\n * • Theme-aware — all buttons and menus use design-system recipes.\n \n This component replaces the external TinyButtonGroup pattern, adapted to\n * compose existing engine primitives (Button, DropdownMenu, Tooltip, etc.).\n * ────────────────────────────────────────────────────────────────────────── /\n\n/ ── Component ────────────────────────────────────────────────────────────── /\n\nfunction ActionBar({\n items,\n maxDisplayed,\n labelDisplayMode,\n orientation = DisplayDirection.HORIZONTAL,\n className,\n size = ButtonSize.ICON_SM,\n \"aria-label\": ariaLabel,\n}: ActionBarProps): React.JSX.Element {\n const isVertical = orientation === DisplayDirection.VERTICAL\n const { renderIcon } = useIconRegistry()\n const { actionLabelDisplayMode: appLabelDisplayMode } = useUI()\n const { tComponent, isReady } = useI18n({\n component: FrontendComponentType.LOW_LEVEL_ACTION_BAR,\n })\n\n // Resolve the effective label affordance: explicit prop (per-resource-view\n // override) → app-wide theme default (`ComponentStyleTheme.actionLabelDisplayMode`).\n const effectiveLabelMode = labelDisplayMode ?? appLabelDisplayMode\n\n // DROPDOWN forces the whole cluster into the overflow menu (no direct\n // buttons): clamp the displayed count to 0 so every item — separators\n // included — renders through the `…` menu path below.\n const effectiveMax = effectiveLabelMode === ActionLabelDisplayMode.DROPDOWN\n ? 0\n : (maxDisplayed ?? items.length)\n const displayedItems = items.slice(0, effectiveMax)\n const overflowItems = items.slice(effectiveMax)\n const hasOverflow = overflowItems.length > 0\n\n // WAI-ARIA toolbar pattern: roving tabindex (Arrow keys move focus, Tab exits toolbar)\n const [activeIndex, setActiveIndex] = React.useState(0)\n\n // Map each displayed item to its focusable position (separators excluded)\n const focusableMap = React.useMemo(() => {\n const displayed = items.slice(0, effectiveMax)\n const overflow = items.length > displayed.length\n const map: number[] = []\n let pos = 0\n for (const item of displayed) {\n if (item.type === \"separator\") {\n map.push(-1)\n } else {\n map.push(pos++)\n }\n }\n return { map, count: pos + (overflow ? 1 : 0) }\n }, [items, effectiveMax])\n\n // Reset activeIndex if it's out of bounds after items change\n React.useEffect(() => {\n if (focusableMap.count > 0 && activeIndex >= focusableMap.count) {\n setActiveIndex(focusableMap.count - 1)\n }\n }, [focusableMap.count, activeIndex])\n\n const handleKeyDown = React.useCallback(\n (e: React.KeyboardEvent<HTMLDivElement>) => {\n const total = focusableMap.count\n if (total === 0) return\n\n let nextIndex: number \| undefined\n switch (e.key) {\n // Both axes advance/retreat so the arrow keys match the bar's\n // orientation (vertical stacks navigate with Up/Down).\n case \"ArrowRight\":\n case \"ArrowDown\":\n nextIndex = (activeIndex + 1) % total\n break\n case \"ArrowLeft\":\n case \"ArrowUp\":\n nextIndex = (activeIndex - 1 + total) % total\n break\n case \"Home\":\n nextIndex = 0\n break\n case \"End\":\n nextIndex = total - 1\n break\n default:\n return\n }\n e.preventDefault()\n setActiveIndex(nextIndex)\n\n // Focus the target button via DOM query (dropdown content is portalled, so only toolbar buttons are found)\n const toolbar = e.currentTarget\n const buttons = toolbar.querySelectorAll<HTMLButtonElement>(\"button\")\n buttons[nextIndex]?.focus()\n },\n [activeIndex, focusableMap.count],\n )\n\n return (\n <div\n role=\"toolbar\"\n aria-label={ariaLabel}\n aria-orientation={isVertical ? \"vertical\" : \"horizontal\"}\n data-slot=\"action-bar\"\n // `gap-element` — the role's DEFAULT step, and the reason is rhythm rather than size. A\n // collection toolbar puts two of these bars side by side (whole-scope actions, then the\n // bulk/primary slot) inside a cluster that is itself `gap-element`, so a tightened `-sm`\n // here produced 4px inside each bar and 8px between them: one continuous run of buttons\n // reading as two groups that nothing in the design intends. `element` is the declared role\n // for \"between inline elements: icons, buttons, tags\"; the tightening was the deviation.\n className={cn(\"flex gap-element\", isVertical ? \"flex-col items-start\" : \"items-center\", className)}\n onKeyDown={handleKeyDown}\n >\n {/ ── Directly-displayed items ─────────────────────────────────── /}\n {displayedItems.map((item, index) => {\n const pos = focusableMap.map[index]\n if (pos === -1) {\n return <ActionBarDirectItem key={index} item={item} size={size} labelDisplayMode={effectiveLabelMode} orientation={orientation} />\n }\n return <ActionBarDirectItem key={index} item={item} size={size} labelDisplayMode={effectiveLabelMode} orientation={orientation} tabIndex={activeIndex === pos ? 0 : -1} />\n })}\n\n {/ ── Overflow menu ────────────────────────────────────────────── /}\n {hasOverflow && (\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <Button\n variant={ButtonVariants_Variant.GHOST}\n size={size}\n onClick={(e) => e.stopPropagation()}\n aria-label={tComponent(FrontendComponentType.LOW_LEVEL_ACTION_BAR, 'moreActions')}\n tabIndex={activeIndex === focusableMap.count - 1 ? 0 : -1}\n >\n {renderIcon(StandardIconReference.MORE_HORIZONTAL, {\n size: IconSize.SM,\n })}\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent align={HorizontalAlign.END}>\n {overflowItems.map((item, index) => (\n <ActionBarOverflowItem key={index} item={item} />\n ))}\n </DropdownMenuContent>\n </DropdownMenu>\n )}\n </div>\n )\n}\n\nActionBar.displayName = \"ActionBar\"\n\n/ ── Direct item renderer ─────────────────────────────────────────────────── /\n\nfunction ActionBarDirectItem({\n item,\n size,\n labelDisplayMode,\n orientation = DisplayDirection.HORIZONTAL,\n tabIndex,\n}: {\n item: ActionBarItem\n size: ActionButtonSize\n labelDisplayMode: ActionLabelDisplayMode\n orientation?: DisplayDirection\n tabIndex?: number\n}): React.JSX.Element \| null {\n if (item.type === \"separator\") {\n // The divider runs across the bar's cross-axis: a vertical rule between\n // buttons in a row, a horizontal rule between buttons in a vertical stack.\n return orientation === DisplayDirection.VERTICAL ? (\n <Separator\n orientation={DisplayDirection.HORIZONTAL}\n className=\"my-element-xs w-4 self-center\"\n />\n ) : (\n <Separator\n orientation={DisplayDirection.VERTICAL}\n className=\"mx-element-xs h-4 self-center\"\n />\n )\n }\n\n if (item.type === \"subgroup\") {\n return <ActionBarSubGroupTrigger item={item} size={size} tabIndex={tabIndex} />\n }\n\n // Regular button\n const buttonProps: ActionButtonProps = {\n icon: item.icon,\n label: item.label,\n // A popover-bearing item's click is owned by the trigger, which toggles `open`. Passing\n // `onClick` through as well would ALSO run the fallback path — opening the panel and\n // navigating to the overlay in the same click.\n onClick: item.popover ? undefined : item.onClick,\n variant: item.variant,\n size,\n labelDisplayMode,\n disabled: item.disabled,\n busy: item.busy,\n className: item.className,\n tabIndex,\n operationIdentifier: item.operationIdentifier,\n }\n\n if (item.unavailability) {\n return <ActionBarUnavailableItem button={buttonProps} label={item.label} unavailability={item.unavailability} />\n }\n\n if (!item.popover) {\n return <ActionButton {...buttonProps} />\n }\n\n // Anchored panel. Only DIRECTLY-rendered buttons get one: the overflow and subgroup renderers\n // below deliberately ignore `popover` and use `onClick`, because a panel anchored to a row of an\n // already-open dropdown is a nested-overlay problem rather than a layout choice. See\n // `ActionBarButtonPopover`.\n return (\n <Popover open={item.popover.open} onOpenChange={item.popover.onOpenChange}>\n <PopoverTrigger asChild>\n <ActionBarPopoverTriggerButton button={buttonProps} />\n </PopoverTrigger>\n <PopoverContent\n align={HorizontalAlign.END}\n aria-label={item.popover.title ?? item.label}\n className=\"w-(--action-bar-popover-width,20rem) max-w-[min(24rem,calc(100vw-2rem))]\"\n >\n {item.popover.content}\n </PopoverContent>\n </Popover>\n )\n}\n\n/\n The trigger an anchored panel clones onto.\n \n `PopoverTrigger asChild` merges the trigger's props — `onClick`, `aria-haspopup`, `aria-expanded`,\n * `aria-controls`, `data-state`, and the ref the panel positions against — onto its child ELEMENT.\n * `ActionButton` destructures only the props it knows, so cloned straight onto it the click arrived\n * (as `onClick`, which it does forward) and every attribute was dropped: a working panel was announced\n * to assistive technology as a plain button (#1041). `triggerProps` is the seam `ActionButton` offers\n * for exactly this; this adapter is the element the trigger clones onto, and it hands everything it\n * received to that seam, so what the trigger merged is what the button carries.\n /\n/\n An action that cannot run, rendered so it can still explain itself (`ActionBarUnavailability`).\n \n `aria-disabled` rather than `disabled`: the native attribute removes the button from the tab order\n * and swallows the click, so neither a keyboard user nor anyone else could ever learn WHY. Here the\n * click opens the same anchored panel an action with parameters uses, holding the reason and, when\n * there is one, the step that makes the action runnable. The panel never runs the action.\n /\nfunction ActionBarUnavailableItem({\n button,\n label,\n unavailability,\n}: {\n button: ActionButtonProps\n label: string\n unavailability: NonNullable<ActionBarButton[\"unavailability\"]>\n}): React.JSX.Element {\n const [open, setOpen] = React.useState(false)\n const reasonId = React.useId()\n return (\n <Popover open={open} onOpenChange={setOpen}>\n <PopoverTrigger asChild>\n <ActionBarPopoverTriggerButton\n button={{ ...button, onClick: undefined, disabled: false }}\n aria-disabled=\"true\"\n aria-describedby={reasonId}\n data-unavailable=\"true\"\n />\n </PopoverTrigger>\n <PopoverContent\n align={HorizontalAlign.END}\n aria-label={label}\n className=\"flex w-(--action-bar-popover-width,20rem) max-w-[min(24rem,calc(100vw-2rem))] flex-col gap-group\"\n >\n <p id={reasonId} className=\"text-sm\">{unavailability.reason}</p>\n {unavailability.resolve ? (\n <Button\n variant={ButtonVariants_Variant.OUTLINE}\n size={ButtonSize.SM}\n className=\"self-end\"\n onClick={() => {\n setOpen(false)\n unavailability.resolve?.onSelect()\n }}\n >\n {unavailability.resolve.label}\n </Button>\n ) : null}\n </PopoverContent>\n </Popover>\n )\n}\n\nconst ActionBarPopoverTriggerButton = React.forwardRef<\n HTMLButtonElement,\n { button: ActionButtonProps } & React.ButtonHTMLAttributes<HTMLButtonElement>\n>(function ActionBarPopoverTriggerButton({ button, ...injected }, ref) {\n return <ActionButton {...button} ref={ref} triggerProps={injected} />\n})\n\n/ ── Sub-group trigger (inline dropdown) ──────────────────────────────────── /\n\nfunction ActionBarSubGroupTrigger({\n item,\n size,\n tabIndex,\n}: {\n item: ActionBarSubGroup\n size: ActionButtonSize\n tabIndex?: number\n}): React.JSX.Element {\n return (\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <Button\n variant={item.variant ?? ButtonVariants_Variant.GHOST}\n size={size}\n disabled={item.disabled}\n onClick={(e) => e.stopPropagation()}\n aria-label={item.label}\n tabIndex={tabIndex}\n className={item.className}\n // Same `data-operation-id` a plain action button carries (see `ActionButton`). A subgroup\n // is still ONE operation — several ways to invoke it — so anything that addresses actions\n // by operation rather than by their translated label must be able to find it. Without this,\n // an operation that renders as a subgroup is unreachable to every such consumer while its\n // single-variant sibling is not, which is a difference in the RENDERING and not in the\n // operation.\n data-operation-id={item.operationIdentifier}\n >\n {item.icon}\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent>\n {item.items.map((subItem, index) => (\n <ActionBarOverflowItem key={index} item={subItem} />\n ))}\n </DropdownMenuContent>\n </DropdownMenu>\n )\n}\n\n/ ── Overflow menu item renderer ──────────────────────────────────────────── */\n\nfunction ActionBarOverflowItem({\n item,\n}: {\n item: ActionBarItem\n}): React.JSX.Element \| null {\n if (item.type === \"separator\") {\n return <DropdownMenuSeparator />\n }\n\n if (item.type === \"subgroup\") {\n return (\n <DropdownMenuSub>\n <DropdownMenuSubTrigger disabled={item.disabled}>\n <span className=\"me-element flex size-4 items-center justify-center shrink-0\">\n {item.icon}\n </span>\n {item.label}\n </DropdownMenuSubTrigger>\n <DropdownMenuSubContent>\n {item.items.map((subItem, index) => (\n <ActionBarOverflowItem key={index} item={subItem} />\n ))}\n </DropdownMenuSubContent>\n </DropdownMenuSub>\n )\n }\n\n // Regular button → menu item. `data-operation-id` is the i18n-independent\n // automation hook (labels are runtime-translated) — attribute only.\n // An unavailable action inside an open menu cannot anchor a second panel (see\n // `ActionBarButtonPopover`), so its reason is written under its label instead: still disabled,\n // but no longer silent about why.\n return (\n <DropdownMenuItem\n variant={item.variant === \"destructive\" ? \"destructive\" : \"default\"}\n disabled={item.disabled \|\| item.unavailability !== undefined}\n data-operation-id={item.operationIdentifier}\n onClick={(e) => {\n e.stopPropagation()\n item.onClick?.()\n }}\n >\n <span className=\"me-element flex size-4 items-center justify-center shrink-0\">\n {item.icon}\n </span>\n {item.unavailability ? (\n <span className=\"flex flex-col\">\n <span>{item.label}</span>\n <span className=\"text-xs text-muted-foreground\">{item.unavailability.reason}</span>\n </span>\n ) : item.label}\n </DropdownMenuItem>\n )\n}\n\nexport { ActionBar }\n"]}
1	+ {"version":3,"file":"action-bar.js","sourceRoot":"","sources":["../../../../../src/components/actions/action-bar.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport * as React from \"react\"\nimport type { ActionButtonProps } from \"@wildo-ai/saas-frontend-lib\"\nimport type {\n ActionBarButton,\n ActionBarItem,\n ActionBarProps,\n ActionBarSubGroup,\n ActionButtonSize\n} from '@wildo-ai/saas-frontend-lib'\n\nimport {\n ActionButton, Button, cn, DropdownMenu, DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuSeparator,\n DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, IconSize,\n Popover, PopoverContent, PopoverTrigger,\n Separator, StandardIconReference, useI18n, useIconRegistry, useUI\n} from \"@wildo-ai/saas-frontend-lib\"\n\nimport { FrontendComponentType, ActionLabelDisplayMode } from \"@wildo-ai/presets-components-models\"\nimport { ButtonVariants_Variant, ActionBarPopoverChrome } from \"@wildo-ai/saas-frontend-lib\"\nimport { ButtonSize } from \"@wildo-ai/presets-components-models\"\nimport { HorizontalAlign, DisplayDirection } from \"@wildo-ai/zod-decorators\"\n\n/* ─────────────────────────────────────────────────────────────────────────────\n * ActionBar\n \n A toolbar-style group of ActionButtons with built-in overflow management.\n \n Features:\n * • maxDisplayed — shows N items directly; the rest collapse into a \"…\" menu.\n * • Separators — visual dividers between logical groups.\n * • Sub-groups — inline dropdown menus for related actions.\n * • Theme-aware — all buttons and menus use design-system recipes.\n \n This component replaces the external TinyButtonGroup pattern, adapted to\n * compose existing engine primitives (Button, DropdownMenu, Tooltip, etc.).\n * ────────────────────────────────────────────────────────────────────────── /\n\n/ ── Component ────────────────────────────────────────────────────────────── /\n\nfunction ActionBar({\n items,\n maxDisplayed,\n labelDisplayMode,\n orientation = DisplayDirection.HORIZONTAL,\n className,\n size = ButtonSize.ICON_SM,\n \"aria-label\": ariaLabel,\n}: ActionBarProps): React.JSX.Element {\n const isVertical = orientation === DisplayDirection.VERTICAL\n const { renderIcon } = useIconRegistry()\n const { actionLabelDisplayMode: appLabelDisplayMode } = useUI()\n const { tComponent, isReady } = useI18n({\n component: FrontendComponentType.LOW_LEVEL_ACTION_BAR,\n })\n\n // Resolve the effective label affordance: explicit prop (per-resource-view\n // override) → app-wide theme default (`ComponentStyleTheme.actionLabelDisplayMode`).\n const effectiveLabelMode = labelDisplayMode ?? appLabelDisplayMode\n\n // DROPDOWN forces the whole cluster into the overflow menu (no direct\n // buttons): clamp the displayed count to 0 so every item — separators\n // included — renders through the `…` menu path below.\n const effectiveMax = effectiveLabelMode === ActionLabelDisplayMode.DROPDOWN\n ? 0\n : (maxDisplayed ?? items.length)\n const displayedItems = items.slice(0, effectiveMax)\n const overflowItems = items.slice(effectiveMax)\n const hasOverflow = overflowItems.length > 0\n\n // WAI-ARIA toolbar pattern: roving tabindex (Arrow keys move focus, Tab exits toolbar)\n const [activeIndex, setActiveIndex] = React.useState(0)\n\n // Map each displayed item to its focusable position (separators excluded)\n const focusableMap = React.useMemo(() => {\n const displayed = items.slice(0, effectiveMax)\n const overflow = items.length > displayed.length\n const map: number[] = []\n let pos = 0\n for (const item of displayed) {\n if (item.type === \"separator\") {\n map.push(-1)\n } else {\n map.push(pos++)\n }\n }\n return { map, count: pos + (overflow ? 1 : 0) }\n }, [items, effectiveMax])\n\n // Reset activeIndex if it's out of bounds after items change\n React.useEffect(() => {\n if (focusableMap.count > 0 && activeIndex >= focusableMap.count) {\n setActiveIndex(focusableMap.count - 1)\n }\n }, [focusableMap.count, activeIndex])\n\n const handleKeyDown = React.useCallback(\n (e: React.KeyboardEvent<HTMLDivElement>) => {\n const total = focusableMap.count\n if (total === 0) return\n\n let nextIndex: number \| undefined\n switch (e.key) {\n // Both axes advance/retreat so the arrow keys match the bar's\n // orientation (vertical stacks navigate with Up/Down).\n case \"ArrowRight\":\n case \"ArrowDown\":\n nextIndex = (activeIndex + 1) % total\n break\n case \"ArrowLeft\":\n case \"ArrowUp\":\n nextIndex = (activeIndex - 1 + total) % total\n break\n case \"Home\":\n nextIndex = 0\n break\n case \"End\":\n nextIndex = total - 1\n break\n default:\n return\n }\n e.preventDefault()\n setActiveIndex(nextIndex)\n\n // Focus the target button via DOM query (dropdown content is portalled, so only toolbar buttons are found)\n const toolbar = e.currentTarget\n const buttons = toolbar.querySelectorAll<HTMLButtonElement>(\"button\")\n buttons[nextIndex]?.focus()\n },\n [activeIndex, focusableMap.count],\n )\n\n return (\n <div\n role=\"toolbar\"\n aria-label={ariaLabel}\n aria-orientation={isVertical ? \"vertical\" : \"horizontal\"}\n data-slot=\"action-bar\"\n // `gap-element` — the role's DEFAULT step, and the reason is rhythm rather than size. A\n // collection toolbar puts two of these bars side by side (whole-scope actions, then the\n // bulk/primary slot) inside a cluster that is itself `gap-element`, so a tightened `-sm`\n // here produced 4px inside each bar and 8px between them: one continuous run of buttons\n // reading as two groups that nothing in the design intends. `element` is the declared role\n // for \"between inline elements: icons, buttons, tags\"; the tightening was the deviation.\n className={cn(\"flex gap-element\", isVertical ? \"flex-col items-start\" : \"items-center\", className)}\n onKeyDown={handleKeyDown}\n >\n {/ ── Directly-displayed items ─────────────────────────────────── /}\n {displayedItems.map((item, index) => {\n const pos = focusableMap.map[index]\n if (pos === -1) {\n return <ActionBarDirectItem key={index} item={item} size={size} labelDisplayMode={effectiveLabelMode} orientation={orientation} />\n }\n return <ActionBarDirectItem key={index} item={item} size={size} labelDisplayMode={effectiveLabelMode} orientation={orientation} tabIndex={activeIndex === pos ? 0 : -1} />\n })}\n\n {/ ── Overflow menu ────────────────────────────────────────────── /}\n {hasOverflow && (\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <Button\n variant={ButtonVariants_Variant.GHOST}\n size={size}\n onClick={(e) => e.stopPropagation()}\n aria-label={tComponent(FrontendComponentType.LOW_LEVEL_ACTION_BAR, 'moreActions')}\n tabIndex={activeIndex === focusableMap.count - 1 ? 0 : -1}\n >\n {renderIcon(StandardIconReference.MORE_HORIZONTAL, {\n size: IconSize.SM,\n })}\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent align={HorizontalAlign.END}>\n {overflowItems.map((item, index) => (\n <ActionBarOverflowItem key={index} item={item} />\n ))}\n </DropdownMenuContent>\n </DropdownMenu>\n )}\n </div>\n )\n}\n\nActionBar.displayName = \"ActionBar\"\n\n/ ── Direct item renderer ─────────────────────────────────────────────────── /\n\nfunction ActionBarDirectItem({\n item,\n size,\n labelDisplayMode,\n orientation = DisplayDirection.HORIZONTAL,\n tabIndex,\n}: {\n item: ActionBarItem\n size: ActionButtonSize\n labelDisplayMode: ActionLabelDisplayMode\n orientation?: DisplayDirection\n tabIndex?: number\n}): React.JSX.Element \| null {\n if (item.type === \"separator\") {\n // The divider runs across the bar's cross-axis: a vertical rule between\n // buttons in a row, a horizontal rule between buttons in a vertical stack.\n return orientation === DisplayDirection.VERTICAL ? (\n <Separator\n orientation={DisplayDirection.HORIZONTAL}\n className=\"my-element-xs w-4 self-center\"\n />\n ) : (\n <Separator\n orientation={DisplayDirection.VERTICAL}\n className=\"mx-element-xs h-4 self-center\"\n />\n )\n }\n\n if (item.type === \"subgroup\") {\n return <ActionBarSubGroupTrigger item={item} size={size} tabIndex={tabIndex} />\n }\n\n // Regular button\n const buttonProps: ActionButtonProps = {\n icon: item.icon,\n label: item.label,\n // A popover-bearing item's click is owned by the trigger, which toggles `open`. Passing\n // `onClick` through as well would ALSO run the fallback path — opening the panel and\n // navigating to the overlay in the same click.\n onClick: item.popover ? undefined : item.onClick,\n variant: item.variant,\n size,\n labelDisplayMode,\n disabled: item.disabled,\n busy: item.busy,\n className: item.className,\n tabIndex,\n operationIdentifier: item.operationIdentifier,\n }\n\n if (item.unavailability) {\n return <ActionBarUnavailableItem button={buttonProps} label={item.label} unavailability={item.unavailability} />\n }\n\n if (!item.popover) {\n return <ActionButton {...buttonProps} />\n }\n\n // Anchored panel. Only DIRECTLY-rendered buttons get one: the overflow and subgroup renderers\n // below deliberately ignore `popover` and use `onClick`, because a panel anchored to a row of an\n // already-open dropdown is a nested-overlay problem rather than a layout choice. See\n // `ActionBarButtonPopover`.\n return (\n <Popover open={item.popover.open} onOpenChange={item.popover.onOpenChange}>\n <PopoverTrigger asChild>\n <ActionBarPopoverTriggerButton button={buttonProps} />\n </PopoverTrigger>\n <PopoverContent\n align={HorizontalAlign.END}\n aria-label={item.popover.title ?? item.label}\n className={cn(\n \"w-(--action-bar-popover-width,20rem) max-w-[min(24rem,calc(100vw-2rem))]\",\n // A LIST body (a DROPDOWN action's values) is a menu: its rows run edge to edge, so the\n // panel drops its own padding rather than framing the list a second time.\n item.popover.chrome === ActionBarPopoverChrome.LIST && \"w-(--action-bar-popover-width,16rem) p-0\",\n )}\n >\n {item.popover.content}\n </PopoverContent>\n </Popover>\n )\n}\n\n/\n The trigger an anchored panel clones onto.\n \n `PopoverTrigger asChild` merges the trigger's props — `onClick`, `aria-haspopup`, `aria-expanded`,\n * `aria-controls`, `data-state`, and the ref the panel positions against — onto its child ELEMENT.\n * `ActionButton` destructures only the props it knows, so cloned straight onto it the click arrived\n * (as `onClick`, which it does forward) and every attribute was dropped: a working panel was announced\n * to assistive technology as a plain button (#1041). `triggerProps` is the seam `ActionButton` offers\n * for exactly this; this adapter is the element the trigger clones onto, and it hands everything it\n * received to that seam, so what the trigger merged is what the button carries.\n /\n/\n An action that cannot run, rendered so it can still explain itself (`ActionBarUnavailability`).\n \n `aria-disabled` rather than `disabled`: the native attribute removes the button from the tab order\n * and swallows the click, so neither a keyboard user nor anyone else could ever learn WHY. Here the\n * click opens the same anchored panel an action with parameters uses, holding the reason and, when\n * there is one, the step that makes the action runnable. The panel never runs the action.\n /\nfunction ActionBarUnavailableItem({\n button,\n label,\n unavailability,\n}: {\n button: ActionButtonProps\n label: string\n unavailability: NonNullable<ActionBarButton[\"unavailability\"]>\n}): React.JSX.Element {\n const [open, setOpen] = React.useState(false)\n const reasonId = React.useId()\n return (\n <Popover open={open} onOpenChange={setOpen}>\n <PopoverTrigger asChild>\n <ActionBarPopoverTriggerButton\n button={{ ...button, onClick: undefined, disabled: false }}\n aria-disabled=\"true\"\n aria-describedby={reasonId}\n data-unavailable=\"true\"\n />\n </PopoverTrigger>\n <PopoverContent\n align={HorizontalAlign.END}\n aria-label={label}\n className=\"flex w-(--action-bar-popover-width,20rem) max-w-[min(24rem,calc(100vw-2rem))] flex-col gap-group\"\n >\n <p id={reasonId} className=\"text-sm\">{unavailability.reason}</p>\n {unavailability.resolve ? (\n <Button\n variant={ButtonVariants_Variant.OUTLINE}\n size={ButtonSize.SM}\n className=\"self-end\"\n onClick={() => {\n setOpen(false)\n unavailability.resolve?.onSelect()\n }}\n >\n {unavailability.resolve.label}\n </Button>\n ) : null}\n </PopoverContent>\n </Popover>\n )\n}\n\nconst ActionBarPopoverTriggerButton = React.forwardRef<\n HTMLButtonElement,\n { button: ActionButtonProps } & React.ButtonHTMLAttributes<HTMLButtonElement>\n>(function ActionBarPopoverTriggerButton({ button, ...injected }, ref) {\n return <ActionButton {...button} ref={ref} triggerProps={injected} />\n})\n\n/ ── Sub-group trigger (inline dropdown) ──────────────────────────────────── /\n\nfunction ActionBarSubGroupTrigger({\n item,\n size,\n tabIndex,\n}: {\n item: ActionBarSubGroup\n size: ActionButtonSize\n tabIndex?: number\n}): React.JSX.Element {\n return (\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <Button\n variant={item.variant ?? ButtonVariants_Variant.GHOST}\n size={size}\n disabled={item.disabled}\n onClick={(e) => e.stopPropagation()}\n aria-label={item.label}\n tabIndex={tabIndex}\n className={item.className}\n // Same `data-operation-id` a plain action button carries (see `ActionButton`). A subgroup\n // is still ONE operation — several ways to invoke it — so anything that addresses actions\n // by operation rather than by their translated label must be able to find it. Without this,\n // an operation that renders as a subgroup is unreachable to every such consumer while its\n // single-variant sibling is not, which is a difference in the RENDERING and not in the\n // operation.\n data-operation-id={item.operationIdentifier}\n >\n {item.icon}\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent>\n {item.items.map((subItem, index) => (\n <ActionBarOverflowItem key={index} item={subItem} />\n ))}\n </DropdownMenuContent>\n </DropdownMenu>\n )\n}\n\n/ ── Overflow menu item renderer ──────────────────────────────────────────── */\n\nfunction ActionBarOverflowItem({\n item,\n}: {\n item: ActionBarItem\n}): React.JSX.Element \| null {\n if (item.type === \"separator\") {\n return <DropdownMenuSeparator />\n }\n\n if (item.type === \"subgroup\") {\n return (\n <DropdownMenuSub>\n <DropdownMenuSubTrigger disabled={item.disabled}>\n <span className=\"me-element flex size-4 items-center justify-center shrink-0\">\n {item.icon}\n </span>\n {item.label}\n </DropdownMenuSubTrigger>\n <DropdownMenuSubContent>\n {item.items.map((subItem, index) => (\n <ActionBarOverflowItem key={index} item={subItem} />\n ))}\n </DropdownMenuSubContent>\n </DropdownMenuSub>\n )\n }\n\n // Regular button → menu item. `data-operation-id` is the i18n-independent\n // automation hook (labels are runtime-translated) — attribute only.\n // An unavailable action inside an open menu cannot anchor a second panel (see\n // `ActionBarButtonPopover`), so its reason is written under its label instead: still disabled,\n // but no longer silent about why.\n return (\n <DropdownMenuItem\n variant={item.variant === \"destructive\" ? \"destructive\" : \"default\"}\n disabled={item.disabled \|\| item.unavailability !== undefined}\n data-operation-id={item.operationIdentifier}\n onClick={(e) => {\n e.stopPropagation()\n item.onClick?.()\n }}\n >\n <span className=\"me-element flex size-4 items-center justify-center shrink-0\">\n {item.icon}\n </span>\n {item.unavailability ? (\n <span className=\"flex flex-col\">\n <span>{item.label}</span>\n <span className=\"text-xs text-muted-foreground\">{item.unavailability.reason}</span>\n </span>\n ) : item.label}\n </DropdownMenuItem>\n )\n}\n\nexport { ActionBar }\n"]}

package/dist/esm/components/ai-elements/chat/suggestion.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"suggestion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/chat/suggestion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAG3F,eAAO,MAAM,cAAc,GAAI,mCAI5B,mBAAmB,KAAG,KAAK,CAAC,GAAG,CAAC,~~OAOlC~~,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,uEAQ3B,kBAAkB,KAAG,KAAK,CAAC,GAAG,CAAC,OAiBjC,CAAC"}
1	+ {"version":3,"file":"suggestion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/chat/suggestion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAG3F,eAAO,MAAM,cAAc,GAAI,mCAI5B,mBAAmB,KAAG,KAAK,CAAC,GAAG,CAAC,OAalC,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,uEAQ3B,kBAAkB,KAAG,KAAK,CAAC,GAAG,CAAC,OAiBjC,CAAC"}

package/dist/esm/components/ai-elements/chat/suggestion.js CHANGED Viewed

@@ -2,7 +2,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, ScrollArea, ScrollBar, cn } from "@wildo-ai/saas-frontend-lib";
 import { DisplayDirection } from "@wildo-ai/zod-decorators";
-export const AI_Suggestions = ({ className, children, ...props }) => (_jsxs(ScrollArea, { className: "w-full overflow-x-auto whitespace-nowrap", viewportClassName: "snap-x snap-mandatory", ...props, children: [_jsx("div", { className: cn("flex w-max flex-nowrap items-center gap-element", className), children: children }), _jsx(ScrollBar, { className: "hidden", orientation: DisplayDirection.HORIZONTAL })] }));
+export const AI_Suggestions = ({ className, children, ...props }) => (
+/*
+ * `min-w-0` is what keeps the strip a strip. Inside a flex container the scroll area is a flex item,
+ * whose automatic minimum width is its content's — and the content is a `w-max` row — so without it
+ * the strip widened its parent to every chip's total instead of scrolling (#1454: Home's "You could"
+ * pushed the page sideways).
+ */
+_jsxs(ScrollArea, { className: "w-full min-w-0 max-w-full overflow-x-auto whitespace-nowrap", viewportClassName: "snap-x snap-mandatory", ...props, children: [_jsx("div", { className: cn("flex w-max flex-nowrap items-center gap-element", className), children: children }), _jsx(ScrollBar, { className: "hidden", orientation: DisplayDirection.HORIZONTAL })] }));
 export const AI_Suggestion = ({ suggestion, onClick, className, variant = "outline", size = "sm", children, ...props }) => {
     const handleClick = () => {
         onClick?.(suggestion);

package/dist/esm/components/ai-elements/chat/suggestion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"suggestion.js","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/chat/suggestion.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,6BAA6B,CAAC;AAChF,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAI5D,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACY,EAAqB,EAAE,CAAC,~~CAC5C,~~MAAC,UAAU,IAAC,SAAS,EAAC,~~0CAA0C~~,EAAC,iBAAiB,EAAC,uBAAuB,KAAK,KAAK,~~aAClH~~,cAAK,SAAS,EAAE,EAAE,CAAC,iDAAiD,EAAE,SAAS,CAAC,YAC7E,QAAQ,GACL,EACN,KAAC,SAAS,IAAC,SAAS,EAAC,QAAQ,EAAC,WAAW,EAAE,gBAAgB,CAAC,UAAU,GAAI,IAC/D,CACd,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,UAAU,EACV,OAAO,EACP,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,GAAG,KAAK,EACW,EAAqB,EAAE;IAC1C,MAAM,WAAW,GAAG,GAAS,EAAE;QAC7B,OAAO,EAAE,CAAC,UAAU,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,MAAM,IACL,SAAS,EAAE,EAAE,CAAC,gDAAgD,EAAE,SAAS,CAAC,EAC1E,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,IAAmD,EACzD,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAyD,KAC9D,KAAK,YAER,QAAQ,IAAI,UAAU,GAChB,CACV,CAAC;AACJ,CAAC,CAAC","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Button, ScrollArea, ScrollBar, cn } from \"@wildo-ai/saas-frontend-lib\";\nimport { DisplayDirection } from \"@wildo-ai/zod-decorators\";\nimport type { AI_SuggestionsProps, AI_SuggestionProps } from '@wildo-ai/saas-frontend-lib';\nimport { FrontendComponentType } from \"@wildo-ai/presets-components-models\"\n\nexport const AI_Suggestions = ({\n className,\n children,\n ...props\n}: AI_SuggestionsProps): React.JSX.Element => (\n <ScrollArea className=\"w-full overflow-x-auto whitespace-nowrap\" viewportClassName=\"snap-x snap-mandatory\" {...props}>\n <div className={cn(\"flex w-max flex-nowrap items-center gap-element\", className)}>\n {children}\n </div>\n <ScrollBar className=\"hidden\" orientation={DisplayDirection.HORIZONTAL} />\n </ScrollArea>\n);\n\nexport const AI_Suggestion = ({\n suggestion,\n onClick,\n className,\n variant = \"outline\",\n size = \"sm\",\n children,\n ...props\n}: AI_SuggestionProps): React.JSX.Element => {\n const handleClick = (): void => {\n onClick?.(suggestion);\n };\n\n return (\n <Button\n className={cn(\"cursor-pointer rounded-full px-card snap-start\", className)}\n onClick={handleClick}\n size={size as React.ComponentProps<typeof Button>[\"size\"]}\n type=\"button\"\n variant={variant as React.ComponentProps<typeof Button>[\"variant\"]}\n {...props}\n >\n {children \|\| suggestion}\n </Button>\n );\n};\n"]}
1	+ {"version":3,"file":"suggestion.js","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/chat/suggestion.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,6BAA6B,CAAC;AAChF,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAI5D,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACY,EAAqB,EAAE,CAAC;AAC5C;;;;;GAKG;AACH,MAAC,UAAU,IAAC,SAAS,EAAC,6DAA6D,EAAC,iBAAiB,EAAC,uBAAuB,KAAK,KAAK,aACrI,cAAK,SAAS,EAAE,EAAE,CAAC,iDAAiD,EAAE,SAAS,CAAC,YAC7E,QAAQ,GACL,EACN,KAAC,SAAS,IAAC,SAAS,EAAC,QAAQ,EAAC,WAAW,EAAE,gBAAgB,CAAC,UAAU,GAAI,IAC/D,CACd,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,UAAU,EACV,OAAO,EACP,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,GAAG,KAAK,EACW,EAAqB,EAAE;IAC1C,MAAM,WAAW,GAAG,GAAS,EAAE;QAC7B,OAAO,EAAE,CAAC,UAAU,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,MAAM,IACL,SAAS,EAAE,EAAE,CAAC,gDAAgD,EAAE,SAAS,CAAC,EAC1E,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,IAAmD,EACzD,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAyD,KAC9D,KAAK,YAER,QAAQ,IAAI,UAAU,GAChB,CACV,CAAC;AACJ,CAAC,CAAC","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Button, ScrollArea, ScrollBar, cn } from \"@wildo-ai/saas-frontend-lib\";\nimport { DisplayDirection } from \"@wildo-ai/zod-decorators\";\nimport type { AI_SuggestionsProps, AI_SuggestionProps } from '@wildo-ai/saas-frontend-lib';\nimport { FrontendComponentType } from \"@wildo-ai/presets-components-models\"\n\nexport const AI_Suggestions = ({\n className,\n children,\n ...props\n}: AI_SuggestionsProps): React.JSX.Element => (\n /\n `min-w-0` is what keeps the strip a strip. Inside a flex container the scroll area is a flex item,\n * whose automatic minimum width is its content's — and the content is a `w-max` row — so without it\n * the strip widened its parent to every chip's total instead of scrolling (#1454: Home's \"You could\"\n * pushed the page sideways).\n */\n <ScrollArea className=\"w-full min-w-0 max-w-full overflow-x-auto whitespace-nowrap\" viewportClassName=\"snap-x snap-mandatory\" {...props}>\n <div className={cn(\"flex w-max flex-nowrap items-center gap-element\", className)}>\n {children}\n </div>\n <ScrollBar className=\"hidden\" orientation={DisplayDirection.HORIZONTAL} />\n </ScrollArea>\n);\n\nexport const AI_Suggestion = ({\n suggestion,\n onClick,\n className,\n variant = \"outline\",\n size = \"sm\",\n children,\n ...props\n}: AI_SuggestionProps): React.JSX.Element => {\n const handleClick = (): void => {\n onClick?.(suggestion);\n };\n\n return (\n <Button\n className={cn(\"cursor-pointer rounded-full px-card snap-start\", className)}\n onClick={handleClick}\n size={size as React.ComponentProps<typeof Button>[\"size\"]}\n type=\"button\"\n variant={variant as React.ComponentProps<typeof Button>[\"variant\"]}\n {...props}\n >\n {children \|\| suggestion}\n </Button>\n );\n};\n"]}

package/dist/esm/components/ai-elements/decision/approval.d.ts CHANGED Viewed

@@ -2,7 +2,65 @@ import * as React from "react";
 import { Alert } from '@wildo-ai/saas-frontend-lib';
 import type { SerializableZodSchema } from '@wildo-ai/zod-decorators';
 import type { ComponentProps } from "react";
-export type AI_ApprovalRequestProps = ComponentProps<typeof Alert> & {
+/** One person a decision may be moved to, as the surface shows them. `value` is their id. */
+export type AI_ApprovalReassignCandidate = {
+    value: string;
+    label: string;
+};
+/** One reason a decision's clocks may be paused for (#1628). `value` is the gate's pause-state identifier. */
+export type AI_ApprovalPauseStateOption = {
+    value: string;
+    label: string;
+};
+/**
+ * One reason an approver may give for changing or rejecting an agent's proposal (#1921). `value` is a code of the
+ * application's declared vocabulary; `label` is its word, as LOCALIZED text the surface's owner resolved.
+ */
+export type AI_ApprovalReasonCodeOption = {
+    value: string;
+    label: string;
+};
+/**
+ * What else a person may do with a decision besides answering it (#1594 D12). Each is offered only when its
+ * callback is supplied, so a surface shows exactly the acts its owner can carry out — never a button that
+ * submits into nothing.
+ */
+export type AI_ApprovalRoutingProps = {
+    /** Take a decision routed to a role you hold for yourself. */
+    onClaim?: (approvalId: string) => void;
+    /** Give a decision you claimed back to its role. */
+    onUnclaim?: (approvalId: string) => void;
+    /** The reassign picker opened: load who it may go to, and pass them back as `reassignCandidates`. */
+    onReassignOpen?: (approvalId: string) => void;
+    /** Only people who could answer it. Absent while loading; empty when nobody else can. */
+    reassignCandidates?: readonly AI_ApprovalReassignCandidate[];
+    onReassign?: (approvalId: string, targetUserId: string, comment?: string) => void;
+    /**
+     * What the last act came to, as LOCALIZED text the surface's owner resolved — "someone else settled this",
+     * "there is nobody to escalate this to". Absent when there is nothing to say.
+     */
+    actionNotice?: string;
+    /**
+     * Stop the decision's CLAIM and DECISION deadlines, naming one of `pauseStateOptions` (#1628). Offered only
+     * with at least one option. Pausing never stops the decision from expiring.
+     */
+    onPauseClock?: (approvalId: string, pauseStateRef: string) => void;
+    /** Restart paused deadlines; the paused time is added to them. */
+    onResumeClock?: (approvalId: string) => void;
+    /** The reasons the gate allows its deadlines to be paused for. */
+    pauseStateOptions?: readonly AI_ApprovalPauseStateOption[];
+    /** The next deadline ahead of the decision, as LOCALIZED text the surface's owner resolved. */
+    deadlineNotice?: string;
+    /** Set while its deadlines are paused: why, as LOCALIZED text the surface's owner resolved. */
+    clockPausedNotice?: string;
+};
+export type AI_ApprovalRequestProps = ComponentProps<typeof Alert> & AI_ApprovalRoutingProps & {
+    /**
+     * Whether THIS viewer may answer it (#1594). `false` renders the request with no actions — the person
+     * whose conversation it is sees a question that a reviewer answers, and `actionNotice` says so. Default
+     * `true`, which is every surface that answers its own questions.
+     */
+    answerable?: boolean;
     approvalId: string;
     actionDescription: string;
     /**
@@ -50,29 +108,39 @@ export type AI_ApprovalRequestProps = ComponentProps<typeof Alert> & {
     argumentModificationError?: string;
     /** What the approver submitted when that edit was refused (#587) — the reopened editor starts from it. */
     rejectedArguments?: Record<string, unknown>;
+    /**
+     * The reasons an approver may give when they CHANGE or REJECT the proposal (#1921) — the application's declared
+     * vocabulary, worded by the surface's owner. Offered only then: approving the call as proposed is not a correction.
+     * Never required — a reason is evidence for why experts disagree with the agent, not a gate on answering.
+     */
+    reasonCodeOptions?: readonly AI_ApprovalReasonCodeOption[];
     /**
      * `modifiedToolArgs` is present only when the approver EDITED the arguments. Absent means "run the
-     * call as proposed", which is what every approval meant before this parameter existed.
+     * call as proposed", which is what every approval meant before this parameter existed. `reasonCode` is present only
+     * when the approver edited the call AND chose a reason for it (#1921).
      */
-    onApprove?: (approvalId: string, comment?: string, modifiedToolArgs?: Record<string, unknown>) => void;
-    onDeny?: (approvalId: string, comment?: string) => void;
+    onApprove?: (approvalId: string, comment?: string, modifiedToolArgs?: Record<string, unknown>, reasonCode?: string) => void;
+    /** `reasonCode` is present only when the approver chose a reason for the rejection (#1921). */
+    onDeny?: (approvalId: string, comment?: string, reasonCode?: string) => void;
     onEscalate?: (approvalId: string, comment?: string) => void;
     isProcessing?: boolean;
     createdAt?: Date;
 };
-export declare const AI_ApprovalRequest: ({ approvalId, actionDescription, riskLevel, executionId, systemRef, expiresAt, requiredRoles, toolName, executionContext, allowArgumentModification, argumentsSchema, argumentModificationError, rejectedArguments, onApprove, onDeny, onEscalate, isProcessing, createdAt, className, ...props }: AI_ApprovalRequestProps) => React.JSX.Element | null;
-export type AI_ApprovalActionsProps = ComponentProps<"div"> & {
+export declare const AI_ApprovalRequest: ({ approvalId, actionDescription, riskLevel, executionId, systemRef, expiresAt, requiredRoles, toolName, executionContext, allowArgumentModification, argumentsSchema, argumentModificationError, rejectedArguments, reasonCodeOptions, onApprove, onDeny, onEscalate, onClaim, onUnclaim, onReassignOpen, reassignCandidates, onReassign, actionNotice, onPauseClock, onResumeClock, pauseStateOptions, deadlineNotice, clockPausedNotice, answerable, isProcessing, createdAt, className, ...props }: AI_ApprovalRequestProps) => React.JSX.Element | null;
+export type AI_ApprovalActionsProps = ComponentProps<"div"> & AI_ApprovalRoutingProps & {
     approvalId: string;
     riskLevel?: "low" | "medium" | "high" | "critical";
     /** Present only while the approver has the argument editor open with a parseable draft (#566). */
     modifiedToolArgs?: Record<string, unknown>;
-    onApprove?: (approvalId: string, comment?: string, modifiedToolArgs?: Record<string, unknown>) => void;
-    onDeny?: (approvalId: string, comment?: string) => void;
+    /** See {@link AI_ApprovalRequestProps.reasonCodeOptions} (#1921). */
+    reasonCodeOptions?: readonly AI_ApprovalReasonCodeOption[];
+    onApprove?: (approvalId: string, comment?: string, modifiedToolArgs?: Record<string, unknown>, reasonCode?: string) => void;
+    onDeny?: (approvalId: string, comment?: string, reasonCode?: string) => void;
     onEscalate?: (approvalId: string, comment?: string) => void;
     isProcessing?: boolean;
     disabled?: boolean;
 };
-export declare const AI_ApprovalActions: ({ approvalId, riskLevel, modifiedToolArgs, onApprove, onDeny, onEscalate, isProcessing, disabled, className, ...props }: AI_ApprovalActionsProps) => React.JSX.Element | null;
+export declare const AI_ApprovalActions: ({ approvalId, riskLevel, modifiedToolArgs, reasonCodeOptions, onApprove, onDeny, onEscalate, onClaim, onUnclaim, onReassignOpen, reassignCandidates, onReassign, actionNotice, onPauseClock, onResumeClock, pauseStateOptions, isProcessing, disabled, className, ...props }: AI_ApprovalActionsProps) => React.JSX.Element | null;
 export type AI_ApprovalQueueItem = {
     approvalId: string;
     executionId: string;
@@ -84,15 +152,42 @@ export type AI_ApprovalQueueItem = {
     requiredRoles?: string[];
     executionContext?: Record<string, unknown>;
     createdAt?: Date;
+    /** The gated tool, rendered as authored (#455). */
+    toolName?: string;
+    /**
+     * Which routing acts THIS item offers (#1594). Unset means none: the queue's callbacks are wired per item
+     * only where the person may perform the act, so no item shows a button the server would refuse.
+     */
+    canEscalate?: boolean;
+    canClaim?: boolean;
+    canUnclaim?: boolean;
+    canReassign?: boolean;
+    /** See {@link AI_ApprovalRoutingProps.reassignCandidates}. */
+    reassignCandidates?: readonly AI_ApprovalReassignCandidate[];
+    /** See {@link AI_ApprovalRoutingProps.actionNotice}. */
+    actionNotice?: string;
+    /** #1628: whether this item offers Pause / Resume, the reasons it may be paused for, and its deadline lines. */
+    canPauseClock?: boolean;
+    canResumeClock?: boolean;
+    pauseStateOptions?: readonly AI_ApprovalPauseStateOption[];
+    deadlineNotice?: string;
+    clockPausedNotice?: string;
+    /** #1921: the reasons a reviewer may give when changing or rejecting this item's proposal. */
+    reasonCodeOptions?: readonly AI_ApprovalReasonCodeOption[];
+    /** #1921: offer the argument editor on this item, so a reviewer may CHANGE the proposed call. */
+    allowArgumentModification?: boolean;
+    /** The gated tool's input-schema descriptor, so the editor offers the tool's fields (#587). */
+    argumentsSchema?: SerializableZodSchema;
 };
-export type AI_ApprovalQueueProps = ComponentProps<"div"> & {
+export type AI_ApprovalQueueProps = ComponentProps<"div"> & Omit<AI_ApprovalRoutingProps, 'reassignCandidates' | 'actionNotice' | 'pauseStateOptions' | 'deadlineNotice' | 'clockPausedNotice'> & {
     items: AI_ApprovalQueueItem[];
-    onApprove?: (approvalId: string, comment?: string) => void;
-    onDeny?: (approvalId: string, comment?: string) => void;
+    /** `modifiedToolArgs` only when the reviewer edited the call; `reasonCode` only when they gave a reason (#1921). */
+    onApprove?: (approvalId: string, comment?: string, modifiedToolArgs?: Record<string, unknown>, reasonCode?: string) => void;
+    onDeny?: (approvalId: string, comment?: string, reasonCode?: string) => void;
     onEscalate?: (approvalId: string, comment?: string) => void;
     processingIds?: Set<string>;
     filter?: string;
     onFilterChange?: (filter: string) => void;
 };
-export declare const AI_ApprovalQueue: ({ items, onApprove, onDeny, onEscalate, processingIds, filter, onFilterChange, className, ...props }: AI_ApprovalQueueProps) => React.JSX.Element | null;
+export declare const AI_ApprovalQueue: ({ items, onApprove, onDeny, onEscalate, onClaim, onUnclaim, onReassignOpen, onReassign, onPauseClock, onResumeClock, processingIds, filter, onFilterChange, className, ...props }: AI_ApprovalQueueProps) => React.JSX.Element | null;
 //# sourceMappingURL=approval.d.ts.map

package/dist/esm/components/ai-elements/decision/approval.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"approval.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/decision/approval.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,KAAK,~~EAmBN~~,MAAM,6BAA6B,CAAC;AACrC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAItE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAiD5C,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,~~GAAG~~;IACnE,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAC;IACnD,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC3C;;;;;;;;;;;;OAYG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,iHAAiH;IACjH,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC;;;;;OAKG;IACH,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,0GAA0G;IAC1G,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC5C~~;;;OAGG~~;IACH,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;~~IACvG~~,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;~~IACxD~~,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,IAAI,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,~~mSAqBhC~~,uBAAuB,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,~~IAwQhD~~,CAAC;AAMF,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;~~IAC5D~~,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAC;IACnD,kGAAkG;IAClG,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;~~IACvG~~,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;~~IACxD~~,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,~~yHAWhC~~,uBAAuB,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,~~IAkFhD~~,CAAC;AAQF,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,yFAAyF;IACzF,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAC;IACnD,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,IAAI,CAAC;~~CAClB~~,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;~~IAC1D~~,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;~~IAC3D~~,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;~~IACxD~~,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,CAAC;AAcF,eAAO,MAAM,gBAAgB,GAAI,~~sGAU9B~~,qBAAqB,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,~~IAqF9C~~,CAAC"}
1	+ {"version":3,"file":"approval.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/decision/approval.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/ai-elements/decision/approval.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
-import { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, Badge, Button, ButtonVariants_Variant, ScrollArea, TextareaRoot, cn, useI18n, Surface, } from '@wildo-ai/saas-frontend-lib';
+import { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, Badge, Button, ButtonVariants_Variant, ScrollArea, SelectContent, SelectItem, SelectRoot, SelectTrigger, SelectValue, TextareaRoot, cn, useI18n, Surface, } from '@wildo-ai/saas-frontend-lib';
 import { FrontendComponentType, ButtonSize, SurfaceVariant } from "@wildo-ai/presets-components-models";
 import { ApprovalArgumentEditorMode, ApprovalArgumentFields, fieldsEditableArgumentsSchema } from "./approval-argument-fields.js";
 const CT = FrontendComponentType.LOW_LEVEL_AI_APPROVAL;
@@ -41,7 +41,7 @@ function useCountdown(expiresAt) {
         : `${seconds}s`;
     return { remaining, isExpired: false };
 }
-export const AI_ApprovalRequest = ({ approvalId, actionDescription, riskLevel, executionId, systemRef, expiresAt, requiredRoles, toolName, executionContext, allowArgumentModification, argumentsSchema, argumentModificationError, rejectedArguments, onApprove, onDeny, onEscalate, isProcessing, createdAt, className, ...props }) => {
+export const AI_ApprovalRequest = ({ approvalId, actionDescription, riskLevel, executionId, systemRef, expiresAt, requiredRoles, toolName, executionContext, allowArgumentModification, argumentsSchema, argumentModificationError, rejectedArguments, reasonCodeOptions, onApprove, onDeny, onEscalate, onClaim, onUnclaim, onReassignOpen, reassignCandidates, onReassign, actionNotice, onPauseClock, onResumeClock, pauseStateOptions, deadlineNotice, clockPausedNotice, answerable = true, isProcessing, createdAt, className, ...props }) => {
     const { tComponent, isReady } = useI18n({ component: CT });
     const { remaining, isExpired } = useCountdown(expiresAt);
     const variant = riskLevel === "critical" || riskLevel === "high" ? "destructive" : "default";
@@ -84,7 +84,7 @@ export const AI_ApprovalRequest = ({ approvalId, actionDescription, riskLevel, e
     }, [draft]);
     if (!isReady)
         return null;
-    return (_jsxs(Alert, { variant: variant, className: cn("flex flex-col gap-card-sm", className), ...props, children: [_jsxs("div", { className: "flex items-center justify-between gap-element", children: [_jsxs("div", { className: "flex items-center gap-element", children: [riskLevel && (_jsx(Badge, { variant: riskLevel === "critical" || riskLevel === "high" ? "destructive" : "outline", className: "text-2xs", children: tComponent(CT, `risk${riskLevel.charAt(0).toUpperCase()}${riskLevel.slice(1)}`) })), systemRef && (_jsx("span", { className: "text-2xs text-muted-foreground", children: systemRef }))] }), remaining && (_jsx(Badge, { variant: "secondary", className: "text-2xs tabular-nums", children: tComponent(CT, "expiresCountdown", { time: remaining }) })), isExpired && (_jsx(Badge, { variant: "destructive", className: "text-2xs", children: tComponent(CT, "expired") }))] }), _jsx(AlertDescription, { className: "text-sm", children: actionDescription }), requiredRoles && requiredRoles.length > 0 && (_jsxs("div", { className: "flex items-center gap-element", children: [_jsxs("span", { className: "text-2xs text-muted-foreground", children: [tComponent(CT, "requiredRoles"), ":"] }), _jsx("div", { className: "flex gap-1", children: requiredRoles.map((role) => (_jsx(Badge, { variant: "outline", className: "text-2xs", children: role }, role))) })] })), toolName !== undefined && (_jsxs("div", { className: "flex items-center gap-element", children: [_jsxs("span", { className: "text-2xs text-muted-foreground", children: [tComponent(CT, "toolCall"), ":"] }), _jsx("code", { className: "rounded bg-muted px-1 py-0.5 text-2xs font-mono", children: toolName })] })), executionContext && Object.keys(executionContext).length > 0 && (_jsxs("div", { className: "flex flex-col gap-element", children: [_jsxs("div", { className: "flex items-center justify-between gap-element", children: [_jsxs("span", { className: "text-2xs text-muted-foreground", children: [tComponent(CT, "toolArguments"), ":"] }), allowArgumentModification && (_jsxs("div", { className: "flex items-center gap-1", children: [editorMode !== null && fieldsSchema && (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, disabled: isProcessing || isExpired || (editorMode === ApprovalArgumentEditorMode.JSON && parsedDraft.invalid), onClick: () => {
+    return (_jsxs(Alert, { variant: variant, className: cn("flex flex-col gap-card-sm", className), ...props, children: [_jsxs("div", { className: "flex items-center justify-between gap-element", children: [_jsxs("div", { className: "flex items-center gap-element", children: [riskLevel && (_jsx(Badge, { variant: riskLevel === "critical" || riskLevel === "high" ? "destructive" : "outline", className: "text-2xs", children: tComponent(CT, `risk${riskLevel.charAt(0).toUpperCase()}${riskLevel.slice(1)}`) })), systemRef && (_jsx("span", { className: "text-2xs text-muted-foreground", children: systemRef }))] }), remaining && (_jsx(Badge, { variant: "secondary", className: "text-2xs tabular-nums", children: tComponent(CT, "expiresCountdown", { time: remaining }) })), isExpired && (_jsx(Badge, { variant: "destructive", className: "text-2xs", children: tComponent(CT, "expired") }))] }), _jsx(AlertDescription, { className: "text-sm", children: actionDescription }), clockPausedNotice !== undefined ? (_jsx("span", { className: "text-2xs text-muted-foreground", children: clockPausedNotice })) : deadlineNotice !== undefined ? (_jsx("span", { className: "text-2xs text-muted-foreground", children: deadlineNotice })) : null, requiredRoles && requiredRoles.length > 0 && (_jsxs("div", { className: "flex items-center gap-element", children: [_jsxs("span", { className: "text-2xs text-muted-foreground", children: [tComponent(CT, "requiredRoles"), ":"] }), _jsx("div", { className: "flex gap-1", children: requiredRoles.map((role) => (_jsx(Badge, { variant: "outline", className: "text-2xs", children: role }, role))) })] })), toolName !== undefined && (_jsxs("div", { className: "flex items-center gap-element", children: [_jsxs("span", { className: "text-2xs text-muted-foreground", children: [tComponent(CT, "toolCall"), ":"] }), _jsx("code", { className: "rounded bg-muted px-1 py-0.5 text-2xs font-mono", children: toolName })] })), executionContext && Object.keys(executionContext).length > 0 && (_jsxs("div", { className: "flex flex-col gap-element", children: [_jsxs("div", { className: "flex items-center justify-between gap-element", children: [_jsxs("span", { className: "text-2xs text-muted-foreground", children: [tComponent(CT, "toolArguments"), ":"] }), allowArgumentModification && (_jsxs("div", { className: "flex items-center gap-1", children: [editorMode !== null && fieldsSchema && (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, disabled: isProcessing || isExpired || (editorMode === ApprovalArgumentEditorMode.JSON && parsedDraft.invalid), onClick: () => {
                                             if (editorMode === ApprovalArgumentEditorMode.FIELDS) {
                                                 setDraft(JSON.stringify(fieldsEdit.value ?? fieldsSeed, null, 2));
                                                 setEditorMode(ApprovalArgumentEditorMode.JSON);
@@ -105,7 +105,7 @@ export const AI_ApprovalRequest = ({ approvalId, actionDescription, riskLevel, e
                                             setEditorMode(fieldsSchema ? ApprovalArgumentEditorMode.FIELDS : ApprovalArgumentEditorMode.JSON);
                                         }, children: tComponent(CT, editorMode === null ? "editArguments" : "discardArgumentEdits") })] }))] }), argumentModificationError !== undefined && editorMode !== null && (_jsxs("span", { className: "text-2xs text-destructive", children: [tComponent(CT, "argumentModificationRefused"), ": ", argumentModificationError] })), editorMode === null ? (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.INSET, children: _jsx("dl", { className: "grid grid-cols-[auto_1fr] gap-x-element gap-y-0.5 rounded-md bg-muted p-2 text-2xs", children: Object.entries(executionContext).map(([key, value]) => (_jsxs(React.Fragment, { children: [_jsx("dt", { className: "font-mono text-muted-foreground", children: key }), _jsx("dd", { className: "min-w-0 break-words font-mono", children: typeof value === "string" || typeof value === "number" || typeof value === "boolean"
                                             ? String(value)
-                                            : JSON.stringify(value) })] }, key))) }) })) : editorMode === ApprovalArgumentEditorMode.FIELDS && fieldsSchema ? (_jsx(ApprovalArgumentFields, { schema: fieldsSchema, initialValue: fieldsSeed, disabled: isProcessing || isExpired, invalidJsonMessage: tComponent(CT, "argumentValueNotValidJson"), onChange: handleFieldsChange })) : (_jsxs(_Fragment, { children: [_jsx(TextareaRoot, { rows: Math.min(12, Object.keys(executionContext).length + 3), value: draft, onChange: (e) => setDraft(e.target.value), className: "font-mono text-2xs", disabled: isProcessing || isExpired, "aria-invalid": parsedDraft.invalid || undefined, "aria-label": tComponent(CT, "editArguments") }), parsedDraft.invalid && (_jsx("span", { className: "text-2xs text-destructive", children: tComponent(CT, "argumentsNotValidJson") }))] }))] })), _jsx(AI_ApprovalActions, { approvalId: approvalId, riskLevel: riskLevel, onApprove: onApprove, onDeny: onDeny, onEscalate: onEscalate, isProcessing: isProcessing,
+                                            : JSON.stringify(value) })] }, key))) }) })) : editorMode === ApprovalArgumentEditorMode.FIELDS && fieldsSchema ? (_jsx(ApprovalArgumentFields, { schema: fieldsSchema, initialValue: fieldsSeed, disabled: isProcessing || isExpired, invalidJsonMessage: tComponent(CT, "argumentValueNotValidJson"), onChange: handleFieldsChange })) : (_jsxs(_Fragment, { children: [_jsx(TextareaRoot, { rows: Math.min(12, Object.keys(executionContext).length + 3), value: draft, onChange: (e) => setDraft(e.target.value), className: "font-mono text-2xs", disabled: isProcessing || isExpired, "aria-invalid": parsedDraft.invalid || undefined, "aria-label": tComponent(CT, "editArguments") }), parsedDraft.invalid && (_jsx("span", { className: "text-2xs text-destructive", children: tComponent(CT, "argumentsNotValidJson") }))] }))] })), !answerable ? (actionNotice !== undefined && _jsx("span", { role: "status", className: "text-2xs text-muted-foreground", children: actionNotice })) : (_jsx(AI_ApprovalActions, { approvalId: approvalId, riskLevel: riskLevel, onApprove: onApprove, onDeny: onDeny, onEscalate: onEscalate, onClaim: onClaim, onUnclaim: onUnclaim, onReassignOpen: onReassignOpen, reassignCandidates: reassignCandidates, onReassign: onReassign, actionNotice: actionNotice, onPauseClock: onPauseClock, onResumeClock: onResumeClock, pauseStateOptions: pauseStateOptions, reasonCodeOptions: reasonCodeOptions, isProcessing: isProcessing,
                 // Approving with unparseable text would send nothing and silently run the model's own
                 // arguments — a change collected and dropped, which is the one outcome this feature exists
                 // to prevent. The button is unavailable until the draft is an object.
@@ -118,17 +118,65 @@ export const AI_ApprovalRequest = ({ approvalId, actionDescription, riskLevel, e
                     ? fieldsEdit.value
                     : editorMode === ApprovalArgumentEditorMode.JSON
                         ? parsedDraft.value
-                        : undefined })] }));
+                        : undefined }))] }));
 };
-export const AI_ApprovalActions = ({ approvalId, riskLevel, modifiedToolArgs, onApprove, onDeny, onEscalate, isProcessing, disabled, className, ...props }) => {
+export const AI_ApprovalActions = ({ approvalId, riskLevel, modifiedToolArgs, reasonCodeOptions, onApprove, onDeny, onEscalate, onClaim, onUnclaim, onReassignOpen, reassignCandidates, onReassign, actionNotice, onPauseClock, onResumeClock, pauseStateOptions, isProcessing, disabled, className, ...props }) => {
     const { tComponent, isReady } = useI18n({ component: CT });
     const [comment, setComment] = React.useState("");
+    /*
+     * #1921 — the reason an approver gives for a CORRECTION. `undefined` until one is chosen, and optional throughout.
+     *
+     * Offered only on the two answers that correct the agent: an EDITED approval (the editor is open, so
+     * `modifiedToolArgs` is defined) and a rejection. Approving the call as proposed is agreement, so a reason there would
+     * enter the record as the reason for a correction that never happened — it is never sent then, even if one was
+     * picked while the editor was open. A rejection needs somewhere to choose BEFORE it is sent, so with reasons on offer
+     * Reject opens a picker and a confirm button, the pattern Reassign and Pause already use.
+     */
+    const [reasonCode, setReasonCode] = React.useState(undefined);
+    const [rejecting, setRejecting] = React.useState(false);
+    const offersReasons = (reasonCodeOptions?.length ?? 0) > 0;
+    const isModifying = modifiedToolArgs !== undefined;
+    // The reason rides as a TRAILING argument only when there is one, so an answer with no reason is called exactly as it
+    // was before reasons existed — `(id, comment, args)` — and a consumer written against that shape sees no change.
+    const correctionReason = reasonCode !== undefined ? [reasonCode] : [];
+    const approvalReason = isModifying ? correctionReason : [];
+    // #1628 — `null` while the pause picker is closed; the chosen reason once one is picked.
+    const [pausing, setPausing] = React.useState(null);
+    const canPause = !!onPauseClock && (pauseStateOptions?.length ?? 0) > 0;
+    // `null` while the picker is closed; the chosen person's id once one is picked.
+    const [reassigning, setReassigning] = React.useState(null);
     const isHighRisk = riskLevel === "high" || riskLevel === "critical";
     const actionsDisabled = isProcessing || disabled;
     if (!isReady)
         return null;
-    const approveButton = (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.DEFAULT, size: ButtonSize.SM, disabled: actionsDisabled, onClick: isHighRisk ? undefined : () => onApprove?.(approvalId, comment || undefined, modifiedToolArgs), children: isProcessing ? tComponent(CT, "processing") : tComponent(CT, "approve") }));
-    return (_jsxs("div", { className: cn("flex flex-col gap-2", className), ...props, children: [_jsx(TextareaRoot, { rows: 2, value: comment, onChange: (e) => setComment(e.target.value), placeholder: tComponent(CT, "commentPlaceholder"), className: "text-xs", disabled: actionsDisabled }), _jsxs("div", { className: "flex items-center gap-element", children: [isHighRisk ? (_jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: approveButton }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: tComponent(CT, "confirmTitle") }), _jsx(AlertDialogDescription, { children: tComponent(CT, "confirmDescription") })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: tComponent(CT, "confirmCancel") }), _jsx(AlertDialogAction, { onClick: () => onApprove?.(approvalId, comment || undefined, modifiedToolArgs), children: tComponent(CT, "confirmProceed") })] })] })] })) : (approveButton), _jsx(Button, { type: "button", variant: ButtonVariants_Variant.OUTLINE, size: ButtonSize.SM, disabled: actionsDisabled, onClick: () => onDeny?.(approvalId, comment || undefined), children: tComponent(CT, "deny") }), onEscalate && (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.SECONDARY, size: ButtonSize.SM, disabled: actionsDisabled, onClick: () => onEscalate?.(approvalId, comment || undefined), children: tComponent(CT, "escalate") }))] })] }));
+    const approveButton = (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.DEFAULT, size: ButtonSize.SM, disabled: actionsDisabled, onClick: isHighRisk ? undefined : () => onApprove?.(approvalId, comment || undefined, modifiedToolArgs, ...approvalReason), children: isProcessing ? tComponent(CT, "processing") : tComponent(CT, "approve") }));
+    return (_jsxs("div", { className: cn("flex flex-col gap-2", className), ...props, children: [_jsx(TextareaRoot, { rows: 2, value: comment, onChange: (e) => setComment(e.target.value), placeholder: tComponent(CT, "commentPlaceholder"), className: "text-xs", disabled: actionsDisabled }), _jsxs("div", { className: "flex items-center gap-element", children: [isHighRisk ? (_jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: approveButton }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: tComponent(CT, "confirmTitle") }), _jsx(AlertDialogDescription, { children: tComponent(CT, "confirmDescription") })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: tComponent(CT, "confirmCancel") }), _jsx(AlertDialogAction, { onClick: () => onApprove?.(approvalId, comment || undefined, modifiedToolArgs, ...approvalReason), children: tComponent(CT, "confirmProceed") })] })] })] })) : (approveButton), _jsx(Button, { type: "button", variant: ButtonVariants_Variant.OUTLINE, size: ButtonSize.SM, disabled: actionsDisabled, "aria-expanded": offersReasons ? rejecting : undefined, onClick: () => {
+                            if (!offersReasons) {
+                                onDeny?.(approvalId, comment || undefined);
+                                return;
+                            }
+                            setRejecting(!rejecting);
+                        }, children: tComponent(CT, "deny") }), onEscalate && (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.SECONDARY, size: ButtonSize.SM, disabled: actionsDisabled, onClick: () => onEscalate?.(approvalId, comment || undefined), children: tComponent(CT, "escalate") })), onClaim && (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, disabled: isProcessing, onClick: () => onClaim(approvalId), children: tComponent(CT, "claim") })), onUnclaim && (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, disabled: isProcessing, onClick: () => onUnclaim(approvalId), children: tComponent(CT, "unclaim") })), canPause && (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, disabled: isProcessing, "aria-expanded": pausing !== null, onClick: () => setPausing(pausing !== null ? null : { state: undefined }), children: tComponent(CT, "pauseClock") })), onResumeClock && (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, disabled: isProcessing, onClick: () => onResumeClock(approvalId), children: tComponent(CT, "resumeClock") })), onReassign && (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, disabled: isProcessing, "aria-expanded": reassigning !== null, onClick: () => {
+                            if (reassigning !== null) {
+                                setReassigning(null);
+                                return;
+                            }
+                            setReassigning({ target: undefined });
+                            onReassignOpen?.(approvalId);
+                        }, children: tComponent(CT, "reassign") }))] }), offersReasons && (isModifying || rejecting) && (_jsxs("div", { className: "flex items-center gap-element", children: [_jsxs(SelectRoot, { value: reasonCode ?? "", onValueChange: (value) => setReasonCode(value || undefined), disabled: actionsDisabled, children: [_jsx(SelectTrigger, { className: "text-2xs", "aria-label": tComponent(CT, "reasonCode"), children: _jsx(SelectValue, { placeholder: tComponent(CT, "reasonCode") }) }), _jsx(SelectContent, { children: (reasonCodeOptions ?? []).map((option) => (_jsx(SelectItem, { value: option.value, children: option.label }, option.value))) })] }), reasonCode !== undefined && (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, disabled: actionsDisabled, onClick: () => setReasonCode(undefined), children: tComponent(CT, "reasonCodeClear") })), rejecting && (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.DESTRUCTIVE, size: ButtonSize.SM, disabled: actionsDisabled, onClick: () => {
+                            onDeny?.(approvalId, comment || undefined, ...correctionReason);
+                            setRejecting(false);
+                        }, children: tComponent(CT, "denyConfirm") }))] })), onReassign && reassigning !== null && (_jsx("div", { className: "flex items-center gap-element", children: reassignCandidates === undefined ? (_jsx("span", { className: "text-2xs text-muted-foreground", children: tComponent(CT, "processing") })) : reassignCandidates.length === 0 ? (_jsx("span", { className: "text-2xs text-muted-foreground", children: tComponent(CT, "reassignNoCandidates") })) : (_jsxs(_Fragment, { children: [_jsxs(SelectRoot, { value: reassigning.target, onValueChange: (target) => setReassigning({ target }), disabled: isProcessing, children: [_jsx(SelectTrigger, { className: "text-2xs", "aria-label": tComponent(CT, "reassignTarget"), children: _jsx(SelectValue, { placeholder: tComponent(CT, "reassignTarget") }) }), _jsx(SelectContent, { children: reassignCandidates.map((candidate) => (_jsx(SelectItem, { value: candidate.value, children: candidate.label }, candidate.value))) })] }), _jsx(Button, { type: "button", variant: ButtonVariants_Variant.SECONDARY, size: ButtonSize.SM, disabled: isProcessing || reassigning.target === undefined, onClick: () => {
+                                if (reassigning.target === undefined)
+                                    return;
+                                onReassign(approvalId, reassigning.target, comment || undefined);
+                                setReassigning(null);
+                            }, children: tComponent(CT, "reassignConfirm") })] })) })), canPause && pausing !== null && (_jsxs("div", { className: "flex items-center gap-element", children: [_jsxs(SelectRoot, { value: pausing.state, onValueChange: (state) => setPausing({ state }), disabled: isProcessing, children: [_jsx(SelectTrigger, { className: "text-2xs", "aria-label": tComponent(CT, "pauseClockState"), children: _jsx(SelectValue, { placeholder: tComponent(CT, "pauseClockState") }) }), _jsx(SelectContent, { children: (pauseStateOptions ?? []).map((option) => (_jsx(SelectItem, { value: option.value, children: option.label }, option.value))) })] }), _jsx(Button, { type: "button", variant: ButtonVariants_Variant.SECONDARY, size: ButtonSize.SM, disabled: isProcessing || pausing.state === undefined, onClick: () => {
+                            if (pausing.state === undefined || !onPauseClock)
+                                return;
+                            onPauseClock(approvalId, pausing.state);
+                            setPausing(null);
+                        }, children: tComponent(CT, "pauseClockConfirm") })] })), actionNotice !== undefined && (_jsx("span", { role: "status", className: "text-2xs text-muted-foreground", children: actionNotice }))] }));
 };
 //===============================================================
 //  AI_ApprovalQueue
@@ -147,7 +195,7 @@ function useRelativeTimeFormatter() {
         return tComponent(CT, "timeAgoHours", { count: String(hours) });
     }, [tComponent]);
 }
-export const AI_ApprovalQueue = ({ items, onApprove, onDeny, onEscalate, processingIds, filter, onFilterChange, className, ...props }) => {
+export const AI_ApprovalQueue = ({ items, onApprove, onDeny, onEscalate, onClaim, onUnclaim, onReassignOpen, onReassign, onPauseClock, onResumeClock, processingIds, filter, onFilterChange, className, ...props }) => {
     const { tComponent, isReady } = useI18n({ component: CT });
     const formatRelativeTime = useRelativeTimeFormatter();
     const [sortByRisk, setSortByRisk] = React.useState(true);
@@ -168,6 +216,8 @@ export const AI_ApprovalQueue = ({ items, onApprove, onDeny, onEscalate, process
     }, [items, activeFilter, sortByRisk]);
     if (!isReady)
         return null;
-    return (_jsxs("div", { className: cn("flex flex-col gap-card", className), ...props, children: [_jsxs("div", { className: "flex items-center justify-between gap-element", children: [_jsxs("div", { className: "flex items-center gap-element", children: [_jsx("h3", { className: "text-sm font-semibold", children: tComponent(CT, "queueTitle") }), _jsx(Badge, { variant: "secondary", children: items.length })] }), _jsx(Button, { type: "button", variant: sortByRisk ? ButtonVariants_Variant.SECONDARY : ButtonVariants_Variant.GHOST, size: ButtonSize.SM, className: "h-6 text-2xs", onClick: () => setSortByRisk(!sortByRisk), children: tComponent(CT, "queueSortRisk") })] }), items.length === 0 ? (_jsx("p", { className: "py-card text-center text-sm text-muted-foreground", children: tComponent(CT, "queueEmpty") })) : (_jsx(ScrollArea, { className: "max-h-96", children: _jsx("div", { className: "flex flex-col gap-card-sm", children: filtered.map((item) => (_jsxs("div", { className: "relative", children: [item.createdAt && (_jsx("span", { className: "absolute end-2 top-2 text-2xs text-muted-foreground", children: formatRelativeTime(item.createdAt) })), _jsx(AI_ApprovalRequest, { approvalId: item.approvalId, executionId: item.executionId, systemRef: item.systemRef, actionDescription: item.actionDescription, riskLevel: item.riskLevel, expiresAt: item.expiresAt, requiredRoles: item.requiredRoles, executionContext: item.executionContext, createdAt: item.createdAt, onApprove: onApprove, onDeny: onDeny, onEscalate: onEscalate, isProcessing: processingIds?.has(item.approvalId) })] }, item.approvalId))) }) }))] }));
+    return (_jsxs("div", { className: cn("flex flex-col gap-card", className), ...props, children: [_jsxs("div", { className: "flex items-center justify-between gap-element", children: [_jsxs("div", { className: "flex items-center gap-element", children: [_jsx("h3", { className: "text-sm font-semibold", children: tComponent(CT, "queueTitle") }), _jsx(Badge, { variant: "secondary", children: items.length })] }), _jsx(Button, { type: "button", variant: sortByRisk ? ButtonVariants_Variant.SECONDARY : ButtonVariants_Variant.GHOST, size: ButtonSize.SM, className: "h-6 text-2xs", onClick: () => setSortByRisk(!sortByRisk), children: tComponent(CT, "queueSortRisk") })] }), items.length === 0 ? (_jsx("p", { className: "py-card text-center text-sm text-muted-foreground", children: tComponent(CT, "queueEmpty") })) : (_jsx(ScrollArea, { className: "max-h-96", children: _jsx("div", { className: "flex flex-col gap-card-sm", children: filtered.map((item) => (_jsxs("div", { className: "relative", children: [item.createdAt && (_jsx("span", { className: "absolute end-2 top-2 text-2xs text-muted-foreground", children: formatRelativeTime(item.createdAt) })), _jsx(AI_ApprovalRequest, { approvalId: item.approvalId, executionId: item.executionId, systemRef: item.systemRef, actionDescription: item.actionDescription, riskLevel: item.riskLevel, expiresAt: item.expiresAt, requiredRoles: item.requiredRoles, executionContext: item.executionContext, toolName: item.toolName, createdAt: item.createdAt, allowArgumentModification: item.allowArgumentModification, argumentsSchema: item.argumentsSchema, reasonCodeOptions: item.reasonCodeOptions, onApprove: onApprove, onDeny: onDeny,
+                                // Per item, not per queue: an item offers only the acts its person may perform.
+                                onEscalate: item.canEscalate ? onEscalate : undefined, onClaim: item.canClaim ? onClaim : undefined, onUnclaim: item.canUnclaim ? onUnclaim : undefined, onReassignOpen: item.canReassign ? onReassignOpen : undefined, onReassign: item.canReassign ? onReassign : undefined, reassignCandidates: item.reassignCandidates, actionNotice: item.actionNotice, onPauseClock: item.canPauseClock ? onPauseClock : undefined, onResumeClock: item.canResumeClock ? onResumeClock : undefined, pauseStateOptions: item.pauseStateOptions, deadlineNotice: item.deadlineNotice, clockPausedNotice: item.clockPausedNotice, isProcessing: processingIds?.has(item.approvalId) })] }, item.approvalId))) }) }))] }));
 };
 //# sourceMappingURL=approval.js.map