@arqel-dev/ui 0.18.0 → 0.19.0

package/dist/ArqelCreatePage-SUQTG7LF.js

@@ -0,0 +1,9 @@
+export { ArqelCreatePage as default } from './chunk-WXPBHB7R.js';
+import './chunk-MXUXMHOK.js';
+import './chunk-SVCWLDZ4.js';
+import './chunk-CMNZLA32.js';
+import './chunk-CZUV5WCY.js';
+import './chunk-YF2RINPG.js';
+import './chunk-B7ULUJVO.js';
+//# sourceMappingURL=ArqelCreatePage-SUQTG7LF.js.map
+//# sourceMappingURL=ArqelCreatePage-SUQTG7LF.js.map

package/dist/{ArqelCreatePage-UZAHV4DK.js.map → ArqelCreatePage-SUQTG7LF.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"ArqelCreatePage-UZAHV4DK.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ArqelCreatePage-SUQTG7LF.js"}

package/dist/ArqelEditPage-TC6CY66H.js

@@ -0,0 +1,13 @@
+export { ArqelEditPage as default } from './chunk-RKWHRD75.js';
+import './chunk-ZZKWQO3W.js';
+import './chunk-MXUXMHOK.js';
+import './chunk-JKD6SE75.js';
+import './chunk-RMPOR2YZ.js';
+import './chunk-FVKM6FDW.js';
+import './chunk-SVCWLDZ4.js';
+import './chunk-CMNZLA32.js';
+import './chunk-CZUV5WCY.js';
+import './chunk-YF2RINPG.js';
+import './chunk-B7ULUJVO.js';
+//# sourceMappingURL=ArqelEditPage-TC6CY66H.js.map
+//# sourceMappingURL=ArqelEditPage-TC6CY66H.js.map

package/dist/{ArqelEditPage-7OFWPULE.js.map → ArqelEditPage-TC6CY66H.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"ArqelEditPage-7OFWPULE.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ArqelEditPage-TC6CY66H.js"}

package/dist/ArqelIndexPage-3DPWRK2Q.js

@@ -0,0 +1,15 @@
+export { ArqelIndexPage as default } from './chunk-P64TZA7T.js';
+import './chunk-HOJEO5LX.js';
+import './chunk-TBDWW6L5.js';
+import './chunk-JKD6SE75.js';
+import './chunk-RMPOR2YZ.js';
+import './chunk-4XV35QZA.js';
+import './chunk-FVKM6FDW.js';
+import './chunk-VKZY6J6G.js';
+import './chunk-SVCWLDZ4.js';
+import './chunk-CMNZLA32.js';
+import './chunk-CZUV5WCY.js';
+import './chunk-YF2RINPG.js';
+import './chunk-B7ULUJVO.js';
+//# sourceMappingURL=ArqelIndexPage-3DPWRK2Q.js.map
+//# sourceMappingURL=ArqelIndexPage-3DPWRK2Q.js.map

package/dist/{ArqelIndexPage-ZAVCCM6V.js.map → ArqelIndexPage-3DPWRK2Q.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"ArqelIndexPage-ZAVCCM6V.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ArqelIndexPage-3DPWRK2Q.js"}

package/dist/ArqelNotificationsPage-VCNRIN6A.js

@@ -0,0 +1,7 @@
+export { ArqelNotificationsPage as default } from './chunk-NFP2EB7Y.js';
+import './chunk-6YGRTXEL.js';
+import './chunk-CZUV5WCY.js';
+import './chunk-YF2RINPG.js';
+import './chunk-B7ULUJVO.js';
+//# sourceMappingURL=ArqelNotificationsPage-VCNRIN6A.js.map
+//# sourceMappingURL=ArqelNotificationsPage-VCNRIN6A.js.map

package/dist/{ArqelNotificationsPage-MBJBYFHW.js.map → ArqelNotificationsPage-VCNRIN6A.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"ArqelNotificationsPage-MBJBYFHW.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ArqelNotificationsPage-VCNRIN6A.js"}

package/dist/action.js

@@ -1,9 +1,10 @@
-export { ActionButton, ActionFormModal, ActionMenu } from './chunk-7NGUPQON.js';
-export { ConfirmDialog } from './chunk-DO3PRGVV.js';
+export { ActionButton, ActionFormModal, ActionMenu } from './chunk-4XV35QZA.js';
+export { ConfirmDialog } from './chunk-FVKM6FDW.js';
 import './chunk-VKZY6J6G.js';
-import './chunk-MZMYV43C.js';
+import './chunk-SVCWLDZ4.js';
 import './chunk-CMNZLA32.js';
-export { Button, buttonVariants } from './chunk-H23VX3RR.js';
+import './chunk-CZUV5WCY.js';
+export { Button, buttonVariants } from './chunk-YF2RINPG.js';
 import './chunk-B7ULUJVO.js';
 //# sourceMappingURL=action.js.map
 //# sourceMappingURL=action.js.map

package/dist/{chunk-7NGUPQON.js → chunk-4XV35QZA.js}

@@ -1,8 +1,8 @@
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogClose, ConfirmDialog } from './chunk-DO3PRGVV.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogClose, ConfirmDialog } from './chunk-FVKM6FDW.js';
 import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, Sheet, SheetContent, SheetHeader, SheetTitle } from './chunk-VKZY6J6G.js';
-import { FormActions } from './chunk-MZMYV43C.js';
+import { FormActions } from './chunk-SVCWLDZ4.js';
 import { FormRenderer } from './chunk-CMNZLA32.js';
-import { Button } from './chunk-H23VX3RR.js';
+import { Button } from './chunk-YF2RINPG.js';
 import { cn } from './chunk-B7ULUJVO.js';
 import { useArqelTranslations } from '@arqel-dev/react/utils';
 import { useState, useMemo } from 'react';
@@ -310,5 +310,5 @@ function ActionMenu({
 }
 
 export { ActionButton, ActionFormModal, ActionMenu };
-//# sourceMappingURL=chunk-7NGUPQON.js.map
-//# sourceMappingURL=chunk-7NGUPQON.js.map
+//# sourceMappingURL=chunk-4XV35QZA.js.map
+//# sourceMappingURL=chunk-4XV35QZA.js.map

package/dist/{chunk-7NGUPQON.js.map → chunk-4XV35QZA.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/action/ActionFormModal.tsx","../src/action/ActionButton.tsx","../src/action/ActionMenu.tsx"],"names":["useState","jsxs","jsx","useArqelTranslations","Fragment"],"mappings":"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","file":"chunk-7NGUPQON.js","sourcesContent":["/**\n * `<ActionFormModal>` — modal hosting a `<FormRenderer>` for an Action's\n * companion form (see `arqel-dev/actions` `HasForm`).\n *\n * Action form fields are a flat list — Action FormSchema is built\n * inline from the `ActionFormField[]` since layout components don't\n * apply at this scale. Submit fires `onSubmit(values)`; the parent\n * (typically `useAction`) handles invocation + loading.\n */\n\nimport { useArqelTranslations } from '@arqel-dev/react/utils';\nimport type { ActionSchema, ModalSize } from '@arqel-dev/types/actions';\nimport type { FieldSchema } from '@arqel-dev/types/fields';\nimport type { FormSchema } from '@arqel-dev/types/forms';\nimport { useMemo, useState } from 'react';\nimport { FormActions } from '../form/FormActions.js';\nimport { FormRenderer } from '../form/FormRenderer.js';\nimport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n} from '../shadcn/ui/dialog.js';\nimport { cn } from '../utils/cn.js';\nimport { Button } from './Button.js';\n\nexport interface ActionFormModalProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  action: ActionSchema;\n  fields: FieldSchema[];\n  onSubmit: (values: Record<string, unknown>) => void;\n  processing?: boolean;\n  errors?: Record<string, string[]> | undefined;\n  initialValues?: Record<string, unknown>;\n}\n\nconst SIZE_CLASSES: Record<ModalSize, string> = {\n  sm: 'sm:max-w-[24rem]',\n  md: 'sm:max-w-[32rem]',\n  lg: 'sm:max-w-[44rem]',\n  xl: 'sm:max-w-[56rem]',\n  full: 'sm:max-w-[90vw] h-[90vh]',\n};\n\nexport function ActionFormModal({\n  open,\n  onOpenChange,\n  action,\n  fields,\n  onSubmit,\n  processing = false,\n  errors = {},\n  initialValues = {},\n}: ActionFormModalProps) {\n  const t = useArqelTranslations();\n  const [values, setValues] = useState<Record<string, unknown>>(initialValues);\n  const size = action.modalSize ?? 'md';\n\n  const schema: FormSchema = useMemo(\n    () => ({\n      schema: (action.form ?? []).map((entry) => ({\n        kind: 'field' as const,\n        name: entry.name,\n        type: entry.type,\n      })),\n      columns: 1,\n      model: null,\n      inline: false,\n      disabled: false,\n    }),\n    [action.form],\n  );\n\n  return (\n    <Dialog open={open} onOpenChange={(next) => onOpenChange(next)}>\n      <DialogContent className={cn('overflow-auto', SIZE_CLASSES[size])}>\n        <DialogHeader>\n          <DialogTitle>{action.label}</DialogTitle>\n        </DialogHeader>\n        <form\n          className=\"flex flex-col gap-4\"\n          onSubmit={(e) => {\n            e.preventDefault();\n            onSubmit(values);\n          }}\n        >\n          <FormRenderer\n            schema={schema}\n            fields={fields}\n            values={values}\n            errors={errors}\n            onChange={(name, value) => setValues((prev) => ({ ...prev, [name]: value }))}\n            disabled={processing}\n          />\n          <FormActions\n            processing={processing}\n            submitLabel={action.label}\n            extra={\n              <DialogClose asChild>\n                <Button type=\"button\" variant=\"ghost\" disabled={processing}>\n                  {t('form.cancel', 'Cancel')}\n                </Button>\n              </DialogClose>\n            }\n          />\n        </form>\n      </DialogContent>\n    </Dialog>\n  );\n}\n","/**\n * `<ActionButton>` — renders an `ActionSchema` as a button.\n *\n * Behaviour matrix:\n *   - `requiresConfirmation` only → opens ConfirmDialog\n *   - `form` only                  → opens ActionFormModal\n *   - both                         → ConfirmDialog first, then form\n *   - neither                      → fires `onInvoke` immediately\n *\n * `onInvoke` receives optional form data so parents (typically using\n * `useAction()` from @arqel-dev/hooks) can dispatch the underlying request.\n */\n\nimport type { ActionColor, ActionSchema, ActionVariant } from '@arqel-dev/types/actions';\nimport type { FieldSchema } from '@arqel-dev/types/fields';\nimport { useState } from 'react';\nimport { ActionFormModal } from './ActionFormModal.js';\nimport { Button, type ButtonProps } from './Button.js';\nimport { ConfirmDialog } from './ConfirmDialog.js';\n\nexport interface ActionButtonProps {\n  action: ActionSchema;\n  /**\n   * Field schemas for the form modal (resolved server-side from\n   * `Action::form` via `FieldSchemaSerializer`). Optional override — when\n   * omitted the component reads `action.formFields`, the canonical payload\n   * shipped by `Action::toArray()` (#213).\n   */\n  formFields?: FieldSchema[] | undefined;\n  onInvoke: (formValues?: Record<string, unknown>) => void;\n  processing?: boolean;\n  errors?: Record<string, string[]>;\n  size?: ButtonProps['size'];\n  className?: string;\n}\n\nconst COLOR_TO_VARIANT: Record<ActionColor, ButtonProps['variant']> = {\n  primary: 'default',\n  secondary: 'outline',\n  destructive: 'destructive',\n  success: 'default',\n  warning: 'default',\n  info: 'default',\n};\n\nconst VARIANT_OVERRIDE: Partial<Record<ActionVariant, ButtonProps['variant']>> = {\n  default: 'default',\n  outline: 'outline',\n  ghost: 'ghost',\n  destructive: 'destructive',\n};\n\nexport function ActionButton({\n  action,\n  formFields,\n  onInvoke,\n  processing = false,\n  errors,\n  size = 'default',\n  className,\n}: ActionButtonProps) {\n  const [confirmOpen, setConfirmOpen] = useState(false);\n  const [formOpen, setFormOpen] = useState(false);\n\n  // Prefer an explicit prop; otherwise read the schema shipped by\n  // `Action::toArray()` so the modal renders real inputs (#213).\n  const resolvedFormFields = formFields ?? action.formFields ?? [];\n\n  const variant: ButtonProps['variant'] =\n    VARIANT_OVERRIDE[action.variant] ?? COLOR_TO_VARIANT[action.color];\n\n  const handleClick = () => {\n    if (action.disabled) return;\n    if (action.requiresConfirmation) {\n      setConfirmOpen(true);\n    } else if (action.form && action.form.length > 0) {\n      setFormOpen(true);\n    } else {\n      onInvoke();\n    }\n  };\n\n  const handleConfirm = () => {\n    setConfirmOpen(false);\n    if (action.form && action.form.length > 0) {\n      setFormOpen(true);\n    } else {\n      onInvoke();\n    }\n  };\n\n  const handleFormSubmit = (values: Record<string, unknown>) => {\n    onInvoke(values);\n    setFormOpen(false);\n  };\n\n  return (\n    <>\n      <Button\n        variant={variant}\n        size={size}\n        disabled={action.disabled === true || processing}\n        title={action.tooltip}\n        onClick={handleClick}\n        className={className}\n      >\n        {action.label}\n      </Button>\n      {action.requiresConfirmation && (\n        <ConfirmDialog\n          open={confirmOpen}\n          onOpenChange={setConfirmOpen}\n          config={action.confirmation}\n          onConfirm={handleConfirm}\n          processing={processing}\n        />\n      )}\n      {action.form && action.form.length > 0 && (\n        <ActionFormModal\n          open={formOpen}\n          onOpenChange={setFormOpen}\n          action={action}\n          fields={resolvedFormFields}\n          onSubmit={handleFormSubmit}\n          processing={processing}\n          errors={errors}\n        />\n      )}\n    </>\n  );\n}\n","/**\n * `<ActionMenu>` — renders a list of actions inline (≤ `inlineThreshold`)\n * or collapses them into a shadcn (Radix) dropdown menu when the list grows.\n *\n * Each menu item delegates to `<ActionButton>` so confirmation /\n * form-modal behaviour is consistent across surfaces. The dropdown\n * trigger is rendered as a ghost icon button by default; callers can\n * supply a custom `trigger` slot.\n */\n\nimport { useArqelTranslations } from '@arqel-dev/react/utils';\nimport type { ActionSchema } from '@arqel-dev/types/actions';\nimport type { FieldSchema } from '@arqel-dev/types/fields';\nimport { type ReactNode, useState } from 'react';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '../shadcn/ui/dropdown-menu.js';\nimport { Sheet, SheetContent, SheetHeader, SheetTitle } from '../shadcn/ui/sheet.js';\nimport { cn } from '../utils/cn.js';\nimport { ActionButton } from './ActionButton.js';\nimport { ActionFormModal } from './ActionFormModal.js';\nimport { Button } from './Button.js';\nimport { ConfirmDialog } from './ConfirmDialog.js';\n\n/** Does this action need a gate (confirm/form) before invoking? */\nfunction actionHasForm(action: ActionSchema): boolean {\n  return Array.isArray(action.form) && action.form.length > 0;\n}\n\nexport interface ActionMenuProps {\n  actions: ActionSchema[];\n  /**\n   * Optional per-action override map keyed by action name. When an action\n   * is absent here, `<ActionButton>` falls back to the action's own\n   * `formFields` payload shipped by `Action::toArray()` (#213).\n   */\n  formFieldsByAction?: Record<string, FieldSchema[]>;\n  onInvoke: (action: ActionSchema, formValues?: Record<string, unknown>) => void;\n  inlineThreshold?: number;\n  processing?: boolean;\n  trigger?: ReactNode;\n  className?: string;\n}\n\nexport function ActionMenu({\n  actions,\n  formFieldsByAction = {},\n  onInvoke,\n  inlineThreshold = 3,\n  processing = false,\n  trigger,\n  className,\n}: ActionMenuProps) {\n  const t = useArqelTranslations();\n  // Which dropdown action (if any) is currently driving a confirm dialog /\n  // form modal. The modals are mounted as siblings of the menu so they\n  // survive the menu closing on `onSelect`.\n  const [confirmAction, setConfirmAction] = useState<ActionSchema | null>(null);\n  const [formAction, setFormAction] = useState<ActionSchema | null>(null);\n  // The mobile bottom-sheet is controlled so selecting an item can close it\n  // (mirroring the Dropdown's onSelect auto-close).\n  const [sheetOpen, setSheetOpen] = useState(false);\n\n  if (actions.length === 0) return null;\n\n  if (actions.length <= inlineThreshold) {\n    return (\n      <div className={cn('flex flex-wrap items-center gap-1', className)}>\n        {actions.map((action) => (\n          <ActionButton\n            key={action.name}\n            action={action}\n            formFields={formFieldsByAction[action.name]}\n            onInvoke={(values) => onInvoke(action, values)}\n            processing={processing}\n            size=\"sm\"\n            // 44px touch target on mobile (WCAG 2.5.5); dense 32px on >=md.\n            className=\"h-11 md:h-8\"\n          />\n        ))}\n      </div>\n    );\n  }\n\n  const handleSelect = (action: ActionSchema) => {\n    if (action.disabled) return;\n    // Mirror ActionButton's gating: confirmation first, then form, else\n    // invoke directly. The modals open as siblings of the (now closing)\n    // menu so destructive/form actions never fire without a gate (#229,\n    // #231).\n    if (action.requiresConfirmation) {\n      setConfirmAction(action);\n    } else if (actionHasForm(action)) {\n      setFormAction(action);\n    } else {\n      onInvoke(action);\n    }\n  };\n\n  const handleConfirm = () => {\n    const action = confirmAction;\n    setConfirmAction(null);\n    if (!action) return;\n    if (actionHasForm(action)) {\n      setFormAction(action);\n    } else {\n      onInvoke(action);\n    }\n  };\n\n  // One visual trigger shared by both presentation surfaces. The Dropdown\n  // wraps it via DropdownMenuTrigger (asChild); the Sheet opens it on click.\n  const triggerNode = trigger ?? (\n    <Button variant=\"ghost\" size=\"icon-touch\" aria-label={t('arqel.actions.menu', 'Actions')}>\n      ⋯\n    </Button>\n  );\n\n  return (\n    <>\n      {/* Desktop (>=md): the Radix dropdown popper, unchanged. */}\n      <div data-arqel-action-dropdown=\"\" className=\"hidden md:contents\">\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>{triggerNode}</DropdownMenuTrigger>\n          <DropdownMenuContent\n            align=\"end\"\n            sideOffset={6}\n            className={cn('min-w-[12rem]', className)}\n          >\n            {actions.map((action) => (\n              <DropdownMenuItem\n                key={action.name}\n                disabled={action.disabled === true}\n                variant={action.color === 'destructive' ? 'destructive' : 'default'}\n                onSelect={() => handleSelect(action)}\n              >\n                {action.label}\n              </DropdownMenuItem>\n            ))}\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </div>\n\n      {/* Mobile (<md): a full-width bottom sheet with >=44px items. */}\n      <div className=\"md:hidden\">\n        <Sheet open={sheetOpen} onOpenChange={setSheetOpen}>\n          <button\n            type=\"button\"\n            aria-label={t('arqel.actions.menu', 'Actions')}\n            className=\"inline-flex size-11 items-center justify-center rounded-md text-lg hover:bg-accent\"\n            onClick={() => setSheetOpen(true)}\n          >\n            ⋯\n          </button>\n          <SheetContent\n            side=\"bottom\"\n            className=\"max-h-[80vh] gap-0 overflow-y-auto pb-[env(safe-area-inset-bottom)]\"\n          >\n            <SheetHeader className=\"px-4 pt-4 pb-2\">\n              <SheetTitle>{t('arqel.actions.menu', 'Actions')}</SheetTitle>\n            </SheetHeader>\n            <div className=\"flex flex-col px-2 pb-2\">\n              {actions.map((action) => (\n                <button\n                  key={action.name}\n                  type=\"button\"\n                  data-arqel-sheet-action=\"\"\n                  disabled={action.disabled === true}\n                  className={cn(\n                    'flex min-h-11 w-full items-center rounded-md px-3 text-left text-sm hover:bg-accent disabled:pointer-events-none disabled:opacity-50',\n                    action.color === 'destructive' && 'text-destructive',\n                  )}\n                  onClick={() => {\n                    setSheetOpen(false);\n                    handleSelect(action);\n                  }}\n                >\n                  {action.label}\n                </button>\n              ))}\n            </div>\n          </SheetContent>\n        </Sheet>\n      </div>\n\n      {confirmAction && (\n        <ConfirmDialog\n          open\n          onOpenChange={(next) => {\n            if (!next) setConfirmAction(null);\n          }}\n          config={confirmAction.confirmation}\n          onConfirm={handleConfirm}\n          processing={processing}\n        />\n      )}\n      {formAction && (\n        <ActionFormModal\n          open\n          onOpenChange={(next) => {\n            if (!next) setFormAction(null);\n          }}\n          action={formAction}\n          fields={formFieldsByAction[formAction.name] ?? formAction.formFields ?? []}\n          onSubmit={(values) => {\n            const action = formAction;\n            setFormAction(null);\n            onInvoke(action, values);\n          }}\n          processing={processing}\n        />\n      )}\n    </>\n  );\n}\n"]}
+{"version":3,"sources":["../src/action/ActionFormModal.tsx","../src/action/ActionButton.tsx","../src/action/ActionMenu.tsx"],"names":["useState","jsxs","jsx","useArqelTranslations","Fragment"],"mappings":"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","file":"chunk-4XV35QZA.js","sourcesContent":["/**\n * `<ActionFormModal>` — modal hosting a `<FormRenderer>` for an Action's\n * companion form (see `arqel-dev/actions` `HasForm`).\n *\n * Action form fields are a flat list — Action FormSchema is built\n * inline from the `ActionFormField[]` since layout components don't\n * apply at this scale. Submit fires `onSubmit(values)`; the parent\n * (typically `useAction`) handles invocation + loading.\n */\n\nimport { useArqelTranslations } from '@arqel-dev/react/utils';\nimport type { ActionSchema, ModalSize } from '@arqel-dev/types/actions';\nimport type { FieldSchema } from '@arqel-dev/types/fields';\nimport type { FormSchema } from '@arqel-dev/types/forms';\nimport { useMemo, useState } from 'react';\nimport { FormActions } from '../form/FormActions.js';\nimport { FormRenderer } from '../form/FormRenderer.js';\nimport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n} from '../shadcn/ui/dialog.js';\nimport { cn } from '../utils/cn.js';\nimport { Button } from './Button.js';\n\nexport interface ActionFormModalProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  action: ActionSchema;\n  fields: FieldSchema[];\n  onSubmit: (values: Record<string, unknown>) => void;\n  processing?: boolean;\n  errors?: Record<string, string[]> | undefined;\n  initialValues?: Record<string, unknown>;\n}\n\nconst SIZE_CLASSES: Record<ModalSize, string> = {\n  sm: 'sm:max-w-[24rem]',\n  md: 'sm:max-w-[32rem]',\n  lg: 'sm:max-w-[44rem]',\n  xl: 'sm:max-w-[56rem]',\n  full: 'sm:max-w-[90vw] h-[90vh]',\n};\n\nexport function ActionFormModal({\n  open,\n  onOpenChange,\n  action,\n  fields,\n  onSubmit,\n  processing = false,\n  errors = {},\n  initialValues = {},\n}: ActionFormModalProps) {\n  const t = useArqelTranslations();\n  const [values, setValues] = useState<Record<string, unknown>>(initialValues);\n  const size = action.modalSize ?? 'md';\n\n  const schema: FormSchema = useMemo(\n    () => ({\n      schema: (action.form ?? []).map((entry) => ({\n        kind: 'field' as const,\n        name: entry.name,\n        type: entry.type,\n      })),\n      columns: 1,\n      model: null,\n      inline: false,\n      disabled: false,\n    }),\n    [action.form],\n  );\n\n  return (\n    <Dialog open={open} onOpenChange={(next) => onOpenChange(next)}>\n      <DialogContent className={cn('overflow-auto', SIZE_CLASSES[size])}>\n        <DialogHeader>\n          <DialogTitle>{action.label}</DialogTitle>\n        </DialogHeader>\n        <form\n          className=\"flex flex-col gap-4\"\n          onSubmit={(e) => {\n            e.preventDefault();\n            onSubmit(values);\n          }}\n        >\n          <FormRenderer\n            schema={schema}\n            fields={fields}\n            values={values}\n            errors={errors}\n            onChange={(name, value) => setValues((prev) => ({ ...prev, [name]: value }))}\n            disabled={processing}\n          />\n          <FormActions\n            processing={processing}\n            submitLabel={action.label}\n            extra={\n              <DialogClose asChild>\n                <Button type=\"button\" variant=\"ghost\" disabled={processing}>\n                  {t('form.cancel', 'Cancel')}\n                </Button>\n              </DialogClose>\n            }\n          />\n        </form>\n      </DialogContent>\n    </Dialog>\n  );\n}\n","/**\n * `<ActionButton>` — renders an `ActionSchema` as a button.\n *\n * Behaviour matrix:\n *   - `requiresConfirmation` only → opens ConfirmDialog\n *   - `form` only                  → opens ActionFormModal\n *   - both                         → ConfirmDialog first, then form\n *   - neither                      → fires `onInvoke` immediately\n *\n * `onInvoke` receives optional form data so parents (typically using\n * `useAction()` from @arqel-dev/hooks) can dispatch the underlying request.\n */\n\nimport type { ActionColor, ActionSchema, ActionVariant } from '@arqel-dev/types/actions';\nimport type { FieldSchema } from '@arqel-dev/types/fields';\nimport { useState } from 'react';\nimport { ActionFormModal } from './ActionFormModal.js';\nimport { Button, type ButtonProps } from './Button.js';\nimport { ConfirmDialog } from './ConfirmDialog.js';\n\nexport interface ActionButtonProps {\n  action: ActionSchema;\n  /**\n   * Field schemas for the form modal (resolved server-side from\n   * `Action::form` via `FieldSchemaSerializer`). Optional override — when\n   * omitted the component reads `action.formFields`, the canonical payload\n   * shipped by `Action::toArray()` (#213).\n   */\n  formFields?: FieldSchema[] | undefined;\n  onInvoke: (formValues?: Record<string, unknown>) => void;\n  processing?: boolean;\n  errors?: Record<string, string[]>;\n  size?: ButtonProps['size'];\n  className?: string;\n}\n\nconst COLOR_TO_VARIANT: Record<ActionColor, ButtonProps['variant']> = {\n  primary: 'default',\n  secondary: 'outline',\n  destructive: 'destructive',\n  success: 'default',\n  warning: 'default',\n  info: 'default',\n};\n\nconst VARIANT_OVERRIDE: Partial<Record<ActionVariant, ButtonProps['variant']>> = {\n  default: 'default',\n  outline: 'outline',\n  ghost: 'ghost',\n  destructive: 'destructive',\n};\n\nexport function ActionButton({\n  action,\n  formFields,\n  onInvoke,\n  processing = false,\n  errors,\n  size = 'default',\n  className,\n}: ActionButtonProps) {\n  const [confirmOpen, setConfirmOpen] = useState(false);\n  const [formOpen, setFormOpen] = useState(false);\n\n  // Prefer an explicit prop; otherwise read the schema shipped by\n  // `Action::toArray()` so the modal renders real inputs (#213).\n  const resolvedFormFields = formFields ?? action.formFields ?? [];\n\n  const variant: ButtonProps['variant'] =\n    VARIANT_OVERRIDE[action.variant] ?? COLOR_TO_VARIANT[action.color];\n\n  const handleClick = () => {\n    if (action.disabled) return;\n    if (action.requiresConfirmation) {\n      setConfirmOpen(true);\n    } else if (action.form && action.form.length > 0) {\n      setFormOpen(true);\n    } else {\n      onInvoke();\n    }\n  };\n\n  const handleConfirm = () => {\n    setConfirmOpen(false);\n    if (action.form && action.form.length > 0) {\n      setFormOpen(true);\n    } else {\n      onInvoke();\n    }\n  };\n\n  const handleFormSubmit = (values: Record<string, unknown>) => {\n    onInvoke(values);\n    setFormOpen(false);\n  };\n\n  return (\n    <>\n      <Button\n        variant={variant}\n        size={size}\n        disabled={action.disabled === true || processing}\n        title={action.tooltip}\n        onClick={handleClick}\n        className={className}\n      >\n        {action.label}\n      </Button>\n      {action.requiresConfirmation && (\n        <ConfirmDialog\n          open={confirmOpen}\n          onOpenChange={setConfirmOpen}\n          config={action.confirmation}\n          onConfirm={handleConfirm}\n          processing={processing}\n        />\n      )}\n      {action.form && action.form.length > 0 && (\n        <ActionFormModal\n          open={formOpen}\n          onOpenChange={setFormOpen}\n          action={action}\n          fields={resolvedFormFields}\n          onSubmit={handleFormSubmit}\n          processing={processing}\n          errors={errors}\n        />\n      )}\n    </>\n  );\n}\n","/**\n * `<ActionMenu>` — renders a list of actions inline (≤ `inlineThreshold`)\n * or collapses them into a shadcn (Radix) dropdown menu when the list grows.\n *\n * Each menu item delegates to `<ActionButton>` so confirmation /\n * form-modal behaviour is consistent across surfaces. The dropdown\n * trigger is rendered as a ghost icon button by default; callers can\n * supply a custom `trigger` slot.\n */\n\nimport { useArqelTranslations } from '@arqel-dev/react/utils';\nimport type { ActionSchema } from '@arqel-dev/types/actions';\nimport type { FieldSchema } from '@arqel-dev/types/fields';\nimport { type ReactNode, useState } from 'react';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '../shadcn/ui/dropdown-menu.js';\nimport { Sheet, SheetContent, SheetHeader, SheetTitle } from '../shadcn/ui/sheet.js';\nimport { cn } from '../utils/cn.js';\nimport { ActionButton } from './ActionButton.js';\nimport { ActionFormModal } from './ActionFormModal.js';\nimport { Button } from './Button.js';\nimport { ConfirmDialog } from './ConfirmDialog.js';\n\n/** Does this action need a gate (confirm/form) before invoking? */\nfunction actionHasForm(action: ActionSchema): boolean {\n  return Array.isArray(action.form) && action.form.length > 0;\n}\n\nexport interface ActionMenuProps {\n  actions: ActionSchema[];\n  /**\n   * Optional per-action override map keyed by action name. When an action\n   * is absent here, `<ActionButton>` falls back to the action's own\n   * `formFields` payload shipped by `Action::toArray()` (#213).\n   */\n  formFieldsByAction?: Record<string, FieldSchema[]>;\n  onInvoke: (action: ActionSchema, formValues?: Record<string, unknown>) => void;\n  inlineThreshold?: number;\n  processing?: boolean;\n  trigger?: ReactNode;\n  className?: string;\n}\n\nexport function ActionMenu({\n  actions,\n  formFieldsByAction = {},\n  onInvoke,\n  inlineThreshold = 3,\n  processing = false,\n  trigger,\n  className,\n}: ActionMenuProps) {\n  const t = useArqelTranslations();\n  // Which dropdown action (if any) is currently driving a confirm dialog /\n  // form modal. The modals are mounted as siblings of the menu so they\n  // survive the menu closing on `onSelect`.\n  const [confirmAction, setConfirmAction] = useState<ActionSchema | null>(null);\n  const [formAction, setFormAction] = useState<ActionSchema | null>(null);\n  // The mobile bottom-sheet is controlled so selecting an item can close it\n  // (mirroring the Dropdown's onSelect auto-close).\n  const [sheetOpen, setSheetOpen] = useState(false);\n\n  if (actions.length === 0) return null;\n\n  if (actions.length <= inlineThreshold) {\n    return (\n      <div className={cn('flex flex-wrap items-center gap-1', className)}>\n        {actions.map((action) => (\n          <ActionButton\n            key={action.name}\n            action={action}\n            formFields={formFieldsByAction[action.name]}\n            onInvoke={(values) => onInvoke(action, values)}\n            processing={processing}\n            size=\"sm\"\n            // 44px touch target on mobile (WCAG 2.5.5); dense 32px on >=md.\n            className=\"h-11 md:h-8\"\n          />\n        ))}\n      </div>\n    );\n  }\n\n  const handleSelect = (action: ActionSchema) => {\n    if (action.disabled) return;\n    // Mirror ActionButton's gating: confirmation first, then form, else\n    // invoke directly. The modals open as siblings of the (now closing)\n    // menu so destructive/form actions never fire without a gate (#229,\n    // #231).\n    if (action.requiresConfirmation) {\n      setConfirmAction(action);\n    } else if (actionHasForm(action)) {\n      setFormAction(action);\n    } else {\n      onInvoke(action);\n    }\n  };\n\n  const handleConfirm = () => {\n    const action = confirmAction;\n    setConfirmAction(null);\n    if (!action) return;\n    if (actionHasForm(action)) {\n      setFormAction(action);\n    } else {\n      onInvoke(action);\n    }\n  };\n\n  // One visual trigger shared by both presentation surfaces. The Dropdown\n  // wraps it via DropdownMenuTrigger (asChild); the Sheet opens it on click.\n  const triggerNode = trigger ?? (\n    <Button variant=\"ghost\" size=\"icon-touch\" aria-label={t('arqel.actions.menu', 'Actions')}>\n      ⋯\n    </Button>\n  );\n\n  return (\n    <>\n      {/* Desktop (>=md): the Radix dropdown popper, unchanged. */}\n      <div data-arqel-action-dropdown=\"\" className=\"hidden md:contents\">\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>{triggerNode}</DropdownMenuTrigger>\n          <DropdownMenuContent\n            align=\"end\"\n            sideOffset={6}\n            className={cn('min-w-[12rem]', className)}\n          >\n            {actions.map((action) => (\n              <DropdownMenuItem\n                key={action.name}\n                disabled={action.disabled === true}\n                variant={action.color === 'destructive' ? 'destructive' : 'default'}\n                onSelect={() => handleSelect(action)}\n              >\n                {action.label}\n              </DropdownMenuItem>\n            ))}\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </div>\n\n      {/* Mobile (<md): a full-width bottom sheet with >=44px items. */}\n      <div className=\"md:hidden\">\n        <Sheet open={sheetOpen} onOpenChange={setSheetOpen}>\n          <button\n            type=\"button\"\n            aria-label={t('arqel.actions.menu', 'Actions')}\n            className=\"inline-flex size-11 items-center justify-center rounded-md text-lg hover:bg-accent\"\n            onClick={() => setSheetOpen(true)}\n          >\n            ⋯\n          </button>\n          <SheetContent\n            side=\"bottom\"\n            className=\"max-h-[80vh] gap-0 overflow-y-auto pb-[env(safe-area-inset-bottom)]\"\n          >\n            <SheetHeader className=\"px-4 pt-4 pb-2\">\n              <SheetTitle>{t('arqel.actions.menu', 'Actions')}</SheetTitle>\n            </SheetHeader>\n            <div className=\"flex flex-col px-2 pb-2\">\n              {actions.map((action) => (\n                <button\n                  key={action.name}\n                  type=\"button\"\n                  data-arqel-sheet-action=\"\"\n                  disabled={action.disabled === true}\n                  className={cn(\n                    'flex min-h-11 w-full items-center rounded-md px-3 text-left text-sm hover:bg-accent disabled:pointer-events-none disabled:opacity-50',\n                    action.color === 'destructive' && 'text-destructive',\n                  )}\n                  onClick={() => {\n                    setSheetOpen(false);\n                    handleSelect(action);\n                  }}\n                >\n                  {action.label}\n                </button>\n              ))}\n            </div>\n          </SheetContent>\n        </Sheet>\n      </div>\n\n      {confirmAction && (\n        <ConfirmDialog\n          open\n          onOpenChange={(next) => {\n            if (!next) setConfirmAction(null);\n          }}\n          config={confirmAction.confirmation}\n          onConfirm={handleConfirm}\n          processing={processing}\n        />\n      )}\n      {formAction && (\n        <ActionFormModal\n          open\n          onOpenChange={(next) => {\n            if (!next) setFormAction(null);\n          }}\n          action={formAction}\n          fields={formFieldsByAction[formAction.name] ?? formAction.formFields ?? []}\n          onSubmit={(values) => {\n            const action = formAction;\n            setFormAction(null);\n            onInvoke(action, values);\n          }}\n          processing={processing}\n        />\n      )}\n    </>\n  );\n}\n"]}

package/dist/{chunk-GJ2FKAOM.js → chunk-5ETNGNVM.js}

@@ -1,3 +1,4 @@
+import { buttonVariants } from './chunk-YF2RINPG.js';
 import { cn } from './chunk-B7ULUJVO.js';
 import { useArqelTranslations } from '@arqel-dev/react/utils';
 import { useEffect, useState, useCallback } from 'react';
@@ -21,7 +22,8 @@ function FlashToast({
   message,
   onDismiss,
   durationMs = 5e3,
-  className
+  className,
+  downloadUrl
 }) {
   const t = useArqelTranslations();
   useEffect(() => {
@@ -43,6 +45,16 @@ function FlashToast({
       children: [
         /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "font-bold leading-5", children: KIND_GLYPH[kind] }),
         /* @__PURE__ */ jsx("span", { className: "flex-1", children: message }),
+        typeof downloadUrl === "string" && downloadUrl !== "" && /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: downloadUrl,
+            download: true,
+            "data-testid": "flash-download-link",
+            className: cn(buttonVariants({ variant: "link", size: "xs" }), "h-auto p-0"),
+            children: t("arqel.flash.download", "Baixar")
+          }
+        ),
         /* @__PURE__ */ jsx(
           "button",
           {
@@ -73,7 +85,7 @@ function FlashContainer({
   const handleMessage = useCallback((kind, message) => {
     setToasts((prev) => [...prev, { id: ++nextId, kind, message }]);
   }, []);
-  useFlash({ onMessage: handleMessage });
+  const flash = useFlash({ onMessage: handleMessage });
   const dismiss = (id) => setToasts((prev) => prev.filter((t) => t.id !== id));
   return /* @__PURE__ */ jsx(
     "div",
@@ -90,6 +102,7 @@ function FlashContainer({
           kind: toast.kind,
           message: toast.message,
           durationMs,
+          downloadUrl: toast.kind === "success" ? flash.download_url : void 0,
           onDismiss: () => dismiss(toast.id)
         },
         toast.id
@@ -99,5 +112,5 @@ function FlashContainer({
 }
 
 export { FlashContainer, FlashToast };
-//# sourceMappingURL=chunk-GJ2FKAOM.js.map
-//# sourceMappingURL=chunk-GJ2FKAOM.js.map
+//# sourceMappingURL=chunk-5ETNGNVM.js.map
+//# sourceMappingURL=chunk-5ETNGNVM.js.map

package/dist/chunk-5ETNGNVM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/flash/FlashToast.tsx","../src/flash/FlashContainer.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-5ETNGNVM.js","sourcesContent":["/**\n * `<FlashToast>` — single auto-dismissing toast.\n *\n * Self-rendered (no `sonner` dep) so apps with strict bundle budgets\n * stay lean. Replaceable via FlashContainer's `renderToast` prop when\n * a richer library is preferred.\n */\n\nimport { useArqelTranslations } from '@arqel-dev/react/utils';\nimport { useEffect } from 'react';\nimport { buttonVariants } from '../shadcn/ui/button.js';\nimport { cn } from '../utils/cn.js';\n\nexport type FlashKind = 'success' | 'error' | 'info' | 'warning';\n\nexport interface FlashToastProps {\n  kind: FlashKind;\n  message: string;\n  onDismiss: () => void;\n  durationMs?: number;\n  className?: string;\n  // Accepts `undefined` explicitly (not just an absent key) because\n  // FlashContainer passes `download_url` conditionally as\n  // `... : undefined` — required under `exactOptionalPropertyTypes`.\n  downloadUrl?: string | null | undefined;\n}\n\nconst KIND_CLASSES: Record<FlashKind, string> = {\n  success: 'border-[var(--chart-2)]/60 bg-[var(--chart-2)]/15 text-foreground',\n  error: 'border-destructive/60 bg-destructive/15 text-foreground',\n  warning: 'border-[var(--chart-4)]/60 bg-[var(--chart-4)]/15 text-foreground',\n  info: 'border-border bg-muted text-foreground',\n};\n\nconst KIND_GLYPH: Record<FlashKind, string> = {\n  success: '✓',\n  error: '✗',\n  warning: '!',\n  info: 'i',\n};\n\nexport function FlashToast({\n  kind,\n  message,\n  onDismiss,\n  durationMs = 5000,\n  className,\n  downloadUrl,\n}: FlashToastProps) {\n  const t = useArqelTranslations();\n  useEffect(() => {\n    if (durationMs <= 0) return undefined;\n    const id = window.setTimeout(onDismiss, durationMs);\n    return () => window.clearTimeout(id);\n  }, [durationMs, onDismiss]);\n\n  return (\n    <div\n      role={kind === 'error' ? 'alert' : 'status'}\n      aria-live={kind === 'error' ? 'assertive' : 'polite'}\n      className={cn(\n        'pointer-events-auto flex items-start gap-3 rounded-md border px-4 py-3 shadow-md',\n        'min-w-[18rem] max-w-md text-sm',\n        KIND_CLASSES[kind],\n        className,\n      )}\n    >\n      <span aria-hidden=\"true\" className=\"font-bold leading-5\">\n        {KIND_GLYPH[kind]}\n      </span>\n      <span className=\"flex-1\">{message}</span>\n      {typeof downloadUrl === 'string' && downloadUrl !== '' && (\n        <a\n          href={downloadUrl}\n          download\n          data-testid=\"flash-download-link\"\n          className={cn(buttonVariants({ variant: 'link', size: 'xs' }), 'h-auto p-0')}\n        >\n          {t('arqel.flash.download', 'Baixar')}\n        </a>\n      )}\n      <button\n        type=\"button\"\n        aria-label={t('arqel.aria.flash_dismiss', 'Dismiss')}\n        onClick={onDismiss}\n        className=\"text-muted-foreground hover:text-foreground\"\n      >\n        ✕\n      </button>\n    </div>\n  );\n}\n","/**\n * `<FlashContainer>` — bridges `useFlash()` to a stack of toasts.\n *\n * Subscribes to Inertia shared `flash` and pushes a toast each time a\n * new message of any kind arrives. Toast key is the (kind, message)\n * pair; identical repeats inside the same shared-props snapshot don't\n * duplicate. Defaults to fixed-positioning at top-right; pass `position`\n * to relocate.\n */\n\nimport { type FlashKind, useFlash } from '@arqel-dev/hooks';\nimport { useCallback, useState } from 'react';\nimport { cn } from '../utils/cn.js';\nimport { FlashToast } from './FlashToast.js';\n\ninterface ToastEntry {\n  id: number;\n  kind: FlashKind;\n  message: string;\n}\n\nexport type FlashPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';\n\nexport interface FlashContainerProps {\n  position?: FlashPosition;\n  durationMs?: number;\n  className?: string;\n}\n\nconst POSITION_CLASSES: Record<FlashPosition, string> = {\n  'top-right': 'top-4 right-4 items-end',\n  'top-left': 'top-4 left-4 items-start',\n  'bottom-right': 'bottom-4 right-4 items-end',\n  'bottom-left': 'bottom-4 left-4 items-start',\n};\n\nlet nextId = 0;\n\nexport function FlashContainer({\n  position = 'top-right',\n  durationMs = 5000,\n  className,\n}: FlashContainerProps) {\n  const [toasts, setToasts] = useState<ToastEntry[]>([]);\n\n  const handleMessage = useCallback((kind: FlashKind, message: string) => {\n    setToasts((prev) => [...prev, { id: ++nextId, kind, message }]);\n  }, []);\n\n  const flash = useFlash({ onMessage: handleMessage });\n\n  const dismiss = (id: number) => setToasts((prev) => prev.filter((t) => t.id !== id));\n\n  return (\n    <div\n      data-arqel-flash=\"\"\n      className={cn(\n        'pointer-events-none fixed z-50 flex flex-col gap-2',\n        POSITION_CLASSES[position],\n        className,\n      )}\n    >\n      {toasts.map((toast) => (\n        <FlashToast\n          key={toast.id}\n          kind={toast.kind}\n          message={toast.message}\n          durationMs={durationMs}\n          downloadUrl={toast.kind === 'success' ? flash.download_url : undefined}\n          onDismiss={() => dismiss(toast.id)}\n        />\n      ))}\n    </div>\n  );\n}\n"]}

package/dist/chunk-CZUV5WCY.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-CZUV5WCY.js.map
+//# sourceMappingURL=chunk-CZUV5WCY.js.map

package/dist/chunk-CZUV5WCY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-CZUV5WCY.js"}

package/dist/{chunk-DO3PRGVV.js → chunk-FVKM6FDW.js}

@@ -1,4 +1,4 @@
-import { Button } from './chunk-H23VX3RR.js';
+import { Button } from './chunk-YF2RINPG.js';
 import { cn } from './chunk-B7ULUJVO.js';
 import { useArqelTranslations } from '@arqel-dev/react/utils';
 import { useState, useEffect } from 'react';
@@ -194,5 +194,5 @@ function ConfirmDialog({
 }
 
 export { ConfirmDialog, Dialog, DialogClose, DialogContent, DialogHeader, DialogTitle };
-//# sourceMappingURL=chunk-DO3PRGVV.js.map
-//# sourceMappingURL=chunk-DO3PRGVV.js.map
+//# sourceMappingURL=chunk-FVKM6FDW.js.map
+//# sourceMappingURL=chunk-FVKM6FDW.js.map

package/dist/{chunk-DO3PRGVV.js.map → chunk-FVKM6FDW.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/shadcn/ui/dialog.tsx","../src/action/ConfirmDialog.tsx"],"names":["DialogPrimitive","jsx","jsxs"],"mappings":"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","file":"chunk-DO3PRGVV.js","sourcesContent":["import * as React from \"react\"\nimport { XIcon } from \"lucide-react\"\nimport { Dialog as DialogPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/utils/cn\"\nimport { Button } from \"@/shadcn/ui/button\"\n\nfunction Dialog({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n}\n\nfunction DialogTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />\n}\n\nfunction DialogPortal({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n}\n\nfunction DialogClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean\n}) {\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          \"fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 outline-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:max-w-lg\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close\n            data-slot=\"dialog-close\"\n            className=\"absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n          >\n            <XIcon />\n            <span className=\"sr-only\">Close</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  )\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogFooter({\n  className,\n  showCloseButton = false,\n  children,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  showCloseButton?: boolean\n}) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {showCloseButton && (\n        <DialogPrimitive.Close asChild>\n          <Button variant=\"outline\">Close</Button>\n        </DialogPrimitive.Close>\n      )}\n    </div>\n  )\n}\n\nfunction DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"text-lg leading-none font-semibold\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n}\n","/**\n * `<ConfirmDialog>` — confirmation modal driven by the shadcn (Radix) Dialog.\n *\n * Phase 1 supports the canonical `ConfirmationConfig`:\n *  - heading / description\n *  - color (destructive | warning | info) — drives submit button variant\n *  - submit / cancel labels\n *  - \"type to confirm\" via `requiresText` (submit stays disabled until\n *    the typed value matches exactly)\n *\n * Keyboard: Escape cancels (Radix built-in dismiss); Enter inside the\n * type-to-confirm input fires confirm when the value matches.\n */\n\nimport { useArqelTranslations } from '@arqel-dev/react/utils';\nimport type { ConfirmationConfig } from '@arqel-dev/types/actions';\nimport { useEffect, useState } from 'react';\nimport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '../shadcn/ui/dialog.js';\nimport { Button, type ButtonProps } from './Button.js';\n\nexport interface ConfirmDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  config?: ConfirmationConfig | undefined;\n  onConfirm: () => void;\n  processing?: boolean;\n}\n\nconst COLOR_VARIANT: Record<NonNullable<ConfirmationConfig['color']>, ButtonProps['variant']> = {\n  destructive: 'destructive',\n  warning: 'default',\n  info: 'default',\n};\n\nexport function ConfirmDialog({\n  open,\n  onOpenChange,\n  config,\n  onConfirm,\n  processing = false,\n}: ConfirmDialogProps) {\n  const t = useArqelTranslations();\n  const [typed, setTyped] = useState('');\n\n  useEffect(() => {\n    if (!open) setTyped('');\n  }, [open]);\n\n  const requiresText = config?.requiresText;\n  const submitDisabled = processing || (requiresText !== undefined && typed !== requiresText);\n  const variant = COLOR_VARIANT[config?.color ?? 'destructive'];\n  // Precedence: explicit config > shared translation > English fallback.\n  const submitLabel =\n    config?.submitLabel ??\n    (config?.color === 'info'\n      ? t('arqel.actions.confirm', 'Confirm')\n      : t('arqel.actions.delete', 'Delete'));\n  const cancelLabel = config?.cancelLabel ?? t('arqel.actions.cancel', 'Cancel');\n\n  return (\n    <Dialog open={open} onOpenChange={(next) => onOpenChange(next)}>\n      <DialogContent className=\"sm:max-w-[28rem]\" showCloseButton={false}>\n        <DialogHeader>\n          <DialogTitle>\n            {config?.heading ?? t('arqel.messages.delete_confirm', 'Are you sure?')}\n          </DialogTitle>\n          {config?.description && <DialogDescription>{config.description}</DialogDescription>}\n        </DialogHeader>\n        {requiresText !== undefined && (\n          <label className=\"flex flex-col gap-1 text-xs text-muted-foreground\">\n            <span>\n              {(() => {\n                // Render the required value as inline <code> while keeping the\n                // surrounding prompt translatable: split the localized string on\n                // its :value placeholder and splice the <code> element in.\n                const [before, after] = t(\n                  'arqel.messages.type_to_confirm',\n                  'Type :value to confirm',\n                ).split(':value');\n                return (\n                  <>\n                    {before}\n                    <code className=\"font-mono text-foreground\">{requiresText}</code>\n                    {after}\n                  </>\n                );\n              })()}\n            </span>\n            <input\n              type=\"text\"\n              ref={(el) => el?.focus()}\n              value={typed}\n              onChange={(e) => setTyped(e.target.value)}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter' && !submitDisabled) {\n                  e.preventDefault();\n                  onConfirm();\n                }\n              }}\n              className=\"h-9 rounded-md border border-input bg-background px-3 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n            />\n          </label>\n        )}\n        <DialogFooter>\n          <DialogClose asChild>\n            <Button type=\"button\" variant=\"ghost\" disabled={processing}>\n              {cancelLabel}\n            </Button>\n          </DialogClose>\n          <Button type=\"button\" variant={variant} disabled={submitDisabled} onClick={onConfirm}>\n            {processing ? t('form.saving', 'Working…') : submitLabel}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"]}
+{"version":3,"sources":["../src/shadcn/ui/dialog.tsx","../src/action/ConfirmDialog.tsx"],"names":["DialogPrimitive","jsx","jsxs"],"mappings":";;;;;;;;AAOA,SAAS,MAAA,CAAO;AAAA,EACd,GAAG;AACL,CAAA,EAAsD;AACpD,EAAA,2BAAQA,QAAA,CAAgB,IAAA,EAAhB,EAAqB,WAAA,EAAU,QAAA,EAAU,GAAG,KAAA,EAAO,CAAA;AAC7D;AAQA,SAAS,YAAA,CAAa;AAAA,EACpB,GAAG;AACL,CAAA,EAAwD;AACtD,EAAA,2BAAQA,QAAA,CAAgB,MAAA,EAAhB,EAAuB,WAAA,EAAU,eAAA,EAAiB,GAAG,KAAA,EAAO,CAAA;AACtE;AAEA,SAAS,WAAA,CAAY;AAAA,EACnB,GAAG;AACL,CAAA,EAAuD;AACrD,EAAA,2BAAQA,QAAA,CAAgB,KAAA,EAAhB,EAAsB,WAAA,EAAU,cAAA,EAAgB,GAAG,KAAA,EAAO,CAAA;AACpE;AAEA,SAAS,aAAA,CAAc;AAAA,EACrB,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAyD;AACvD,EAAA,uBACE,GAAA;AAAA,IAACA,QAAA,CAAgB,OAAA;AAAA,IAAhB;AAAA,MACC,WAAA,EAAU,gBAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,wJAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,aAAA,CAAc;AAAA,EACrB,SAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAA,GAAkB,IAAA;AAAA,EAClB,GAAG;AACL,CAAA,EAEG;AACD,EAAA,uBACE,IAAA,CAAC,YAAA,EAAA,EAAa,WAAA,EAAU,eAAA,EACtB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,CAAA;AAAA,oBACf,IAAA;AAAA,MAACA,QAAA,CAAgB,OAAA;AAAA,MAAhB;AAAA,QACC,WAAA,EAAU,gBAAA;AAAA,QACV,SAAA,EAAW,EAAA;AAAA,UACT,0XAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,UACA,eAAA,oBACC,IAAA;AAAA,YAACA,QAAA,CAAgB,KAAA;AAAA,YAAhB;AAAA,cACC,WAAA,EAAU,cAAA;AAAA,cACV,SAAA,EAAU,mWAAA;AAAA,cAEV,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,KAAA,EAAA,EAAM,CAAA;AAAA,gCACP,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,OAAA,EAAK;AAAA;AAAA;AAAA;AACjC;AAAA;AAAA;AAEJ,GAAA,EACF,CAAA;AAEJ;AAEA,SAAS,YAAA,CAAa,EAAE,SAAA,EAAW,GAAG,OAAM,EAAgC;AAC1E,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,eAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,8CAAA,EAAgD,SAAS,CAAA;AAAA,MACtE,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,YAAA,CAAa;AAAA,EACpB,SAAA;AAAA,EACA,eAAA,GAAkB,KAAA;AAAA,EAClB,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAEG;AACD,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,eAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,wDAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QACA,eAAA,oBACC,GAAA,CAACA,QAAA,CAAgB,KAAA,EAAhB,EAAsB,OAAA,EAAO,IAAA,EAC5B,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAQ,SAAA,EAAU,QAAA,EAAA,OAAA,EAAK,CAAA,EACjC;AAAA;AAAA;AAAA,GAEJ;AAEJ;AAEA,SAAS,WAAA,CAAY;AAAA,EACnB,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAuD;AACrD,EAAA,uBACE,GAAA;AAAA,IAACA,QAAA,CAAgB,KAAA;AAAA,IAAhB;AAAA,MACC,WAAA,EAAU,cAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,oCAAA,EAAsC,SAAS,CAAA;AAAA,MAC5D,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,iBAAA,CAAkB;AAAA,EACzB,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA6D;AAC3D,EAAA,uBACE,GAAA;AAAA,IAACA,QAAA,CAAgB,WAAA;AAAA,IAAhB;AAAA,MACC,WAAA,EAAU,oBAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,+BAAA,EAAiC,SAAS,CAAA;AAAA,MACvD,GAAG;AAAA;AAAA,GACN;AAEJ;AC1GA,IAAM,aAAA,GAA0F;AAAA,EAC9F,WAAA,EAAa,aAAA;AAAA,EACb,OAAA,EAAS,SAAA;AAAA,EACT,IAAA,EAAM;AACR,CAAA;AAEO,SAAS,aAAA,CAAc;AAAA,EAC5B,IAAA;AAAA,EACA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA,GAAa;AACf,CAAA,EAAuB;AACrB,EAAA,MAAM,IAAI,oBAAA,EAAqB;AAC/B,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,EAAE,CAAA;AAErC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,IAAA,EAAM,QAAA,CAAS,EAAE,CAAA;AAAA,EACxB,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,MAAM,eAAe,MAAA,EAAQ,YAAA;AAC7B,EAAA,MAAM,cAAA,GAAiB,UAAA,IAAe,YAAA,KAAiB,MAAA,IAAa,KAAA,KAAU,YAAA;AAC9E,EAAA,MAAM,OAAA,GAAU,aAAA,CAAc,MAAA,EAAQ,KAAA,IAAS,aAAa,CAAA;AAE5D,EAAA,MAAM,WAAA,GACJ,MAAA,EAAQ,WAAA,KACP,MAAA,EAAQ,KAAA,KAAU,MAAA,GACf,CAAA,CAAE,uBAAA,EAAyB,SAAS,CAAA,GACpC,CAAA,CAAE,sBAAA,EAAwB,QAAQ,CAAA,CAAA;AACxC,EAAA,MAAM,WAAA,GAAc,MAAA,EAAQ,WAAA,IAAe,CAAA,CAAE,wBAAwB,QAAQ,CAAA;AAE7E,EAAA,uBACEC,GAAAA,CAAC,MAAA,EAAA,EAAO,IAAA,EAAY,YAAA,EAAc,CAAC,IAAA,KAAS,YAAA,CAAa,IAAI,CAAA,EAC3D,0BAAAC,IAAAA,CAAC,aAAA,EAAA,EAAc,SAAA,EAAU,kBAAA,EAAmB,iBAAiB,KAAA,EAC3D,QAAA,EAAA;AAAA,oBAAAA,KAAC,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAD,IAAC,WAAA,EAAA,EACE,QAAA,EAAA,MAAA,EAAQ,WAAW,CAAA,CAAE,+BAAA,EAAiC,eAAe,CAAA,EACxE,CAAA;AAAA,MACC,QAAQ,WAAA,oBAAeA,GAAAA,CAAC,iBAAA,EAAA,EAAmB,iBAAO,WAAA,EAAY;AAAA,KAAA,EACjE,CAAA;AAAA,IACC,iBAAiB,MAAA,oBAChBC,IAAAA,CAAC,OAAA,EAAA,EAAM,WAAU,mDAAA,EACf,QAAA,EAAA;AAAA,sBAAAD,GAAAA,CAAC,UACG,QAAA,EAAA,CAAA,MAAM;AAIN,QAAA,MAAM,CAAC,MAAA,EAAQ,KAAK,CAAA,GAAI,CAAA;AAAA,UACtB,gCAAA;AAAA,UACA;AAAA,SACF,CAAE,MAAM,QAAQ,CAAA;AAChB,QAAA,uBACEC,KAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,UAAA,MAAA;AAAA,0BACDD,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,6BAA6B,QAAA,EAAA,YAAA,EAAa,CAAA;AAAA,UACzD;AAAA,SAAA,EACH,CAAA;AAAA,MAEJ,IAAG,EACL,CAAA;AAAA,sBACAA,GAAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,MAAA;AAAA,UACL,GAAA,EAAK,CAAC,EAAA,KAAO,EAAA,EAAI,KAAA,EAAM;AAAA,UACvB,KAAA,EAAO,KAAA;AAAA,UACP,UAAU,CAAC,CAAA,KAAM,QAAA,CAAS,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,UACxC,SAAA,EAAW,CAAC,CAAA,KAAM;AAChB,YAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,OAAA,IAAW,CAAC,cAAA,EAAgB;AACxC,cAAA,CAAA,CAAE,cAAA,EAAe;AACjB,cAAA,SAAA,EAAU;AAAA,YACZ;AAAA,UACF,CAAA;AAAA,UACA,SAAA,EAAU;AAAA;AAAA;AACZ,KAAA,EACF,CAAA;AAAA,oBAEFC,KAAC,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAD,GAAAA,CAAC,WAAA,EAAA,EAAY,OAAA,EAAO,IAAA,EAClB,0BAAAA,GAAAA,CAAC,MAAA,EAAA,EAAO,IAAA,EAAK,QAAA,EAAS,OAAA,EAAQ,OAAA,EAAQ,QAAA,EAAU,UAAA,EAC7C,uBACH,CAAA,EACF,CAAA;AAAA,sBACAA,GAAAA,CAAC,MAAA,EAAA,EAAO,IAAA,EAAK,UAAS,OAAA,EAAkB,QAAA,EAAU,cAAA,EAAgB,OAAA,EAAS,WACxE,QAAA,EAAA,UAAA,GAAa,CAAA,CAAE,aAAA,EAAe,eAAU,IAAI,WAAA,EAC/C;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA,EACF,CAAA;AAEJ","file":"chunk-FVKM6FDW.js","sourcesContent":["import * as React from \"react\"\nimport { XIcon } from \"lucide-react\"\nimport { Dialog as DialogPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/utils/cn\"\nimport { Button } from \"@/shadcn/ui/button\"\n\nfunction Dialog({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n}\n\nfunction DialogTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />\n}\n\nfunction DialogPortal({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n}\n\nfunction DialogClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean\n}) {\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          \"fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 outline-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:max-w-lg\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close\n            data-slot=\"dialog-close\"\n            className=\"absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n          >\n            <XIcon />\n            <span className=\"sr-only\">Close</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  )\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogFooter({\n  className,\n  showCloseButton = false,\n  children,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  showCloseButton?: boolean\n}) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {showCloseButton && (\n        <DialogPrimitive.Close asChild>\n          <Button variant=\"outline\">Close</Button>\n        </DialogPrimitive.Close>\n      )}\n    </div>\n  )\n}\n\nfunction DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"text-lg leading-none font-semibold\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n}\n","/**\n * `<ConfirmDialog>` — confirmation modal driven by the shadcn (Radix) Dialog.\n *\n * Phase 1 supports the canonical `ConfirmationConfig`:\n *  - heading / description\n *  - color (destructive | warning | info) — drives submit button variant\n *  - submit / cancel labels\n *  - \"type to confirm\" via `requiresText` (submit stays disabled until\n *    the typed value matches exactly)\n *\n * Keyboard: Escape cancels (Radix built-in dismiss); Enter inside the\n * type-to-confirm input fires confirm when the value matches.\n */\n\nimport { useArqelTranslations } from '@arqel-dev/react/utils';\nimport type { ConfirmationConfig } from '@arqel-dev/types/actions';\nimport { useEffect, useState } from 'react';\nimport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '../shadcn/ui/dialog.js';\nimport { Button, type ButtonProps } from './Button.js';\n\nexport interface ConfirmDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  config?: ConfirmationConfig | undefined;\n  onConfirm: () => void;\n  processing?: boolean;\n}\n\nconst COLOR_VARIANT: Record<NonNullable<ConfirmationConfig['color']>, ButtonProps['variant']> = {\n  destructive: 'destructive',\n  warning: 'default',\n  info: 'default',\n};\n\nexport function ConfirmDialog({\n  open,\n  onOpenChange,\n  config,\n  onConfirm,\n  processing = false,\n}: ConfirmDialogProps) {\n  const t = useArqelTranslations();\n  const [typed, setTyped] = useState('');\n\n  useEffect(() => {\n    if (!open) setTyped('');\n  }, [open]);\n\n  const requiresText = config?.requiresText;\n  const submitDisabled = processing || (requiresText !== undefined && typed !== requiresText);\n  const variant = COLOR_VARIANT[config?.color ?? 'destructive'];\n  // Precedence: explicit config > shared translation > English fallback.\n  const submitLabel =\n    config?.submitLabel ??\n    (config?.color === 'info'\n      ? t('arqel.actions.confirm', 'Confirm')\n      : t('arqel.actions.delete', 'Delete'));\n  const cancelLabel = config?.cancelLabel ?? t('arqel.actions.cancel', 'Cancel');\n\n  return (\n    <Dialog open={open} onOpenChange={(next) => onOpenChange(next)}>\n      <DialogContent className=\"sm:max-w-[28rem]\" showCloseButton={false}>\n        <DialogHeader>\n          <DialogTitle>\n            {config?.heading ?? t('arqel.messages.delete_confirm', 'Are you sure?')}\n          </DialogTitle>\n          {config?.description && <DialogDescription>{config.description}</DialogDescription>}\n        </DialogHeader>\n        {requiresText !== undefined && (\n          <label className=\"flex flex-col gap-1 text-xs text-muted-foreground\">\n            <span>\n              {(() => {\n                // Render the required value as inline <code> while keeping the\n                // surrounding prompt translatable: split the localized string on\n                // its :value placeholder and splice the <code> element in.\n                const [before, after] = t(\n                  'arqel.messages.type_to_confirm',\n                  'Type :value to confirm',\n                ).split(':value');\n                return (\n                  <>\n                    {before}\n                    <code className=\"font-mono text-foreground\">{requiresText}</code>\n                    {after}\n                  </>\n                );\n              })()}\n            </span>\n            <input\n              type=\"text\"\n              ref={(el) => el?.focus()}\n              value={typed}\n              onChange={(e) => setTyped(e.target.value)}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter' && !submitDisabled) {\n                  e.preventDefault();\n                  onConfirm();\n                }\n              }}\n              className=\"h-9 rounded-md border border-input bg-background px-3 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n            />\n          </label>\n        )}\n        <DialogFooter>\n          <DialogClose asChild>\n            <Button type=\"button\" variant=\"ghost\" disabled={processing}>\n              {cancelLabel}\n            </Button>\n          </DialogClose>\n          <Button type=\"button\" variant={variant} disabled={submitDisabled} onClick={onConfirm}>\n            {processing ? t('form.saving', 'Working…') : submitLabel}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"]}

package/dist/{chunk-KGAY2AZH.js → chunk-HOJEO5LX.js}

@@ -1,4 +1,4 @@
-import { TableToolbar, TableFilters, TablePagination } from './chunk-YEPQWAD6.js';
+import { TableToolbar, TableFilters, TablePagination } from './chunk-TBDWW6L5.js';
 import { DataTable } from './chunk-JKD6SE75.js';
 import { cn } from './chunk-B7ULUJVO.js';
 import { useArqelTranslations } from '@arqel-dev/react/utils';
@@ -116,5 +116,5 @@ function ResourceIndex({
 }
 
 export { ResourceIndex };
-//# sourceMappingURL=chunk-KGAY2AZH.js.map
-//# sourceMappingURL=chunk-KGAY2AZH.js.map
+//# sourceMappingURL=chunk-HOJEO5LX.js.map
+//# sourceMappingURL=chunk-HOJEO5LX.js.map

package/dist/{chunk-KGAY2AZH.js.map → chunk-HOJEO5LX.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/resource/ResourceIndex.tsx"],"names":[],"mappings":"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","file":"chunk-KGAY2AZH.js","sourcesContent":["/**\n * `<ResourceIndex>` — page-level wrapper for index/listing routes.\n *\n * Wires `ResourceIndexProps` (server payload) into the table stack:\n *   header (title + toolbar actions + create button)\n *   → TableToolbar (search + filters + bulk bar)\n *   → DataTable (with selection, sorting, row actions)\n *   → TablePagination\n *\n * The component is presentational — selection / sort / page transitions\n * are lifted to props so the same shell can be reused by ResourceIndex\n * (Inertia-driven) and dashboard widgets (memory-driven).\n */\n\nimport { useArqelTranslations } from '@arqel-dev/react/utils';\nimport type { RecordType, ResourceIndexProps as ServerProps } from '@arqel-dev/types/resources';\nimport type { SortDirection, TableSort } from '@arqel-dev/types/tables';\nimport type { ReactNode } from 'react';\nimport { DataTable } from '../table/DataTable.js';\nimport { TableFilters } from '../table/TableFilters.js';\nimport { TablePagination } from '../table/TablePagination.js';\nimport { TableToolbar } from '../table/TableToolbar.js';\nimport { cn } from '../utils/cn.js';\n\ntype RowId = string | number;\n\nexport interface ResourceIndexUIProps<TRecord extends RecordType = RecordType>\n  extends ServerProps<TRecord> {\n  selectedIds?: ReadonlyArray<RowId>;\n  onSelectionChange?: (ids: RowId[]) => void;\n  onSortChange?: (column: string, direction: SortDirection) => void;\n  onPageChange?: (page: number) => void;\n  onPerPageChange?: (perPage: number) => void;\n  onSearchChange?: (search: string) => void;\n  onFilterChange?: (name: string, value: unknown) => void;\n  onClearFilters?: () => void;\n\n  filterValues?: Record<string, unknown>;\n\n  searchSlot?: ReactNode;\n  toolbarActions?: ReactNode;\n  rowActions?: (record: TRecord) => ReactNode;\n  bulkActions?: ReactNode;\n  emptyState?: ReactNode;\n\n  loading?: boolean;\n  className?: string;\n}\n\nexport function ResourceIndex<TRecord extends RecordType = RecordType>({\n  resource,\n  records,\n  pagination,\n  columns,\n  filters,\n  search,\n  sort,\n  selectedIds = [],\n  filterValues = {},\n  onSelectionChange,\n  onSortChange,\n  onPageChange,\n  onPerPageChange,\n  onSearchChange,\n  onFilterChange,\n  onClearFilters,\n  searchSlot,\n  toolbarActions,\n  rowActions,\n  bulkActions,\n  emptyState,\n  loading = false,\n  className,\n}: ResourceIndexUIProps<TRecord>) {\n  const t = useArqelTranslations();\n  const enableSelection = Boolean(onSelectionChange);\n\n  const renderSearch = (): ReactNode => {\n    if (searchSlot) return searchSlot;\n    if (!onSearchChange) return null;\n    return (\n      <label className=\"flex flex-col gap-1 text-xs text-muted-foreground\">\n        {t('table.search.label', 'Search')}\n        <input\n          type=\"search\"\n          placeholder={t(\n            'table.search.placeholder_for',\n            `Search ${resource.pluralLabel.toLowerCase()}…`,\n            { resource: resource.pluralLabel.toLowerCase() },\n          )}\n          // 44px touch target on mobile (WCAG 2.5.5); dense 36px on >=md.\n          className=\"h-11 w-64 rounded-sm border border-[var(--input)] bg-background px-3 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring md:h-9\"\n          value={search ?? ''}\n          onChange={(e) => onSearchChange(e.target.value)}\n        />\n      </label>\n    );\n  };\n\n  const normalisedSort: TableSort | null = sort?.column\n    ? {\n        column: sort.column,\n        direction: sort.direction === 'desc' ? 'desc' : 'asc',\n      }\n    : null;\n\n  return (\n    <section\n      className={cn(\n        'flex min-w-0 flex-col rounded-md border border-border bg-background',\n        className,\n      )}\n      aria-label={resource.pluralLabel}\n    >\n      <header className=\"flex flex-wrap items-center gap-3 border-b border-border px-4 py-3\">\n        <h1 className=\"text-lg font-semibold\">{resource.pluralLabel}</h1>\n        <div className=\"ml-auto flex flex-wrap items-center gap-2\">{toolbarActions}</div>\n      </header>\n\n      <TableToolbar\n        search={renderSearch()}\n        filters={\n          filters.length > 0 ? (\n            <TableFilters\n              filters={filters}\n              values={filterValues}\n              onChange={(name, value) => onFilterChange?.(name, value)}\n              onClearAll={onClearFilters}\n            />\n          ) : null\n        }\n        selectedCount={selectedIds.length}\n        bulkActions={bulkActions}\n        onClearSelection={onSelectionChange ? () => onSelectionChange([]) : undefined}\n      />\n\n      <DataTable\n        columns={columns}\n        records={records as unknown as Array<{ id: RowId } & TRecord>}\n        enableSelection={enableSelection}\n        selectedIds={selectedIds}\n        onSelectionChange={onSelectionChange}\n        sort={normalisedSort}\n        onSortChange={onSortChange}\n        rowActions={rowActions ? (record) => rowActions(record as TRecord) : undefined}\n        loading={loading}\n        emptyState={emptyState}\n      />\n\n      {pagination && (\n        <TablePagination\n          meta={pagination}\n          onPageChange={(page) => onPageChange?.(page)}\n          onPerPageChange={onPerPageChange}\n        />\n      )}\n    </section>\n  );\n}\n"]}
+{"version":3,"sources":["../src/resource/ResourceIndex.tsx"],"names":[],"mappings":"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","file":"chunk-HOJEO5LX.js","sourcesContent":["/**\n * `<ResourceIndex>` — page-level wrapper for index/listing routes.\n *\n * Wires `ResourceIndexProps` (server payload) into the table stack:\n *   header (title + toolbar actions + create button)\n *   → TableToolbar (search + filters + bulk bar)\n *   → DataTable (with selection, sorting, row actions)\n *   → TablePagination\n *\n * The component is presentational — selection / sort / page transitions\n * are lifted to props so the same shell can be reused by ResourceIndex\n * (Inertia-driven) and dashboard widgets (memory-driven).\n */\n\nimport { useArqelTranslations } from '@arqel-dev/react/utils';\nimport type { RecordType, ResourceIndexProps as ServerProps } from '@arqel-dev/types/resources';\nimport type { SortDirection, TableSort } from '@arqel-dev/types/tables';\nimport type { ReactNode } from 'react';\nimport { DataTable } from '../table/DataTable.js';\nimport { TableFilters } from '../table/TableFilters.js';\nimport { TablePagination } from '../table/TablePagination.js';\nimport { TableToolbar } from '../table/TableToolbar.js';\nimport { cn } from '../utils/cn.js';\n\ntype RowId = string | number;\n\nexport interface ResourceIndexUIProps<TRecord extends RecordType = RecordType>\n  extends ServerProps<TRecord> {\n  selectedIds?: ReadonlyArray<RowId>;\n  onSelectionChange?: (ids: RowId[]) => void;\n  onSortChange?: (column: string, direction: SortDirection) => void;\n  onPageChange?: (page: number) => void;\n  onPerPageChange?: (perPage: number) => void;\n  onSearchChange?: (search: string) => void;\n  onFilterChange?: (name: string, value: unknown) => void;\n  onClearFilters?: () => void;\n\n  filterValues?: Record<string, unknown>;\n\n  searchSlot?: ReactNode;\n  toolbarActions?: ReactNode;\n  rowActions?: (record: TRecord) => ReactNode;\n  bulkActions?: ReactNode;\n  emptyState?: ReactNode;\n\n  loading?: boolean;\n  className?: string;\n}\n\nexport function ResourceIndex<TRecord extends RecordType = RecordType>({\n  resource,\n  records,\n  pagination,\n  columns,\n  filters,\n  search,\n  sort,\n  selectedIds = [],\n  filterValues = {},\n  onSelectionChange,\n  onSortChange,\n  onPageChange,\n  onPerPageChange,\n  onSearchChange,\n  onFilterChange,\n  onClearFilters,\n  searchSlot,\n  toolbarActions,\n  rowActions,\n  bulkActions,\n  emptyState,\n  loading = false,\n  className,\n}: ResourceIndexUIProps<TRecord>) {\n  const t = useArqelTranslations();\n  const enableSelection = Boolean(onSelectionChange);\n\n  const renderSearch = (): ReactNode => {\n    if (searchSlot) return searchSlot;\n    if (!onSearchChange) return null;\n    return (\n      <label className=\"flex flex-col gap-1 text-xs text-muted-foreground\">\n        {t('table.search.label', 'Search')}\n        <input\n          type=\"search\"\n          placeholder={t(\n            'table.search.placeholder_for',\n            `Search ${resource.pluralLabel.toLowerCase()}…`,\n            { resource: resource.pluralLabel.toLowerCase() },\n          )}\n          // 44px touch target on mobile (WCAG 2.5.5); dense 36px on >=md.\n          className=\"h-11 w-64 rounded-sm border border-[var(--input)] bg-background px-3 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring md:h-9\"\n          value={search ?? ''}\n          onChange={(e) => onSearchChange(e.target.value)}\n        />\n      </label>\n    );\n  };\n\n  const normalisedSort: TableSort | null = sort?.column\n    ? {\n        column: sort.column,\n        direction: sort.direction === 'desc' ? 'desc' : 'asc',\n      }\n    : null;\n\n  return (\n    <section\n      className={cn(\n        'flex min-w-0 flex-col rounded-md border border-border bg-background',\n        className,\n      )}\n      aria-label={resource.pluralLabel}\n    >\n      <header className=\"flex flex-wrap items-center gap-3 border-b border-border px-4 py-3\">\n        <h1 className=\"text-lg font-semibold\">{resource.pluralLabel}</h1>\n        <div className=\"ml-auto flex flex-wrap items-center gap-2\">{toolbarActions}</div>\n      </header>\n\n      <TableToolbar\n        search={renderSearch()}\n        filters={\n          filters.length > 0 ? (\n            <TableFilters\n              filters={filters}\n              values={filterValues}\n              onChange={(name, value) => onFilterChange?.(name, value)}\n              onClearAll={onClearFilters}\n            />\n          ) : null\n        }\n        selectedCount={selectedIds.length}\n        bulkActions={bulkActions}\n        onClearSelection={onSelectionChange ? () => onSelectionChange([]) : undefined}\n      />\n\n      <DataTable\n        columns={columns}\n        records={records as unknown as Array<{ id: RowId } & TRecord>}\n        enableSelection={enableSelection}\n        selectedIds={selectedIds}\n        onSelectionChange={onSelectionChange}\n        sort={normalisedSort}\n        onSortChange={onSortChange}\n        rowActions={rowActions ? (record) => rowActions(record as TRecord) : undefined}\n        loading={loading}\n        emptyState={emptyState}\n      />\n\n      {pagination && (\n        <TablePagination\n          meta={pagination}\n          onPageChange={(page) => onPageChange?.(page)}\n          onPerPageChange={onPerPageChange}\n        />\n      )}\n    </section>\n  );\n}\n"]}

package/dist/{chunk-CH7YLELO.js → chunk-NFP2EB7Y.js}

@@ -1,5 +1,5 @@
 import { Card } from './chunk-6YGRTXEL.js';
-import { Button } from './chunk-H23VX3RR.js';
+import { Button } from './chunk-YF2RINPG.js';
 import { cn } from './chunk-B7ULUJVO.js';
 import { useArqelTranslations } from '@arqel-dev/react/utils';
 import { usePage, Link, router } from '@inertiajs/react';
@@ -133,5 +133,5 @@ function ArqelNotificationsPage() {
 }
 
 export { ArqelNotificationsPage };
-//# sourceMappingURL=chunk-CH7YLELO.js.map
-//# sourceMappingURL=chunk-CH7YLELO.js.map
+//# sourceMappingURL=chunk-NFP2EB7Y.js.map
+//# sourceMappingURL=chunk-NFP2EB7Y.js.map

package/dist/{chunk-CH7YLELO.js.map → chunk-NFP2EB7Y.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/pages/ArqelNotificationsPage.tsx"],"names":[],"mappings":"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","file":"chunk-CH7YLELO.js","sourcesContent":["/**\n * Default Inertia page for `arqel::notifications`.\n *\n * Renders the paginated notification history emitted by\n * `Arqel\\Core\\Http\\Controllers\\NotificationController::index`\n * (`{ history: paginator, filter: 'all' | 'unread' }`). The page-prop\n * is named `history` — *not* `notifications` — because `notifications`\n * is already a shared Inertia prop (`{unread_count, recent}`, see\n * `HandleArqelInertiaRequests`) consumed by the `<NotificationBell>`\n * mounted on every page's topbar. Reusing that key here would let this\n * page's paginator silently overwrite the shared prop and break the\n * bell (see branch review, milestone 0.19).\n *\n * The paginator serializes each item as `{id, type, data, read_at,\n * created_at}` — same shape as the `notifications.recent` array the\n * `<NotificationBell>` dropdown consumes, so titles/bodies follow the\n * same `data.title` / `data.body` convention.\n *\n * Per-item actions do scoped Inertia visits (`only: ['history']` for\n * mark-as-read, a plain reload for delete) so the list refreshes\n * without a full page navigation.\n */\n\nimport { useArqelTranslations } from '@arqel-dev/react/utils';\nimport type { NotificationItem } from '@arqel-dev/types/inertia';\nimport { Link, router, usePage } from '@inertiajs/react';\nimport type { JSX } from 'react';\nimport { Button } from '../action/Button.js';\nimport { Card } from '../shadcn/ui/card.js';\nimport { cn } from '../utils/cn.js';\n\ninterface LaravelPaginationLink {\n  url: string | null;\n  label: string;\n  active: boolean;\n}\n\ninterface NotificationsPaginator {\n  data: NotificationItem[];\n  links: LaravelPaginationLink[];\n  meta: Record<string, unknown>;\n}\n\ninterface ArqelNotificationsPageProps {\n  history: NotificationsPaginator;\n  filter: 'all' | 'unread';\n  [key: string]: unknown;\n}\n\nfunction readTitle(item: NotificationItem): string {\n  const title = item.data['title'];\n  if (typeof title === 'string' && title.trim()) return title;\n  return item.type;\n}\n\nfunction readBody(item: NotificationItem): string | undefined {\n  const body = item.data['body'] ?? item.data['message'];\n  return typeof body === 'string' && body.trim() ? body : undefined;\n}\n\nfunction markRead(id: string): void {\n  router.post(\n    `/admin/notifications/${id}/read`,\n    {},\n    { preserveScroll: true, only: ['history', 'notifications'] },\n  );\n}\n\nfunction markAllRead(): void {\n  router.post(\n    '/admin/notifications/read-all',\n    {},\n    { preserveScroll: true, only: ['history', 'notifications'] },\n  );\n}\n\nfunction destroy(id: string): void {\n  router.delete(`/admin/notifications/${id}`, { preserveScroll: true });\n}\n\n/**\n * Laravel's paginator emits prev/next labels as HTML entities\n * (`&laquo; Previous`, `Next &raquo;`). Decode the small, known set we\n * expect rather than reaching for `dangerouslySetInnerHTML` — the\n * labels are server-controlled but there is no reason to accept\n * arbitrary markup here.\n */\nfunction decodePaginationLabel(label: string): string {\n  return label.replace(/&laquo;/g, '«').replace(/&raquo;/g, '»');\n}\n\nexport default function ArqelNotificationsPage(): JSX.Element {\n  const t = useArqelTranslations();\n  const { history, filter } = usePage<ArqelNotificationsPageProps>().props;\n\n  const items = history.data;\n  const hasUnread = items.some((item) => item.read_at === null);\n\n  return (\n    <div className=\"flex flex-col gap-4 p-4\">\n      <div className=\"flex flex-wrap items-center justify-between gap-2\">\n        <h1 className=\"text-lg font-semibold\">{t('arqel.notifications.title', 'Notifications')}</h1>\n        <div className=\"flex items-center gap-2\">\n          <div className=\"flex items-center gap-1 text-sm\">\n            <Link\n              href=\"/admin/notifications?filter=all\"\n              className={cn(\n                'rounded-sm px-2 py-1',\n                filter === 'all'\n                  ? 'bg-accent font-medium text-accent-foreground'\n                  : 'text-muted-foreground hover:text-foreground',\n              )}\n            >\n              {t('arqel.notifications.filter_all', 'All')}\n            </Link>\n            <Link\n              href=\"/admin/notifications?filter=unread\"\n              className={cn(\n                'rounded-sm px-2 py-1',\n                filter === 'unread'\n                  ? 'bg-accent font-medium text-accent-foreground'\n                  : 'text-muted-foreground hover:text-foreground',\n              )}\n            >\n              {t('arqel.notifications.filter_unread', 'Unread')}\n            </Link>\n          </div>\n          {hasUnread && (\n            <Button variant=\"outline\" size=\"sm\" onClick={markAllRead}>\n              {t('arqel.notifications.mark_all_read', 'Mark all as read')}\n            </Button>\n          )}\n        </div>\n      </div>\n\n      {items.length === 0 ? (\n        <Card className=\"p-6 text-center text-sm text-muted-foreground\">\n          {t('arqel.notifications.empty', 'No notifications')}\n        </Card>\n      ) : (\n        <div className=\"flex flex-col gap-2\">\n          {items.map((item) => {\n            const title = readTitle(item);\n            const body = readBody(item);\n            const unread = item.read_at === null;\n\n            return (\n              <Card\n                key={item.id}\n                className={cn(\n                  'flex flex-row items-start justify-between gap-4 p-4',\n                  unread && 'bg-accent/50',\n                )}\n              >\n                <div className=\"flex min-w-0 flex-1 items-start gap-2\">\n                  <span\n                    aria-hidden=\"true\"\n                    className={cn(\n                      'mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full',\n                      unread ? 'bg-primary' : 'bg-transparent',\n                    )}\n                  />\n                  <div className=\"flex min-w-0 flex-col\">\n                    <span className=\"font-medium\">{title}</span>\n                    {body && <span className=\"text-sm text-muted-foreground\">{body}</span>}\n                    <span className=\"text-xs text-muted-foreground\">{item.created_at}</span>\n                  </div>\n                </div>\n                <div className=\"flex shrink-0 items-center gap-2\">\n                  {unread && (\n                    <Button variant=\"outline\" size=\"sm\" onClick={() => markRead(item.id)}>\n                      {t('arqel.notifications.mark_read', 'Mark as read')}\n                    </Button>\n                  )}\n                  <Button variant=\"ghost\" size=\"sm\" onClick={() => destroy(item.id)}>\n                    {t('arqel.notifications.delete', 'Delete')}\n                  </Button>\n                </div>\n              </Card>\n            );\n          })}\n        </div>\n      )}\n\n      {history.links.length > 0 && (\n        <nav\n          className=\"flex flex-wrap items-center gap-1 text-sm\"\n          aria-label={t('table.pagination.label', 'Pagination')}\n        >\n          {history.links.map((link) =>\n            link.url ? (\n              <Link\n                key={link.url}\n                href={link.url}\n                className={cn(\n                  'rounded-sm px-2 py-1',\n                  link.active\n                    ? 'bg-accent font-medium text-accent-foreground'\n                    : 'text-muted-foreground hover:text-foreground',\n                )}\n              >\n                {decodePaginationLabel(link.label)}\n              </Link>\n            ) : (\n              <span key={link.label} className=\"rounded-sm px-2 py-1 text-muted-foreground/50\">\n                {decodePaginationLabel(link.label)}\n              </span>\n            ),\n          )}\n        </nav>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/pages/ArqelNotificationsPage.tsx"],"names":[],"mappings":"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","file":"chunk-NFP2EB7Y.js","sourcesContent":["/**\n * Default Inertia page for `arqel::notifications`.\n *\n * Renders the paginated notification history emitted by\n * `Arqel\\Core\\Http\\Controllers\\NotificationController::index`\n * (`{ history: paginator, filter: 'all' | 'unread' }`). The page-prop\n * is named `history` — *not* `notifications` — because `notifications`\n * is already a shared Inertia prop (`{unread_count, recent}`, see\n * `HandleArqelInertiaRequests`) consumed by the `<NotificationBell>`\n * mounted on every page's topbar. Reusing that key here would let this\n * page's paginator silently overwrite the shared prop and break the\n * bell (see branch review, milestone 0.19).\n *\n * The paginator serializes each item as `{id, type, data, read_at,\n * created_at}` — same shape as the `notifications.recent` array the\n * `<NotificationBell>` dropdown consumes, so titles/bodies follow the\n * same `data.title` / `data.body` convention.\n *\n * Per-item actions do scoped Inertia visits (`only: ['history']` for\n * mark-as-read, a plain reload for delete) so the list refreshes\n * without a full page navigation.\n */\n\nimport { useArqelTranslations } from '@arqel-dev/react/utils';\nimport type { NotificationItem } from '@arqel-dev/types/inertia';\nimport { Link, router, usePage } from '@inertiajs/react';\nimport type { JSX } from 'react';\nimport { Button } from '../action/Button.js';\nimport { Card } from '../shadcn/ui/card.js';\nimport { cn } from '../utils/cn.js';\n\ninterface LaravelPaginationLink {\n  url: string | null;\n  label: string;\n  active: boolean;\n}\n\ninterface NotificationsPaginator {\n  data: NotificationItem[];\n  links: LaravelPaginationLink[];\n  meta: Record<string, unknown>;\n}\n\ninterface ArqelNotificationsPageProps {\n  history: NotificationsPaginator;\n  filter: 'all' | 'unread';\n  [key: string]: unknown;\n}\n\nfunction readTitle(item: NotificationItem): string {\n  const title = item.data['title'];\n  if (typeof title === 'string' && title.trim()) return title;\n  return item.type;\n}\n\nfunction readBody(item: NotificationItem): string | undefined {\n  const body = item.data['body'] ?? item.data['message'];\n  return typeof body === 'string' && body.trim() ? body : undefined;\n}\n\nfunction markRead(id: string): void {\n  router.post(\n    `/admin/notifications/${id}/read`,\n    {},\n    { preserveScroll: true, only: ['history', 'notifications'] },\n  );\n}\n\nfunction markAllRead(): void {\n  router.post(\n    '/admin/notifications/read-all',\n    {},\n    { preserveScroll: true, only: ['history', 'notifications'] },\n  );\n}\n\nfunction destroy(id: string): void {\n  router.delete(`/admin/notifications/${id}`, { preserveScroll: true });\n}\n\n/**\n * Laravel's paginator emits prev/next labels as HTML entities\n * (`&laquo; Previous`, `Next &raquo;`). Decode the small, known set we\n * expect rather than reaching for `dangerouslySetInnerHTML` — the\n * labels are server-controlled but there is no reason to accept\n * arbitrary markup here.\n */\nfunction decodePaginationLabel(label: string): string {\n  return label.replace(/&laquo;/g, '«').replace(/&raquo;/g, '»');\n}\n\nexport default function ArqelNotificationsPage(): JSX.Element {\n  const t = useArqelTranslations();\n  const { history, filter } = usePage<ArqelNotificationsPageProps>().props;\n\n  const items = history.data;\n  const hasUnread = items.some((item) => item.read_at === null);\n\n  return (\n    <div className=\"flex flex-col gap-4 p-4\">\n      <div className=\"flex flex-wrap items-center justify-between gap-2\">\n        <h1 className=\"text-lg font-semibold\">{t('arqel.notifications.title', 'Notifications')}</h1>\n        <div className=\"flex items-center gap-2\">\n          <div className=\"flex items-center gap-1 text-sm\">\n            <Link\n              href=\"/admin/notifications?filter=all\"\n              className={cn(\n                'rounded-sm px-2 py-1',\n                filter === 'all'\n                  ? 'bg-accent font-medium text-accent-foreground'\n                  : 'text-muted-foreground hover:text-foreground',\n              )}\n            >\n              {t('arqel.notifications.filter_all', 'All')}\n            </Link>\n            <Link\n              href=\"/admin/notifications?filter=unread\"\n              className={cn(\n                'rounded-sm px-2 py-1',\n                filter === 'unread'\n                  ? 'bg-accent font-medium text-accent-foreground'\n                  : 'text-muted-foreground hover:text-foreground',\n              )}\n            >\n              {t('arqel.notifications.filter_unread', 'Unread')}\n            </Link>\n          </div>\n          {hasUnread && (\n            <Button variant=\"outline\" size=\"sm\" onClick={markAllRead}>\n              {t('arqel.notifications.mark_all_read', 'Mark all as read')}\n            </Button>\n          )}\n        </div>\n      </div>\n\n      {items.length === 0 ? (\n        <Card className=\"p-6 text-center text-sm text-muted-foreground\">\n          {t('arqel.notifications.empty', 'No notifications')}\n        </Card>\n      ) : (\n        <div className=\"flex flex-col gap-2\">\n          {items.map((item) => {\n            const title = readTitle(item);\n            const body = readBody(item);\n            const unread = item.read_at === null;\n\n            return (\n              <Card\n                key={item.id}\n                className={cn(\n                  'flex flex-row items-start justify-between gap-4 p-4',\n                  unread && 'bg-accent/50',\n                )}\n              >\n                <div className=\"flex min-w-0 flex-1 items-start gap-2\">\n                  <span\n                    aria-hidden=\"true\"\n                    className={cn(\n                      'mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full',\n                      unread ? 'bg-primary' : 'bg-transparent',\n                    )}\n                  />\n                  <div className=\"flex min-w-0 flex-col\">\n                    <span className=\"font-medium\">{title}</span>\n                    {body && <span className=\"text-sm text-muted-foreground\">{body}</span>}\n                    <span className=\"text-xs text-muted-foreground\">{item.created_at}</span>\n                  </div>\n                </div>\n                <div className=\"flex shrink-0 items-center gap-2\">\n                  {unread && (\n                    <Button variant=\"outline\" size=\"sm\" onClick={() => markRead(item.id)}>\n                      {t('arqel.notifications.mark_read', 'Mark as read')}\n                    </Button>\n                  )}\n                  <Button variant=\"ghost\" size=\"sm\" onClick={() => destroy(item.id)}>\n                    {t('arqel.notifications.delete', 'Delete')}\n                  </Button>\n                </div>\n              </Card>\n            );\n          })}\n        </div>\n      )}\n\n      {history.links.length > 0 && (\n        <nav\n          className=\"flex flex-wrap items-center gap-1 text-sm\"\n          aria-label={t('table.pagination.label', 'Pagination')}\n        >\n          {history.links.map((link) =>\n            link.url ? (\n              <Link\n                key={link.url}\n                href={link.url}\n                className={cn(\n                  'rounded-sm px-2 py-1',\n                  link.active\n                    ? 'bg-accent font-medium text-accent-foreground'\n                    : 'text-muted-foreground hover:text-foreground',\n                )}\n              >\n                {decodePaginationLabel(link.label)}\n              </Link>\n            ) : (\n              <span key={link.label} className=\"rounded-sm px-2 py-1 text-muted-foreground/50\">\n                {decodePaginationLabel(link.label)}\n              </span>\n            ),\n          )}\n        </nav>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/{chunk-DOQUHQND.js → chunk-P64TZA7T.js}

@@ -1,5 +1,5 @@
-import { ResourceIndex } from './chunk-KGAY2AZH.js';
-import { ActionButton, ActionMenu } from './chunk-7NGUPQON.js';
+import { ResourceIndex } from './chunk-HOJEO5LX.js';
+import { ActionButton, ActionMenu } from './chunk-4XV35QZA.js';
 import { usePage, router } from '@inertiajs/react';
 import { useMemo, useState, useRef, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';
@@ -201,5 +201,5 @@ function ArqelIndexPage() {
 }
 
 export { ArqelIndexPage };
-//# sourceMappingURL=chunk-DOQUHQND.js.map
-//# sourceMappingURL=chunk-DOQUHQND.js.map
+//# sourceMappingURL=chunk-P64TZA7T.js.map
+//# sourceMappingURL=chunk-P64TZA7T.js.map