@open-mercato/ui 0.6.6-develop.6413.1.ae875fb682 → 0.6.6-develop.6419.1.a632f417c4

package/dist/backend/messages/useMessageCompose.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/backend/messages/useMessageCompose.ts"],
-  "sourcesContent": ["import * as React from 'react'\nimport { useQuery } from '@tanstack/react-query'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { flash } from '../FlashMessages'\nimport { apiCall } from '../utils/apiCall'\nimport type {\n  AttachmentListResponse,\n  MessageComposerProps,\n  MessageTypeItem,\n  UserListItem,\n} from './message-composer.types'\nimport type { MessagePriority } from './message-priority'\nimport type { TagsInputOption } from '../inputs/TagsInput'\nimport {\n  useComposeDraftOperation,\n  useComposeSendOperation,\n  useForwardSubmitOperation,\n  useReplySubmitOperation,\n  useSendDraftOperation,\n  useUpdateDraftOperation,\n} from './useMessageComposeOperations'\n\nfunction toErrorMessage(payload: unknown): string | null {\n  if (!payload) return null\n  if (typeof payload === 'string') return payload\n  if (Array.isArray(payload)) {\n    for (const item of payload) {\n      const nested = toErrorMessage(item)\n      if (nested) return nested\n    }\n    return null\n  }\n  if (typeof payload === 'object') {\n    const record = payload as Record<string, unknown>\n    return (\n      toErrorMessage(record.error)\n      ?? toErrorMessage(record.message)\n      ?? toErrorMessage(record.detail)\n      ?? toErrorMessage(record.details)\n      ?? null\n    )\n  }\n  return null\n}\n\nfunction createTemporaryAttachmentRecordId(): string {\n  const randomPart =\n    typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function'\n      ? crypto.randomUUID()\n      : `${Date.now()}-${Math.random().toString(36).slice(2, 10)}`\n  return `messages-composer:${randomPart}`\n}\n\nexport type UseMessageComposeParams = MessageComposerProps\n\nexport type UseMessageComposeResult = {\n  t: ReturnType<typeof useT>\n  variant: NonNullable<MessageComposerProps['variant']>\n  messageId?: string\n  open?: boolean\n  inline: boolean\n  contextPreview: React.ReactNode\n  isOpen: boolean\n  messageTypes: MessageTypeItem[]\n  createableMessageTypes: MessageTypeItem[]\n  normalizedRequiredActionMode: 'none' | 'optional' | 'required'\n  contextActionOptions: Array<{ id: string; label: string }>\n  shouldShowContextActions: boolean\n  isComposePublicVisibility: boolean\n  attachmentEntityId: string\n  attachmentRecordId: string\n  recipientIds: string[]\n  setRecipientIds: React.Dispatch<React.SetStateAction<string[]>>\n  messageType: string\n  setMessageType: React.Dispatch<React.SetStateAction<string>>\n  subject: string\n  setSubject: React.Dispatch<React.SetStateAction<string>>\n  body: string\n  setBody: React.Dispatch<React.SetStateAction<string>>\n  bodyFormat: 'text' | 'markdown'\n  setBodyFormat: React.Dispatch<React.SetStateAction<'text' | 'markdown'>>\n  priority: MessagePriority\n  setPriority: React.Dispatch<React.SetStateAction<MessagePriority>>\n  visibility: 'public' | 'internal'\n  setVisibility: React.Dispatch<React.SetStateAction<'public' | 'internal'>>\n  externalEmail: string\n  setExternalEmail: React.Dispatch<React.SetStateAction<string>>\n  sendViaEmail: boolean\n  setSendViaEmail: React.Dispatch<React.SetStateAction<boolean>>\n  contextActionRequired: boolean\n  setContextActionRequired: React.Dispatch<React.SetStateAction<boolean>>\n  contextActionType: string\n  setContextActionType: React.Dispatch<React.SetStateAction<string>>\n  replyAll: boolean\n  setReplyAll: React.Dispatch<React.SetStateAction<boolean>>\n  includeAttachments: boolean\n  setIncludeAttachments: React.Dispatch<React.SetStateAction<boolean>>\n  submitting: boolean\n  submitMode: 'send' | 'draft'\n  submitError: string | null\n  composerTitle: string\n  submitLabel: string\n  selectedRecipientOptions: TagsInputOption[]\n  resolveRecipientLabel: (id: string) => string\n  loadRecipientSuggestions: (query?: string) => Promise<TagsInputOption[]>\n  loadAttachmentIds: () => Promise<string[]>\n  handleSaveDraft: () => void\n  handleBack: () => void\n  handleSubmit: ({ saveAsDraft }?: { saveAsDraft?: boolean }) => Promise<boolean>\n  handleDialogOpenChange: (nextOpen: boolean) => void\n  handleKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void\n}\n\ntype ForwardPreviewResponse = {\n  subject?: string\n  body?: string\n}\n\nexport function useMessageCompose({\n  variant: variantProp = 'compose',\n  messageId,\n  open,\n  onOpenChange,\n  inline = false,\n  lockedType = null,\n  contextObject = null,\n  requiredActionConfig = null,\n  contextPreview = null,\n  defaultValues,\n  onSuccess,\n  onCancel,\n}: UseMessageComposeParams): UseMessageComposeResult {\n  const t = useT()\n  const variant = variantProp\n  const isOpen = inline ? true : Boolean(open)\n  const recipientSuggestionsCacheRef = React.useRef<TagsInputOption[] | null>(null)\n\n  const [recipientIds, setRecipientIds] = React.useState<string[]>([])\n  const [recipientMap, setRecipientMap] = React.useState<Record<string, TagsInputOption>>({})\n  const [messageType, setMessageType] = React.useState(lockedType ?? 'default')\n  const [subject, setSubject] = React.useState('')\n  const [body, setBody] = React.useState('')\n  const [bodyFormat, setBodyFormat] = React.useState<'text' | 'markdown'>('text')\n  const [priority, setPriority] = React.useState<MessagePriority>('normal')\n  const [visibility, setVisibility] = React.useState<'public' | 'internal'>('internal')\n  const [externalEmail, setExternalEmail] = React.useState('')\n  const [attachmentIds, setAttachmentIds] = React.useState<string[]>([])\n  const [sendViaEmail, setSendViaEmail] = React.useState(false)\n  const [contextActionRequired, setContextActionRequired] = React.useState(false)\n  const [contextActionType, setContextActionType] = React.useState('')\n  const [replyAll, setReplyAll] = React.useState(false)\n  const [includeAttachments, setIncludeAttachments] = React.useState(true)\n  const [temporaryAttachmentRecordId, setTemporaryAttachmentRecordId] = React.useState<string>(() =>\n    createTemporaryAttachmentRecordId(),\n  )\n  const [submitting, setSubmitting] = React.useState(false)\n  const [submitMode, setSubmitMode] = React.useState<'send' | 'draft'>('send')\n  const [submitError, setSubmitError] = React.useState<string | null>(null)\n  // Tracks whether the composer is currently in the \"open\" lifecycle so the init\n  // effect below only runs on the closed \u2192 open transition, not on every parent\n  // re-render that produces a new `defaultValues` / `contextObject` reference\n  // while the user is typing. Without this guard, an inline literal\n  // `defaultValues={{...}}` in a re-rendering parent (e.g. message detail page\n  // with live notification badges or queue progress) would clear the body /\n  // subject mid-keystroke. CI shard 9 surfaced this as TC-MSG-009 timing out\n  // because `keyboard.type` characters appeared to \"type nowhere\" \u2014 they were\n  // typed correctly, then immediately wiped by the next effect run.\n  const isOpenRef = React.useRef(false)\n  const wasOpenRef = React.useRef(false)\n  const submitLockReleaseRef = React.useRef<(() => void) | null>(null)\n\n  const messageTypesQuery = useQuery({\n    queryKey: ['messages', 'types'],\n    enabled: variant === 'compose' && isOpen,\n    staleTime: 5 * 60 * 1000,\n    queryFn: async () => {\n      const call = await apiCall<{ items?: MessageTypeItem[] }>('/api/messages/types')\n      if (!call.ok) {\n        throw new Error(\n          toErrorMessage(call.result)\n          ?? t('messages.errors.loadTypesFailed', 'Failed to load message types.'),\n        )\n      }\n      return Array.isArray(call.result?.items) ? call.result?.items ?? [] : []\n    },\n  })\n\n  const messageTypes = React.useMemo(\n    () => messageTypesQuery.data ?? [],\n    [messageTypesQuery.data],\n  )\n  const createableMessageTypes = React.useMemo(\n    () => messageTypes.filter((item) => item.isCreateableByUser !== false),\n    [messageTypes],\n  )\n  const normalizedRequiredActionMode = requiredActionConfig?.mode ?? 'none'\n  const contextActionOptions = React.useMemo(\n    () => (requiredActionConfig?.options ?? []).filter((option) => option.id.trim().length > 0),\n    [requiredActionConfig?.options],\n  )\n  const shouldShowContextActions = (\n    variant === 'compose'\n    && Boolean(contextObject)\n    && normalizedRequiredActionMode !== 'none'\n    && contextActionOptions.length > 0\n  )\n\n  const isComposePublicVisibility = variant === 'compose' && visibility === 'public'\n\n  const attachmentEntityId = variant === 'compose' && messageId ? 'messages:message' : 'attachments:library'\n  const attachmentRecordId = variant === 'compose' && messageId ? messageId : temporaryAttachmentRecordId\n\n  const loadAttachmentIds = React.useCallback(async (): Promise<string[]> => {\n    const params = new URLSearchParams()\n    params.set('entityId', attachmentEntityId)\n    params.set('recordId', attachmentRecordId)\n\n    const call = await apiCall<AttachmentListResponse>(`/api/attachments?${params.toString()}`)\n    if (!call.ok) {\n      throw new Error(\n        toErrorMessage(call.result)\n        ?? t('messages.errors.loadAttachmentOptionsFailed', 'Failed to load attachments.'),\n      )\n    }\n\n    const items = Array.isArray(call.result?.items) ? call.result.items : []\n    const nextIds = items\n      .map((item) => (typeof item?.id === 'string' ? item.id : ''))\n      .filter((id) => id.length > 0)\n\n    setAttachmentIds(nextIds)\n    return nextIds\n  }, [attachmentEntityId, attachmentRecordId, t])\n\n  React.useEffect(() => {\n    if (!isOpen) {\n      isOpenRef.current = false\n      return\n    }\n    // Only initialize on the closed \u2192 open transition. Subsequent parent\n    // re-renders that change `defaultValues` / `contextObject` references\n    // (inline object literals are a new reference on every render) MUST NOT\n    // overwrite state the user has typed in.\n    if (isOpenRef.current) return\n    isOpenRef.current = true\n\n    const nextRecipients = defaultValues?.recipients?.filter((value) => typeof value === 'string' && value.trim().length > 0) ?? []\n    const dedupedRecipients = Array.from(new Set(nextRecipients))\n\n    setRecipientIds(dedupedRecipients)\n    setMessageType(lockedType ?? defaultValues?.type ?? 'default')\n    setSubject(defaultValues?.subject ?? '')\n    setBody(defaultValues?.body ?? '')\n    setBodyFormat(defaultValues?.bodyFormat ?? 'text')\n    setPriority(defaultValues?.priority ?? 'normal')\n    setVisibility(defaultValues?.visibility ?? 'internal')\n    setExternalEmail(defaultValues?.externalEmail ?? '')\n    setAttachmentIds(\n      Array.isArray(defaultValues?.attachmentIds)\n        ? defaultValues.attachmentIds.filter((id): id is string => typeof id === 'string' && id.trim().length > 0)\n        : [],\n    )\n    setSendViaEmail(Boolean(defaultValues?.sendViaEmail))\n    if (contextObject) {\n      const defaultContextActionType = requiredActionConfig?.defaultActionType?.trim() ?? ''\n      const fallbackContextActionType = contextObject.actionType?.trim() ?? ''\n      const selectedActionType = defaultContextActionType || fallbackContextActionType\n      const selectedActionAllowed = contextActionOptions.some((option) => option.id === selectedActionType)\n      const nextActionType = selectedActionAllowed ? selectedActionType : ''\n      setContextActionType(nextActionType)\n      if (normalizedRequiredActionMode === 'required') {\n        setContextActionRequired(true)\n      } else if (normalizedRequiredActionMode === 'optional') {\n        setContextActionRequired(Boolean(nextActionType) || Boolean(contextObject.actionRequired))\n      } else {\n        setContextActionRequired(Boolean(contextObject.actionRequired))\n      }\n    } else {\n      setContextActionType('')\n      setContextActionRequired(false)\n    }\n    setReplyAll(Boolean(defaultValues?.replyAll))\n    setIncludeAttachments(defaultValues?.includeAttachments !== false)\n    setTemporaryAttachmentRecordId(createTemporaryAttachmentRecordId())\n    setSubmitError(null)\n  }, [\n    contextActionOptions,\n    contextObject,\n    defaultValues,\n    isOpen,\n    lockedType,\n    normalizedRequiredActionMode,\n    requiredActionConfig?.defaultActionType,\n  ])\n\n  React.useEffect(() => {\n    if (!isOpen) {\n      submitLockReleaseRef.current?.()\n      submitLockReleaseRef.current = null\n      wasOpenRef.current = false\n      return\n    }\n\n    const justOpened = isOpen && !wasOpenRef.current\n    wasOpenRef.current = isOpen\n    if (!justOpened) return\n    submitLockReleaseRef.current?.()\n    submitLockReleaseRef.current = null\n    setSubmitting(false)\n    setSubmitMode('send')\n  }, [isOpen])\n\n  React.useEffect(() => () => {\n    submitLockReleaseRef.current?.()\n    submitLockReleaseRef.current = null\n  }, [])\n\n  React.useEffect(() => {\n    if (!isOpen) return\n    if (variant !== 'forward') return\n    if (!messageId) return\n\n    let isActive = true\n\n    void (async () => {\n      const call = await apiCall<ForwardPreviewResponse>(`/api/messages/${encodeURIComponent(messageId)}/forward-preview`)\n      if (!isActive) return\n\n      if (!call.ok) {\n        const message = toErrorMessage(call.result)\n          ?? t('messages.errors.forwardPreviewFailed', 'Failed to load forward preview.')\n        setSubmitError(message)\n        flash(message, 'error')\n        return\n      }\n\n      if (typeof call.result?.subject === 'string') {\n        setSubject((previousValue) => (previousValue.trim().length > 0 ? previousValue : call.result?.subject ?? ''))\n      }\n      if (typeof call.result?.body === 'string') {\n        setBody((previousValue) => (previousValue.trim().length > 0 ? previousValue : call.result?.body ?? ''))\n      }\n      setBodyFormat('text')\n    })().catch((error) => {\n      if (!isActive) return\n      const message = error instanceof Error\n        ? error.message\n        : t('messages.errors.forwardPreviewFailed', 'Failed to load forward preview.')\n      setSubmitError(message)\n      flash(message, 'error')\n    })\n\n    return () => {\n      isActive = false\n    }\n  }, [isOpen, messageId, t, variant])\n\n  React.useEffect(() => {\n    if (!isOpen) return\n    if (variant !== 'compose' && variant !== 'reply') return\n    void loadAttachmentIds().catch(() => null)\n  }, [isOpen, loadAttachmentIds, variant])\n\n  React.useEffect(() => {\n    if (variant !== 'compose') return\n    if (!createableMessageTypes.length) return\n\n    if (lockedType) {\n      if (createableMessageTypes.some((item) => item.type === lockedType)) {\n        setMessageType(lockedType)\n        return\n      }\n      const defaultType = createableMessageTypes.find((item) => item.type === 'default')\n      setMessageType(defaultType?.type ?? createableMessageTypes[0]?.type ?? 'default')\n      return\n    }\n\n    if (createableMessageTypes.some((item) => item.type === messageType)) return\n\n    const defaultType = createableMessageTypes.find((item) => item.type === 'default')\n    setMessageType(defaultType?.type ?? createableMessageTypes[0]?.type ?? 'default')\n  }, [createableMessageTypes, lockedType, messageType, variant])\n\n  React.useEffect(() => {\n    if (variant !== 'compose') return\n    if (visibility !== 'public') return\n    setSendViaEmail(true)\n    setRecipientIds([])\n  }, [variant, visibility])\n\n  React.useEffect(() => {\n    if (isOpen) return\n    recipientSuggestionsCacheRef.current = null\n  }, [isOpen])\n\n  const resolveRecipientLabel = React.useCallback((id: string) => {\n    return recipientMap[id]?.label ?? id\n  }, [recipientMap])\n\n  const selectedRecipientOptions = React.useMemo(() => {\n    return recipientIds.map((id) => recipientMap[id] ?? { value: id, label: id })\n  }, [recipientIds, recipientMap])\n\n  const loadRecipientSuggestions = React.useCallback(async (_query?: string) => {\n    const cachedOptions = recipientSuggestionsCacheRef.current\n    if (cachedOptions) {\n      return cachedOptions\n    }\n\n    const params = new URLSearchParams()\n    params.set('page', '1')\n    params.set('pageSize', '100')\n    // Recipient lookup is filtered in TagsInput because incremental auth user search is unreliable.\n\n    const call = await apiCall<{ items?: UserListItem[] }>(\n      `/api/auth/users?${params.toString()}`,\n      {\n        headers: {\n          'x-om-forbidden-redirect': '0',\n        },\n      },\n    ).catch(() => null)\n    if (!call) {\n      return []\n    }\n    if (!call.ok) {\n      return []\n    }\n\n    const rawItems = Array.isArray(call.result?.items) ? call.result?.items ?? [] : []\n    const options: TagsInputOption[] = []\n    for (const item of rawItems) {\n      if (!item || typeof item !== 'object') continue\n      const id = typeof item.id === 'string' ? item.id : ''\n      if (!id) continue\n\n      const email = typeof item.email === 'string' && item.email.trim().length ? item.email.trim() : id\n      const name = typeof item.name === 'string' && item.name.trim().length ? item.name.trim() : undefined\n\n      options.push({\n        value: id,\n        label: email,\n        description: name,\n      })\n    }\n\n    if (options.length) {\n      setRecipientMap((prev) => {\n        const next = { ...prev }\n        for (const option of options) {\n          next[option.value] = option\n        }\n        return next\n      })\n    }\n\n    recipientSuggestionsCacheRef.current = options\n    return options\n  }, [])\n\n  const handleCancel = React.useCallback(() => {\n    if (submitting) return\n    if (!inline) {\n      onOpenChange?.(false)\n    }\n    onCancel?.()\n  }, [inline, onCancel, onOpenChange, submitting])\n\n  const composeSendOperation = useComposeSendOperation({\n    t,\n    messageType,\n    createableMessageTypes,\n    priority,\n    visibility,\n    externalEmail,\n    recipientIds,\n    subject,\n    body,\n    bodyFormat,\n    sendViaEmail,\n    contextObject,\n    defaultValues,\n    contextActionOptions,\n    normalizedRequiredActionMode,\n    shouldShowContextActions,\n    contextActionRequired,\n    contextActionType,\n  })\n\n  const composeDraftOperation = useComposeDraftOperation({\n    t,\n    messageId,\n    messageType,\n    priority,\n    visibility,\n    externalEmail,\n    recipientIds,\n    subject,\n    body,\n    bodyFormat,\n    sendViaEmail,\n    contextObject,\n    defaultValues,\n    contextActionOptions,\n    normalizedRequiredActionMode,\n    shouldShowContextActions,\n    contextActionRequired,\n    contextActionType,\n  })\n\n  const replyOperation = useReplySubmitOperation({\n    t,\n    messageId,\n    body,\n    bodyFormat,\n    replyAll,\n    recipientIds,\n    sendViaEmail,\n  })\n\n  const forwardOperation = useForwardSubmitOperation({\n    t,\n    messageId,\n    recipientIds,\n    body,\n    includeAttachments,\n    sendViaEmail,\n  })\n\n  const sendDraftOperation = useSendDraftOperation({\n    t,\n    messageId: messageId ?? '',\n    messageType,\n    priority,\n    visibility,\n    externalEmail,\n    recipientIds,\n    subject,\n    body,\n    bodyFormat,\n    sendViaEmail,\n    contextObject,\n    defaultValues,\n    contextActionOptions,\n    normalizedRequiredActionMode,\n    shouldShowContextActions,\n    contextActionRequired,\n    contextActionType,\n  })\n\n  const updateDraftOperation = useUpdateDraftOperation({\n    t,\n    messageId: messageId ?? '',\n    messageType,\n    priority,\n    visibility,\n    externalEmail,\n    recipientIds,\n    subject,\n    body,\n    bodyFormat,\n    sendViaEmail,\n    contextObject,\n    defaultValues,\n    contextActionOptions,\n    normalizedRequiredActionMode,\n    shouldShowContextActions,\n    contextActionRequired,\n    contextActionType,\n  })\n\n  const handleSubmit = React.useCallback(async ({ saveAsDraft = false }: { saveAsDraft?: boolean } = {}) => {\n    if (submitting) return false\n\n    setSubmitError(null)\n\n    const isEditingExistingDraft = variant === 'compose' && Boolean(messageId)\n    const isComposeDraftSubmit = saveAsDraft && variant === 'compose'\n    const operation = isComposeDraftSubmit\n      ? (isEditingExistingDraft ? updateDraftOperation : composeDraftOperation)\n      : variant === 'compose'\n        ? (isEditingExistingDraft ? sendDraftOperation : composeSendOperation)\n        : variant === 'reply'\n          ? replyOperation\n          : forwardOperation\n\n    const validationMessage = operation.validate()\n    if (validationMessage) {\n      setSubmitError(validationMessage)\n      flash(validationMessage, 'error')\n      return false\n    }\n\n    setSubmitMode(isComposeDraftSubmit ? 'draft' : 'send')\n    setSubmitting(true)\n    let keepSubmitLock = false\n    let shouldReturnFalse = false\n\n    try {\n      let nextAttachmentIds = attachmentIds\n      if (operation.requiresAttachmentRefresh) {\n        try {\n          nextAttachmentIds = await loadAttachmentIds()\n        } catch (error) {\n          const message = error instanceof Error\n            ? error.message\n            : t('messages.errors.loadAttachmentOptionsFailed', 'Failed to load attachments.')\n          setSubmitError(message)\n          flash(message, 'error')\n          shouldReturnFalse = true\n        }\n      }\n\n      if (!shouldReturnFalse) {\n        const { endpoint, method, payload } = operation.buildRequest({ attachmentIds: nextAttachmentIds })\n\n        const call = await apiCall<{ id?: string }>(endpoint, {\n          method,\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify(payload),\n        })\n\n        if (!call.ok) {\n          const message = toErrorMessage(call.result) ?? t('messages.errors.sendFailed', 'Failed to send message.')\n          setSubmitError(message)\n          flash(message, 'error')\n          shouldReturnFalse = true\n        } else {\n          flash(operation.successMessage, 'success')\n          keepSubmitLock = true\n\n          onSuccess?.({ id: call.result?.id })\n\n          if (!inline) {\n            onOpenChange?.(false)\n          }\n        }\n      }\n    } catch (error) {\n      const message = error instanceof Error\n        ? error.message\n        : t('messages.errors.sendFailed', 'Failed to send message.')\n      setSubmitError(message)\n      flash(message, 'error')\n      shouldReturnFalse = true\n    } finally {\n      if (!keepSubmitLock) {\n        setSubmitting(false)\n      }\n      setSubmitMode('send')\n    }\n\n    if (shouldReturnFalse) {\n      return false\n    }\n\n    if (keepSubmitLock) {\n      return await new Promise<boolean>((resolve) => {\n        submitLockReleaseRef.current = () => resolve(true)\n      })\n    }\n\n    return true\n  }, [\n    attachmentIds,\n    composeDraftOperation,\n    composeSendOperation,\n    forwardOperation,\n    inline,\n    loadAttachmentIds,\n    messageId,\n    onOpenChange,\n    onSuccess,\n    replyOperation,\n    sendDraftOperation,\n    submitting,\n    t,\n    updateDraftOperation,\n    variant,\n  ])\n\n  const handleSaveDraft = React.useCallback(() => {\n    if (variant !== 'compose') return\n    void handleSubmit({ saveAsDraft: true })\n  }, [handleSubmit, variant])\n\n  const handleBack = React.useCallback(() => {\n    if (submitting) return\n    handleCancel()\n  }, [handleCancel, submitting])\n\n  const handleDialogOpenChange = React.useCallback((nextOpen: boolean) => {\n    if (nextOpen) {\n      onOpenChange?.(true)\n      return\n    }\n    void handleBack()\n  }, [handleBack, onOpenChange])\n\n  const handleKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLDivElement>) => {\n    if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n      event.preventDefault()\n      void handleSubmit()\n      return\n    }\n\n    if (event.key === 'Escape') {\n      event.preventDefault()\n      handleCancel()\n    }\n  }, [handleCancel, handleSubmit])\n\n  const composerTitle = variant === 'reply'\n    ? t('messages.reply', 'Reply')\n    : variant === 'forward'\n      ? t('messages.forward', 'Forward')\n      : t('messages.compose', 'Compose message')\n\n  const submitLabel = submitting\n    ? submitMode === 'draft'\n      ? t('messages.savingDraft', 'Saving draft...')\n      : t('messages.sending', 'Sending...')\n    : variant === 'reply'\n      ? t('messages.reply', 'Reply')\n      : variant === 'forward'\n        ? t('messages.forward', 'Forward')\n        : t('messages.send', 'Send')\n\n  return {\n    t,\n    variant,\n    messageId,\n    open,\n    inline,\n    contextPreview,\n    isOpen,\n    messageTypes,\n    createableMessageTypes,\n    normalizedRequiredActionMode,\n    contextActionOptions,\n    shouldShowContextActions,\n    isComposePublicVisibility,\n    attachmentEntityId,\n    attachmentRecordId,\n    recipientIds,\n    setRecipientIds,\n    messageType,\n    setMessageType,\n    subject,\n    setSubject,\n    body,\n    setBody,\n    bodyFormat,\n    setBodyFormat,\n    priority,\n    setPriority,\n    visibility,\n    setVisibility,\n    externalEmail,\n    setExternalEmail,\n    sendViaEmail,\n    setSendViaEmail,\n    contextActionRequired,\n    setContextActionRequired,\n    contextActionType,\n    setContextActionType,\n    replyAll,\n    setReplyAll,\n    includeAttachments,\n    setIncludeAttachments,\n    submitting,\n    submitMode,\n    submitError,\n    composerTitle,\n    submitLabel,\n    selectedRecipientOptions,\n    resolveRecipientLabel,\n    loadRecipientSuggestions,\n    loadAttachmentIds,\n    handleSaveDraft,\n    handleBack,\n    handleSubmit,\n    handleDialogOpenChange,\n    handleKeyDown,\n  }\n}\n"],
-  "mappings": "AAAA,YAAY,WAAW;AACvB,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,aAAa;AACtB,SAAS,eAAe;AASxB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,eAAe,SAAiC;AACvD,MAAI,CAAC,QAAS,QAAO;AACrB,MAAI,OAAO,YAAY,SAAU,QAAO;AACxC,MAAI,MAAM,QAAQ,OAAO,GAAG;AAC1B,eAAW,QAAQ,SAAS;AAC1B,YAAM,SAAS,eAAe,IAAI;AAClC,UAAI,OAAQ,QAAO;AAAA,IACrB;AACA,WAAO;AAAA,EACT;AACA,MAAI,OAAO,YAAY,UAAU;AAC/B,UAAM,SAAS;AACf,WACE,eAAe,OAAO,KAAK,KACxB,eAAe,OAAO,OAAO,KAC7B,eAAe,OAAO,MAAM,KAC5B,eAAe,OAAO,OAAO,KAC7B;AAAA,EAEP;AACA,SAAO;AACT;AAEA,SAAS,oCAA4C;AACnD,QAAM,aACJ,OAAO,WAAW,eAAe,OAAO,OAAO,eAAe,aAC1D,OAAO,WAAW,IAClB,GAAG,KAAK,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,GAAG,EAAE,CAAC;AAC9D,SAAO,qBAAqB,UAAU;AACxC;AAmEO,SAAS,kBAAkB;AAAA,EAChC,SAAS,cAAc;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,uBAAuB;AAAA,EACvB,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AACF,GAAqD;AACnD,QAAM,IAAI,KAAK;AACf,QAAM,UAAU;AAChB,QAAM,SAAS,SAAS,OAAO,QAAQ,IAAI;AAC3C,QAAM,+BAA+B,MAAM,OAAiC,IAAI;AAEhF,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAmB,CAAC,CAAC;AACnE,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAA0C,CAAC,CAAC;AAC1F,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,cAAc,SAAS;AAC5E,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,EAAE;AAC/C,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,EAAE;AACzC,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAA8B,MAAM;AAC9E,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAA0B,QAAQ;AACxE,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAgC,UAAU;AACpF,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAS,EAAE;AAC3D,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAmB,CAAC,CAAC;AACrE,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAS,KAAK;AAC5D,QAAM,CAAC,uBAAuB,wBAAwB,IAAI,MAAM,SAAS,KAAK;AAC9E,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,MAAM,SAAS,EAAE;AACnE,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAS,KAAK;AACpD,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,MAAM,SAAS,IAAI;AACvE,QAAM,CAAC,6BAA6B,8BAA8B,IAAI,MAAM;AAAA,IAAiB,MAC3F,kCAAkC;AAAA,EACpC;AACA,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,KAAK;AACxD,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAA2B,MAAM;AAC3E,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAwB,IAAI;AAUxE,QAAM,YAAY,MAAM,OAAO,KAAK;AACpC,QAAM,aAAa,MAAM,OAAO,KAAK;AACrC,QAAM,uBAAuB,MAAM,OAA4B,IAAI;AAEnE,QAAM,oBAAoB,SAAS;AAAA,IACjC,UAAU,CAAC,YAAY,OAAO;AAAA,IAC9B,SAAS,YAAY,aAAa;AAAA,IAClC,WAAW,IAAI,KAAK;AAAA,IACpB,SAAS,YAAY;AACnB,YAAM,OAAO,MAAM,QAAuC,qBAAqB;AAC/E,UAAI,CAAC,KAAK,IAAI;AACZ,cAAM,IAAI;AAAA,UACR,eAAe,KAAK,MAAM,KACvB,EAAE,mCAAmC,+BAA+B;AAAA,QACzE;AAAA,MACF;AACA,aAAO,MAAM,QAAQ,KAAK,QAAQ,KAAK,IAAI,KAAK,QAAQ,SAAS,CAAC,IAAI,CAAC;AAAA,IACzE;AAAA,EACF,CAAC;AAED,QAAM,eAAe,MAAM;AAAA,IACzB,MAAM,kBAAkB,QAAQ,CAAC;AAAA,IACjC,CAAC,kBAAkB,IAAI;AAAA,EACzB;AACA,QAAM,yBAAyB,MAAM;AAAA,IACnC,MAAM,aAAa,OAAO,CAAC,SAAS,KAAK,uBAAuB,KAAK;AAAA,IACrE,CAAC,YAAY;AAAA,EACf;AACA,QAAM,+BAA+B,sBAAsB,QAAQ;AACnE,QAAM,uBAAuB,MAAM;AAAA,IACjC,OAAO,sBAAsB,WAAW,CAAC,GAAG,OAAO,CAAC,WAAW,OAAO,GAAG,KAAK,EAAE,SAAS,CAAC;AAAA,IAC1F,CAAC,sBAAsB,OAAO;AAAA,EAChC;AACA,QAAM,2BACJ,YAAY,aACT,QAAQ,aAAa,KACrB,iCAAiC,UACjC,qBAAqB,SAAS;AAGnC,QAAM,4BAA4B,YAAY,aAAa,eAAe;AAE1E,QAAM,qBAAqB,YAAY,aAAa,YAAY,qBAAqB;AACrF,QAAM,qBAAqB,YAAY,aAAa,YAAY,YAAY;AAE5E,QAAM,oBAAoB,MAAM,YAAY,YAA+B;AACzE,UAAM,SAAS,IAAI,gBAAgB;AACnC,WAAO,IAAI,YAAY,kBAAkB;AACzC,WAAO,IAAI,YAAY,kBAAkB;AAEzC,UAAM,OAAO,MAAM,QAAgC,oBAAoB,OAAO,SAAS,CAAC,EAAE;AAC1F,QAAI,CAAC,KAAK,IAAI;AACZ,YAAM,IAAI;AAAA,QACR,eAAe,KAAK,MAAM,KACvB,EAAE,+CAA+C,6BAA6B;AAAA,MACnF;AAAA,IACF;AAEA,UAAM,QAAQ,MAAM,QAAQ,KAAK,QAAQ,KAAK,IAAI,KAAK,OAAO,QAAQ,CAAC;AACvE,UAAM,UAAU,MACb,IAAI,CAAC,SAAU,OAAO,MAAM,OAAO,WAAW,KAAK,KAAK,EAAG,EAC3D,OAAO,CAAC,OAAO,GAAG,SAAS,CAAC;AAE/B,qBAAiB,OAAO;AACxB,WAAO;AAAA,EACT,GAAG,CAAC,oBAAoB,oBAAoB,CAAC,CAAC;AAE9C,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,QAAQ;AACX,gBAAU,UAAU;AACpB;AAAA,IACF;AAKA,QAAI,UAAU,QAAS;AACvB,cAAU,UAAU;AAEpB,UAAM,iBAAiB,eAAe,YAAY,OAAO,CAAC,UAAU,OAAO,UAAU,YAAY,MAAM,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC;AAC9H,UAAM,oBAAoB,MAAM,KAAK,IAAI,IAAI,cAAc,CAAC;AAE5D,oBAAgB,iBAAiB;AACjC,mBAAe,cAAc,eAAe,QAAQ,SAAS;AAC7D,eAAW,eAAe,WAAW,EAAE;AACvC,YAAQ,eAAe,QAAQ,EAAE;AACjC,kBAAc,eAAe,cAAc,MAAM;AACjD,gBAAY,eAAe,YAAY,QAAQ;AAC/C,kBAAc,eAAe,cAAc,UAAU;AACrD,qBAAiB,eAAe,iBAAiB,EAAE;AACnD;AAAA,MACE,MAAM,QAAQ,eAAe,aAAa,IACtC,cAAc,cAAc,OAAO,CAAC,OAAqB,OAAO,OAAO,YAAY,GAAG,KAAK,EAAE,SAAS,CAAC,IACvG,CAAC;AAAA,IACP;AACA,oBAAgB,QAAQ,eAAe,YAAY,CAAC;AACpD,QAAI,eAAe;AACjB,YAAM,2BAA2B,sBAAsB,mBAAmB,KAAK,KAAK;AACpF,YAAM,4BAA4B,cAAc,YAAY,KAAK,KAAK;AACtE,YAAM,qBAAqB,4BAA4B;AACvD,YAAM,wBAAwB,qBAAqB,KAAK,CAAC,WAAW,OAAO,OAAO,kBAAkB;AACpG,YAAM,iBAAiB,wBAAwB,qBAAqB;AACpE,2BAAqB,cAAc;AACnC,UAAI,iCAAiC,YAAY;AAC/C,iCAAyB,IAAI;AAAA,MAC/B,WAAW,iCAAiC,YAAY;AACtD,iCAAyB,QAAQ,cAAc,KAAK,QAAQ,cAAc,cAAc,CAAC;AAAA,MAC3F,OAAO;AACL,iCAAyB,QAAQ,cAAc,cAAc,CAAC;AAAA,MAChE;AAAA,IACF,OAAO;AACL,2BAAqB,EAAE;AACvB,+BAAyB,KAAK;AAAA,IAChC;AACA,gBAAY,QAAQ,eAAe,QAAQ,CAAC;AAC5C,0BAAsB,eAAe,uBAAuB,KAAK;AACjE,mCAA+B,kCAAkC,CAAC;AAClE,mBAAe,IAAI;AAAA,EACrB,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,sBAAsB;AAAA,EACxB,CAAC;AAED,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,QAAQ;AACX,2BAAqB,UAAU;AAC/B,2BAAqB,UAAU;AAC/B,iBAAW,UAAU;AACrB;AAAA,IACF;AAEA,UAAM,aAAa,UAAU,CAAC,WAAW;AACzC,eAAW,UAAU;AACrB,QAAI,CAAC,WAAY;AACjB,yBAAqB,UAAU;AAC/B,yBAAqB,UAAU;AAC/B,kBAAc,KAAK;AACnB,kBAAc,MAAM;AAAA,EACtB,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,UAAU,MAAM,MAAM;AAC1B,yBAAqB,UAAU;AAC/B,yBAAqB,UAAU;AAAA,EACjC,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,OAAQ;AACb,QAAI,YAAY,UAAW;AAC3B,QAAI,CAAC,UAAW;AAEhB,QAAI,WAAW;AAEf,UAAM,YAAY;AAChB,YAAM,OAAO,MAAM,QAAgC,iBAAiB,mBAAmB,SAAS,CAAC,kBAAkB;AACnH,UAAI,CAAC,SAAU;AAEf,UAAI,CAAC,KAAK,IAAI;AACZ,cAAM,UAAU,eAAe,KAAK,MAAM,KACrC,EAAE,wCAAwC,iCAAiC;AAChF,uBAAe,OAAO;AACtB,cAAM,SAAS,OAAO;AACtB;AAAA,MACF;AAEA,UAAI,OAAO,KAAK,QAAQ,YAAY,UAAU;AAC5C,mBAAW,CAAC,kBAAmB,cAAc,KAAK,EAAE,SAAS,IAAI,gBAAgB,KAAK,QAAQ,WAAW,EAAG;AAAA,MAC9G;AACA,UAAI,OAAO,KAAK,QAAQ,SAAS,UAAU;AACzC,gBAAQ,CAAC,kBAAmB,cAAc,KAAK,EAAE,SAAS,IAAI,gBAAgB,KAAK,QAAQ,QAAQ,EAAG;AAAA,MACxG;AACA,oBAAc,MAAM;AAAA,IACtB,GAAG,EAAE,MAAM,CAAC,UAAU;AACpB,UAAI,CAAC,SAAU;AACf,YAAM,UAAU,iBAAiB,QAC7B,MAAM,UACN,EAAE,wCAAwC,iCAAiC;AAC/E,qBAAe,OAAO;AACtB,YAAM,SAAS,OAAO;AAAA,IACxB,CAAC;AAED,WAAO,MAAM;AACX,iBAAW;AAAA,IACb;AAAA,EACF,GAAG,CAAC,QAAQ,WAAW,GAAG,OAAO,CAAC;AAElC,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,OAAQ;AACb,QAAI,YAAY,aAAa,YAAY,QAAS;AAClD,SAAK,kBAAkB,EAAE,MAAM,MAAM,IAAI;AAAA,EAC3C,GAAG,CAAC,QAAQ,mBAAmB,OAAO,CAAC;AAEvC,QAAM,UAAU,MAAM;AACpB,QAAI,YAAY,UAAW;AAC3B,QAAI,CAAC,uBAAuB,OAAQ;AAEpC,QAAI,YAAY;AACd,UAAI,uBAAuB,KAAK,CAAC,SAAS,KAAK,SAAS,UAAU,GAAG;AACnE,uBAAe,UAAU;AACzB;AAAA,MACF;AACA,YAAMA,eAAc,uBAAuB,KAAK,CAAC,SAAS,KAAK,SAAS,SAAS;AACjF,qBAAeA,cAAa,QAAQ,uBAAuB,CAAC,GAAG,QAAQ,SAAS;AAChF;AAAA,IACF;AAEA,QAAI,uBAAuB,KAAK,CAAC,SAAS,KAAK,SAAS,WAAW,EAAG;AAEtE,UAAM,cAAc,uBAAuB,KAAK,CAAC,SAAS,KAAK,SAAS,SAAS;AACjF,mBAAe,aAAa,QAAQ,uBAAuB,CAAC,GAAG,QAAQ,SAAS;AAAA,EAClF,GAAG,CAAC,wBAAwB,YAAY,aAAa,OAAO,CAAC;AAE7D,QAAM,UAAU,MAAM;AACpB,QAAI,YAAY,UAAW;AAC3B,QAAI,eAAe,SAAU;AAC7B,oBAAgB,IAAI;AACpB,oBAAgB,CAAC,CAAC;AAAA,EACpB,GAAG,CAAC,SAAS,UAAU,CAAC;AAExB,QAAM,UAAU,MAAM;AACpB,QAAI,OAAQ;AACZ,iCAA6B,UAAU;AAAA,EACzC,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,wBAAwB,MAAM,YAAY,CAAC,OAAe;AAC9D,WAAO,aAAa,EAAE,GAAG,SAAS;AAAA,EACpC,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,2BAA2B,MAAM,QAAQ,MAAM;AACnD,WAAO,aAAa,IAAI,CAAC,OAAO,aAAa,EAAE,KAAK,EAAE,OAAO,IAAI,OAAO,GAAG,CAAC;AAAA,EAC9E,GAAG,CAAC,cAAc,YAAY,CAAC;AAE/B,QAAM,2BAA2B,MAAM,YAAY,OAAO,WAAoB;AAC5E,UAAM,gBAAgB,6BAA6B;AACnD,QAAI,eAAe;AACjB,aAAO;AAAA,IACT;AAEA,UAAM,SAAS,IAAI,gBAAgB;AACnC,WAAO,IAAI,QAAQ,GAAG;AACtB,WAAO,IAAI,YAAY,KAAK;AAG5B,UAAM,OAAO,MAAM;AAAA,MACjB,mBAAmB,OAAO,SAAS,CAAC;AAAA,MACpC;AAAA,QACE,SAAS;AAAA,UACP,2BAA2B;AAAA,QAC7B;AAAA,MACF;AAAA,IACF,EAAE,MAAM,MAAM,IAAI;AAClB,QAAI,CAAC,MAAM;AACT,aAAO,CAAC;AAAA,IACV;AACA,QAAI,CAAC,KAAK,IAAI;AACZ,aAAO,CAAC;AAAA,IACV;AAEA,UAAM,WAAW,MAAM,QAAQ,KAAK,QAAQ,KAAK,IAAI,KAAK,QAAQ,SAAS,CAAC,IAAI,CAAC;AACjF,UAAM,UAA6B,CAAC;AACpC,eAAW,QAAQ,UAAU;AAC3B,UAAI,CAAC,QAAQ,OAAO,SAAS,SAAU;AACvC,YAAM,KAAK,OAAO,KAAK,OAAO,WAAW,KAAK,KAAK;AACnD,UAAI,CAAC,GAAI;AAET,YAAM,QAAQ,OAAO,KAAK,UAAU,YAAY,KAAK,MAAM,KAAK,EAAE,SAAS,KAAK,MAAM,KAAK,IAAI;AAC/F,YAAM,OAAO,OAAO,KAAK,SAAS,YAAY,KAAK,KAAK,KAAK,EAAE,SAAS,KAAK,KAAK,KAAK,IAAI;AAE3F,cAAQ,KAAK;AAAA,QACX,OAAO;AAAA,QACP,OAAO;AAAA,QACP,aAAa;AAAA,MACf,CAAC;AAAA,IACH;AAEA,QAAI,QAAQ,QAAQ;AAClB,sBAAgB,CAAC,SAAS;AACxB,cAAM,OAAO,EAAE,GAAG,KAAK;AACvB,mBAAW,UAAU,SAAS;AAC5B,eAAK,OAAO,KAAK,IAAI;AAAA,QACvB;AACA,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAEA,iCAA6B,UAAU;AACvC,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AAEL,QAAM,eAAe,MAAM,YAAY,MAAM;AAC3C,QAAI,WAAY;AAChB,QAAI,CAAC,QAAQ;AACX,qBAAe,KAAK;AAAA,IACtB;AACA,eAAW;AAAA,EACb,GAAG,CAAC,QAAQ,UAAU,cAAc,UAAU,CAAC;AAE/C,QAAM,uBAAuB,wBAAwB;AAAA,IACnD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,wBAAwB,yBAAyB;AAAA,IACrD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,iBAAiB,wBAAwB;AAAA,IAC7C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,mBAAmB,0BAA0B;AAAA,IACjD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,qBAAqB,sBAAsB;AAAA,IAC/C;AAAA,IACA,WAAW,aAAa;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,uBAAuB,wBAAwB;AAAA,IACnD;AAAA,IACA,WAAW,aAAa;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,eAAe,MAAM,YAAY,OAAO,EAAE,cAAc,MAAM,IAA+B,CAAC,MAAM;AACxG,QAAI,WAAY,QAAO;AAEvB,mBAAe,IAAI;AAEnB,UAAM,yBAAyB,YAAY,aAAa,QAAQ,SAAS;AACzE,UAAM,uBAAuB,eAAe,YAAY;AACxD,UAAM,YAAY,uBACb,yBAAyB,uBAAuB,wBACjD,YAAY,YACT,yBAAyB,qBAAqB,uBAC/C,YAAY,UACV,iBACA;AAER,UAAM,oBAAoB,UAAU,SAAS;AAC7C,QAAI,mBAAmB;AACrB,qBAAe,iBAAiB;AAChC,YAAM,mBAAmB,OAAO;AAChC,aAAO;AAAA,IACT;AAEA,kBAAc,uBAAuB,UAAU,MAAM;AACrD,kBAAc,IAAI;AAClB,QAAI,iBAAiB;AACrB,QAAI,oBAAoB;AAExB,QAAI;AACF,UAAI,oBAAoB;AACxB,UAAI,UAAU,2BAA2B;AACvC,YAAI;AACF,8BAAoB,MAAM,kBAAkB;AAAA,QAC9C,SAAS,OAAO;AACd,gBAAM,UAAU,iBAAiB,QAC7B,MAAM,UACN,EAAE,+CAA+C,6BAA6B;AAClF,yBAAe,OAAO;AACtB,gBAAM,SAAS,OAAO;AACtB,8BAAoB;AAAA,QACtB;AAAA,MACF;AAEA,UAAI,CAAC,mBAAmB;AACtB,cAAM,EAAE,UAAU,QAAQ,QAAQ,IAAI,UAAU,aAAa,EAAE,eAAe,kBAAkB,CAAC;AAEjG,cAAM,OAAO,MAAM,QAAyB,UAAU;AAAA,UACpD;AAAA,UACA,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,UAC9C,MAAM,KAAK,UAAU,OAAO;AAAA,QAC9B,CAAC;AAED,YAAI,CAAC,KAAK,IAAI;AACZ,gBAAM,UAAU,eAAe,KAAK,MAAM,KAAK,EAAE,8BAA8B,yBAAyB;AACxG,yBAAe,OAAO;AACtB,gBAAM,SAAS,OAAO;AACtB,8BAAoB;AAAA,QACtB,OAAO;AACL,gBAAM,UAAU,gBAAgB,SAAS;AACzC,2BAAiB;AAEjB,sBAAY,EAAE,IAAI,KAAK,QAAQ,GAAG,CAAC;AAEnC,cAAI,CAAC,QAAQ;AACX,2BAAe,KAAK;AAAA,UACtB;AAAA,QACF;AAAA,MACF;AAAA,IACF,SAAS,OAAO;AACd,YAAM,UAAU,iBAAiB,QAC7B,MAAM,UACN,EAAE,8BAA8B,yBAAyB;AAC7D,qBAAe,OAAO;AACtB,YAAM,SAAS,OAAO;AACtB,0BAAoB;AAAA,IACtB,UAAE;AACA,UAAI,CAAC,gBAAgB;AACnB,sBAAc,KAAK;AAAA,MACrB;AACA,oBAAc,MAAM;AAAA,IACtB;AAEA,QAAI,mBAAmB;AACrB,aAAO;AAAA,IACT;AAEA,QAAI,gBAAgB;AAClB,aAAO,MAAM,IAAI,QAAiB,CAAC,YAAY;AAC7C,6BAAqB,UAAU,MAAM,QAAQ,IAAI;AAAA,MACnD,CAAC;AAAA,IACH;AAEA,WAAO;AAAA,EACT,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,kBAAkB,MAAM,YAAY,MAAM;AAC9C,QAAI,YAAY,UAAW;AAC3B,SAAK,aAAa,EAAE,aAAa,KAAK,CAAC;AAAA,EACzC,GAAG,CAAC,cAAc,OAAO,CAAC;AAE1B,QAAM,aAAa,MAAM,YAAY,MAAM;AACzC,QAAI,WAAY;AAChB,iBAAa;AAAA,EACf,GAAG,CAAC,cAAc,UAAU,CAAC;AAE7B,QAAM,yBAAyB,MAAM,YAAY,CAAC,aAAsB;AACtE,QAAI,UAAU;AACZ,qBAAe,IAAI;AACnB;AAAA,IACF;AACA,SAAK,WAAW;AAAA,EAClB,GAAG,CAAC,YAAY,YAAY,CAAC;AAE7B,QAAM,gBAAgB,MAAM,YAAY,CAAC,UAA+C;AACtF,SAAK,MAAM,WAAW,MAAM,YAAY,MAAM,QAAQ,SAAS;AAC7D,YAAM,eAAe;AACrB,WAAK,aAAa;AAClB;AAAA,IACF;AAEA,QAAI,MAAM,QAAQ,UAAU;AAC1B,YAAM,eAAe;AACrB,mBAAa;AAAA,IACf;AAAA,EACF,GAAG,CAAC,cAAc,YAAY,CAAC;AAE/B,QAAM,gBAAgB,YAAY,UAC9B,EAAE,kBAAkB,OAAO,IAC3B,YAAY,YACV,EAAE,oBAAoB,SAAS,IAC/B,EAAE,oBAAoB,iBAAiB;AAE7C,QAAM,cAAc,aAChB,eAAe,UACb,EAAE,wBAAwB,iBAAiB,IAC3C,EAAE,oBAAoB,YAAY,IACpC,YAAY,UACV,EAAE,kBAAkB,OAAO,IAC3B,YAAY,YACV,EAAE,oBAAoB,SAAS,IAC/B,EAAE,iBAAiB,MAAM;AAEjC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import * as React from 'react'\nimport { useQuery } from '@tanstack/react-query'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { flash } from '../FlashMessages'\nimport { apiCall, withScopedApiRequestHeaders } from '../utils/apiCall'\nimport { buildOptimisticLockHeader } from '../utils/optimisticLock'\nimport { surfaceRecordConflict } from '../conflicts'\nimport type {\n  AttachmentListResponse,\n  MessageComposerProps,\n  MessageTypeItem,\n  UserListItem,\n} from './message-composer.types'\nimport type { MessagePriority } from './message-priority'\nimport type { TagsInputOption } from '../inputs/TagsInput'\nimport {\n  useComposeDraftOperation,\n  useComposeSendOperation,\n  useForwardSubmitOperation,\n  useReplySubmitOperation,\n  useSendDraftOperation,\n  useUpdateDraftOperation,\n} from './useMessageComposeOperations'\n\nfunction toErrorMessage(payload: unknown): string | null {\n  if (!payload) return null\n  if (typeof payload === 'string') return payload\n  if (Array.isArray(payload)) {\n    for (const item of payload) {\n      const nested = toErrorMessage(item)\n      if (nested) return nested\n    }\n    return null\n  }\n  if (typeof payload === 'object') {\n    const record = payload as Record<string, unknown>\n    return (\n      toErrorMessage(record.error)\n      ?? toErrorMessage(record.message)\n      ?? toErrorMessage(record.detail)\n      ?? toErrorMessage(record.details)\n      ?? null\n    )\n  }\n  return null\n}\n\nfunction createTemporaryAttachmentRecordId(): string {\n  const randomPart =\n    typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function'\n      ? crypto.randomUUID()\n      : `${Date.now()}-${Math.random().toString(36).slice(2, 10)}`\n  return `messages-composer:${randomPart}`\n}\n\nexport type UseMessageComposeParams = MessageComposerProps\n\nexport type UseMessageComposeResult = {\n  t: ReturnType<typeof useT>\n  variant: NonNullable<MessageComposerProps['variant']>\n  messageId?: string\n  open?: boolean\n  inline: boolean\n  contextPreview: React.ReactNode\n  isOpen: boolean\n  messageTypes: MessageTypeItem[]\n  createableMessageTypes: MessageTypeItem[]\n  normalizedRequiredActionMode: 'none' | 'optional' | 'required'\n  contextActionOptions: Array<{ id: string; label: string }>\n  shouldShowContextActions: boolean\n  isComposePublicVisibility: boolean\n  attachmentEntityId: string\n  attachmentRecordId: string\n  recipientIds: string[]\n  setRecipientIds: React.Dispatch<React.SetStateAction<string[]>>\n  messageType: string\n  setMessageType: React.Dispatch<React.SetStateAction<string>>\n  subject: string\n  setSubject: React.Dispatch<React.SetStateAction<string>>\n  body: string\n  setBody: React.Dispatch<React.SetStateAction<string>>\n  bodyFormat: 'text' | 'markdown'\n  setBodyFormat: React.Dispatch<React.SetStateAction<'text' | 'markdown'>>\n  priority: MessagePriority\n  setPriority: React.Dispatch<React.SetStateAction<MessagePriority>>\n  visibility: 'public' | 'internal'\n  setVisibility: React.Dispatch<React.SetStateAction<'public' | 'internal'>>\n  externalEmail: string\n  setExternalEmail: React.Dispatch<React.SetStateAction<string>>\n  sendViaEmail: boolean\n  setSendViaEmail: React.Dispatch<React.SetStateAction<boolean>>\n  contextActionRequired: boolean\n  setContextActionRequired: React.Dispatch<React.SetStateAction<boolean>>\n  contextActionType: string\n  setContextActionType: React.Dispatch<React.SetStateAction<string>>\n  replyAll: boolean\n  setReplyAll: React.Dispatch<React.SetStateAction<boolean>>\n  includeAttachments: boolean\n  setIncludeAttachments: React.Dispatch<React.SetStateAction<boolean>>\n  submitting: boolean\n  submitMode: 'send' | 'draft'\n  submitError: string | null\n  composerTitle: string\n  submitLabel: string\n  selectedRecipientOptions: TagsInputOption[]\n  resolveRecipientLabel: (id: string) => string\n  loadRecipientSuggestions: (query?: string) => Promise<TagsInputOption[]>\n  loadAttachmentIds: () => Promise<string[]>\n  handleSaveDraft: () => void\n  handleBack: () => void\n  handleSubmit: ({ saveAsDraft }?: { saveAsDraft?: boolean }) => Promise<boolean>\n  handleDialogOpenChange: (nextOpen: boolean) => void\n  handleKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void\n}\n\ntype ForwardPreviewResponse = {\n  subject?: string\n  body?: string\n}\n\nexport function useMessageCompose({\n  variant: variantProp = 'compose',\n  messageId,\n  open,\n  onOpenChange,\n  inline = false,\n  lockedType = null,\n  contextObject = null,\n  requiredActionConfig = null,\n  contextPreview = null,\n  defaultValues,\n  expectedUpdatedAt = null,\n  onSuccess,\n  onCancel,\n}: UseMessageComposeParams): UseMessageComposeResult {\n  const t = useT()\n  const variant = variantProp\n  const isOpen = inline ? true : Boolean(open)\n  const recipientSuggestionsCacheRef = React.useRef<TagsInputOption[] | null>(null)\n\n  const [recipientIds, setRecipientIds] = React.useState<string[]>([])\n  const [recipientMap, setRecipientMap] = React.useState<Record<string, TagsInputOption>>({})\n  const [messageType, setMessageType] = React.useState(lockedType ?? 'default')\n  const [subject, setSubject] = React.useState('')\n  const [body, setBody] = React.useState('')\n  const [bodyFormat, setBodyFormat] = React.useState<'text' | 'markdown'>('text')\n  const [priority, setPriority] = React.useState<MessagePriority>('normal')\n  const [visibility, setVisibility] = React.useState<'public' | 'internal'>('internal')\n  const [externalEmail, setExternalEmail] = React.useState('')\n  const [attachmentIds, setAttachmentIds] = React.useState<string[]>([])\n  const [sendViaEmail, setSendViaEmail] = React.useState(false)\n  const [contextActionRequired, setContextActionRequired] = React.useState(false)\n  const [contextActionType, setContextActionType] = React.useState('')\n  const [replyAll, setReplyAll] = React.useState(false)\n  const [includeAttachments, setIncludeAttachments] = React.useState(true)\n  const [temporaryAttachmentRecordId, setTemporaryAttachmentRecordId] = React.useState<string>(() =>\n    createTemporaryAttachmentRecordId(),\n  )\n  const [submitting, setSubmitting] = React.useState(false)\n  const [submitMode, setSubmitMode] = React.useState<'send' | 'draft'>('send')\n  const [submitError, setSubmitError] = React.useState<string | null>(null)\n  // Tracks whether the composer is currently in the \"open\" lifecycle so the init\n  // effect below only runs on the closed \u2192 open transition, not on every parent\n  // re-render that produces a new `defaultValues` / `contextObject` reference\n  // while the user is typing. Without this guard, an inline literal\n  // `defaultValues={{...}}` in a re-rendering parent (e.g. message detail page\n  // with live notification badges or queue progress) would clear the body /\n  // subject mid-keystroke. CI shard 9 surfaced this as TC-MSG-009 timing out\n  // because `keyboard.type` characters appeared to \"type nowhere\" \u2014 they were\n  // typed correctly, then immediately wiped by the next effect run.\n  const isOpenRef = React.useRef(false)\n  const wasOpenRef = React.useRef(false)\n  const submitLockReleaseRef = React.useRef<(() => void) | null>(null)\n\n  const messageTypesQuery = useQuery({\n    queryKey: ['messages', 'types'],\n    enabled: variant === 'compose' && isOpen,\n    staleTime: 5 * 60 * 1000,\n    queryFn: async () => {\n      const call = await apiCall<{ items?: MessageTypeItem[] }>('/api/messages/types')\n      if (!call.ok) {\n        throw new Error(\n          toErrorMessage(call.result)\n          ?? t('messages.errors.loadTypesFailed', 'Failed to load message types.'),\n        )\n      }\n      return Array.isArray(call.result?.items) ? call.result?.items ?? [] : []\n    },\n  })\n\n  const messageTypes = React.useMemo(\n    () => messageTypesQuery.data ?? [],\n    [messageTypesQuery.data],\n  )\n  const createableMessageTypes = React.useMemo(\n    () => messageTypes.filter((item) => item.isCreateableByUser !== false),\n    [messageTypes],\n  )\n  const normalizedRequiredActionMode = requiredActionConfig?.mode ?? 'none'\n  const contextActionOptions = React.useMemo(\n    () => (requiredActionConfig?.options ?? []).filter((option) => option.id.trim().length > 0),\n    [requiredActionConfig?.options],\n  )\n  const shouldShowContextActions = (\n    variant === 'compose'\n    && Boolean(contextObject)\n    && normalizedRequiredActionMode !== 'none'\n    && contextActionOptions.length > 0\n  )\n\n  const isComposePublicVisibility = variant === 'compose' && visibility === 'public'\n\n  const attachmentEntityId = variant === 'compose' && messageId ? 'messages:message' : 'attachments:library'\n  const attachmentRecordId = variant === 'compose' && messageId ? messageId : temporaryAttachmentRecordId\n\n  const loadAttachmentIds = React.useCallback(async (): Promise<string[]> => {\n    const params = new URLSearchParams()\n    params.set('entityId', attachmentEntityId)\n    params.set('recordId', attachmentRecordId)\n\n    const call = await apiCall<AttachmentListResponse>(`/api/attachments?${params.toString()}`)\n    if (!call.ok) {\n      throw new Error(\n        toErrorMessage(call.result)\n        ?? t('messages.errors.loadAttachmentOptionsFailed', 'Failed to load attachments.'),\n      )\n    }\n\n    const items = Array.isArray(call.result?.items) ? call.result.items : []\n    const nextIds = items\n      .map((item) => (typeof item?.id === 'string' ? item.id : ''))\n      .filter((id) => id.length > 0)\n\n    setAttachmentIds(nextIds)\n    return nextIds\n  }, [attachmentEntityId, attachmentRecordId, t])\n\n  React.useEffect(() => {\n    if (!isOpen) {\n      isOpenRef.current = false\n      return\n    }\n    // Only initialize on the closed \u2192 open transition. Subsequent parent\n    // re-renders that change `defaultValues` / `contextObject` references\n    // (inline object literals are a new reference on every render) MUST NOT\n    // overwrite state the user has typed in.\n    if (isOpenRef.current) return\n    isOpenRef.current = true\n\n    const nextRecipients = defaultValues?.recipients?.filter((value) => typeof value === 'string' && value.trim().length > 0) ?? []\n    const dedupedRecipients = Array.from(new Set(nextRecipients))\n\n    setRecipientIds(dedupedRecipients)\n    setMessageType(lockedType ?? defaultValues?.type ?? 'default')\n    setSubject(defaultValues?.subject ?? '')\n    setBody(defaultValues?.body ?? '')\n    setBodyFormat(defaultValues?.bodyFormat ?? 'text')\n    setPriority(defaultValues?.priority ?? 'normal')\n    setVisibility(defaultValues?.visibility ?? 'internal')\n    setExternalEmail(defaultValues?.externalEmail ?? '')\n    setAttachmentIds(\n      Array.isArray(defaultValues?.attachmentIds)\n        ? defaultValues.attachmentIds.filter((id): id is string => typeof id === 'string' && id.trim().length > 0)\n        : [],\n    )\n    setSendViaEmail(Boolean(defaultValues?.sendViaEmail))\n    if (contextObject) {\n      const defaultContextActionType = requiredActionConfig?.defaultActionType?.trim() ?? ''\n      const fallbackContextActionType = contextObject.actionType?.trim() ?? ''\n      const selectedActionType = defaultContextActionType || fallbackContextActionType\n      const selectedActionAllowed = contextActionOptions.some((option) => option.id === selectedActionType)\n      const nextActionType = selectedActionAllowed ? selectedActionType : ''\n      setContextActionType(nextActionType)\n      if (normalizedRequiredActionMode === 'required') {\n        setContextActionRequired(true)\n      } else if (normalizedRequiredActionMode === 'optional') {\n        setContextActionRequired(Boolean(nextActionType) || Boolean(contextObject.actionRequired))\n      } else {\n        setContextActionRequired(Boolean(contextObject.actionRequired))\n      }\n    } else {\n      setContextActionType('')\n      setContextActionRequired(false)\n    }\n    setReplyAll(Boolean(defaultValues?.replyAll))\n    setIncludeAttachments(defaultValues?.includeAttachments !== false)\n    setTemporaryAttachmentRecordId(createTemporaryAttachmentRecordId())\n    setSubmitError(null)\n  }, [\n    contextActionOptions,\n    contextObject,\n    defaultValues,\n    isOpen,\n    lockedType,\n    normalizedRequiredActionMode,\n    requiredActionConfig?.defaultActionType,\n  ])\n\n  React.useEffect(() => {\n    if (!isOpen) {\n      submitLockReleaseRef.current?.()\n      submitLockReleaseRef.current = null\n      wasOpenRef.current = false\n      return\n    }\n\n    const justOpened = isOpen && !wasOpenRef.current\n    wasOpenRef.current = isOpen\n    if (!justOpened) return\n    submitLockReleaseRef.current?.()\n    submitLockReleaseRef.current = null\n    setSubmitting(false)\n    setSubmitMode('send')\n  }, [isOpen])\n\n  React.useEffect(() => () => {\n    submitLockReleaseRef.current?.()\n    submitLockReleaseRef.current = null\n  }, [])\n\n  React.useEffect(() => {\n    if (!isOpen) return\n    if (variant !== 'forward') return\n    if (!messageId) return\n\n    let isActive = true\n\n    void (async () => {\n      const call = await apiCall<ForwardPreviewResponse>(`/api/messages/${encodeURIComponent(messageId)}/forward-preview`)\n      if (!isActive) return\n\n      if (!call.ok) {\n        const message = toErrorMessage(call.result)\n          ?? t('messages.errors.forwardPreviewFailed', 'Failed to load forward preview.')\n        setSubmitError(message)\n        flash(message, 'error')\n        return\n      }\n\n      if (typeof call.result?.subject === 'string') {\n        setSubject((previousValue) => (previousValue.trim().length > 0 ? previousValue : call.result?.subject ?? ''))\n      }\n      if (typeof call.result?.body === 'string') {\n        setBody((previousValue) => (previousValue.trim().length > 0 ? previousValue : call.result?.body ?? ''))\n      }\n      setBodyFormat('text')\n    })().catch((error) => {\n      if (!isActive) return\n      const message = error instanceof Error\n        ? error.message\n        : t('messages.errors.forwardPreviewFailed', 'Failed to load forward preview.')\n      setSubmitError(message)\n      flash(message, 'error')\n    })\n\n    return () => {\n      isActive = false\n    }\n  }, [isOpen, messageId, t, variant])\n\n  React.useEffect(() => {\n    if (!isOpen) return\n    if (variant !== 'compose' && variant !== 'reply') return\n    void loadAttachmentIds().catch(() => null)\n  }, [isOpen, loadAttachmentIds, variant])\n\n  React.useEffect(() => {\n    if (variant !== 'compose') return\n    if (!createableMessageTypes.length) return\n\n    if (lockedType) {\n      if (createableMessageTypes.some((item) => item.type === lockedType)) {\n        setMessageType(lockedType)\n        return\n      }\n      const defaultType = createableMessageTypes.find((item) => item.type === 'default')\n      setMessageType(defaultType?.type ?? createableMessageTypes[0]?.type ?? 'default')\n      return\n    }\n\n    if (createableMessageTypes.some((item) => item.type === messageType)) return\n\n    const defaultType = createableMessageTypes.find((item) => item.type === 'default')\n    setMessageType(defaultType?.type ?? createableMessageTypes[0]?.type ?? 'default')\n  }, [createableMessageTypes, lockedType, messageType, variant])\n\n  React.useEffect(() => {\n    if (variant !== 'compose') return\n    if (visibility !== 'public') return\n    setSendViaEmail(true)\n    setRecipientIds([])\n  }, [variant, visibility])\n\n  React.useEffect(() => {\n    if (isOpen) return\n    recipientSuggestionsCacheRef.current = null\n  }, [isOpen])\n\n  const resolveRecipientLabel = React.useCallback((id: string) => {\n    return recipientMap[id]?.label ?? id\n  }, [recipientMap])\n\n  const selectedRecipientOptions = React.useMemo(() => {\n    return recipientIds.map((id) => recipientMap[id] ?? { value: id, label: id })\n  }, [recipientIds, recipientMap])\n\n  const loadRecipientSuggestions = React.useCallback(async (_query?: string) => {\n    const cachedOptions = recipientSuggestionsCacheRef.current\n    if (cachedOptions) {\n      return cachedOptions\n    }\n\n    const params = new URLSearchParams()\n    params.set('page', '1')\n    params.set('pageSize', '100')\n    // Recipient lookup is filtered in TagsInput because incremental auth user search is unreliable.\n\n    const call = await apiCall<{ items?: UserListItem[] }>(\n      `/api/auth/users?${params.toString()}`,\n      {\n        headers: {\n          'x-om-forbidden-redirect': '0',\n        },\n      },\n    ).catch(() => null)\n    if (!call) {\n      return []\n    }\n    if (!call.ok) {\n      return []\n    }\n\n    const rawItems = Array.isArray(call.result?.items) ? call.result?.items ?? [] : []\n    const options: TagsInputOption[] = []\n    for (const item of rawItems) {\n      if (!item || typeof item !== 'object') continue\n      const id = typeof item.id === 'string' ? item.id : ''\n      if (!id) continue\n\n      const email = typeof item.email === 'string' && item.email.trim().length ? item.email.trim() : id\n      const name = typeof item.name === 'string' && item.name.trim().length ? item.name.trim() : undefined\n\n      options.push({\n        value: id,\n        label: email,\n        description: name,\n      })\n    }\n\n    if (options.length) {\n      setRecipientMap((prev) => {\n        const next = { ...prev }\n        for (const option of options) {\n          next[option.value] = option\n        }\n        return next\n      })\n    }\n\n    recipientSuggestionsCacheRef.current = options\n    return options\n  }, [])\n\n  const handleCancel = React.useCallback(() => {\n    if (submitting) return\n    if (!inline) {\n      onOpenChange?.(false)\n    }\n    onCancel?.()\n  }, [inline, onCancel, onOpenChange, submitting])\n\n  const composeSendOperation = useComposeSendOperation({\n    t,\n    messageType,\n    createableMessageTypes,\n    priority,\n    visibility,\n    externalEmail,\n    recipientIds,\n    subject,\n    body,\n    bodyFormat,\n    sendViaEmail,\n    contextObject,\n    defaultValues,\n    contextActionOptions,\n    normalizedRequiredActionMode,\n    shouldShowContextActions,\n    contextActionRequired,\n    contextActionType,\n  })\n\n  const composeDraftOperation = useComposeDraftOperation({\n    t,\n    messageId,\n    messageType,\n    priority,\n    visibility,\n    externalEmail,\n    recipientIds,\n    subject,\n    body,\n    bodyFormat,\n    sendViaEmail,\n    contextObject,\n    defaultValues,\n    contextActionOptions,\n    normalizedRequiredActionMode,\n    shouldShowContextActions,\n    contextActionRequired,\n    contextActionType,\n  })\n\n  const replyOperation = useReplySubmitOperation({\n    t,\n    messageId,\n    body,\n    bodyFormat,\n    replyAll,\n    recipientIds,\n    sendViaEmail,\n  })\n\n  const forwardOperation = useForwardSubmitOperation({\n    t,\n    messageId,\n    recipientIds,\n    body,\n    includeAttachments,\n    sendViaEmail,\n  })\n\n  const sendDraftOperation = useSendDraftOperation({\n    t,\n    messageId: messageId ?? '',\n    messageType,\n    priority,\n    visibility,\n    externalEmail,\n    recipientIds,\n    subject,\n    body,\n    bodyFormat,\n    sendViaEmail,\n    contextObject,\n    defaultValues,\n    contextActionOptions,\n    normalizedRequiredActionMode,\n    shouldShowContextActions,\n    contextActionRequired,\n    contextActionType,\n  })\n\n  const updateDraftOperation = useUpdateDraftOperation({\n    t,\n    messageId: messageId ?? '',\n    messageType,\n    priority,\n    visibility,\n    externalEmail,\n    recipientIds,\n    subject,\n    body,\n    bodyFormat,\n    sendViaEmail,\n    contextObject,\n    defaultValues,\n    contextActionOptions,\n    normalizedRequiredActionMode,\n    shouldShowContextActions,\n    contextActionRequired,\n    contextActionType,\n  })\n\n  const handleSubmit = React.useCallback(async ({ saveAsDraft = false }: { saveAsDraft?: boolean } = {}) => {\n    if (submitting) return false\n\n    setSubmitError(null)\n\n    const isEditingExistingDraft = variant === 'compose' && Boolean(messageId)\n    const isComposeDraftSubmit = saveAsDraft && variant === 'compose'\n    const operation = isComposeDraftSubmit\n      ? (isEditingExistingDraft ? updateDraftOperation : composeDraftOperation)\n      : variant === 'compose'\n        ? (isEditingExistingDraft ? sendDraftOperation : composeSendOperation)\n        : variant === 'reply'\n          ? replyOperation\n          : forwardOperation\n\n    const validationMessage = operation.validate()\n    if (validationMessage) {\n      setSubmitError(validationMessage)\n      flash(validationMessage, 'error')\n      return false\n    }\n\n    setSubmitMode(isComposeDraftSubmit ? 'draft' : 'send')\n    setSubmitting(true)\n    let keepSubmitLock = false\n    let shouldReturnFalse = false\n\n    try {\n      let nextAttachmentIds = attachmentIds\n      if (operation.requiresAttachmentRefresh) {\n        try {\n          nextAttachmentIds = await loadAttachmentIds()\n        } catch (error) {\n          const message = error instanceof Error\n            ? error.message\n            : t('messages.errors.loadAttachmentOptionsFailed', 'Failed to load attachments.')\n          setSubmitError(message)\n          flash(message, 'error')\n          shouldReturnFalse = true\n        }\n      }\n\n      if (!shouldReturnFalse) {\n        const { endpoint, method, payload } = operation.buildRequest({ attachmentIds: nextAttachmentIds })\n\n        // Editing an existing draft is a PATCH on the message aggregate, so carry\n        // the OSS optimistic-lock header to reject a stale overwrite. New\n        // compose/reply/forward writes create fresh records and never lock.\n        const lockHeaders = isEditingExistingDraft\n          ? buildOptimisticLockHeader(expectedUpdatedAt)\n          : {}\n\n        const call = await withScopedApiRequestHeaders(lockHeaders, () =>\n          apiCall<{ id?: string }>(endpoint, {\n            method,\n            headers: { 'Content-Type': 'application/json' },\n            body: JSON.stringify(payload),\n          }),\n        )\n\n        if (!call.ok) {\n          if (surfaceRecordConflict({ status: call.status, body: call.result }, t)) {\n            setSubmitError(\n              t('ui.forms.flash.recordModified', 'This record was modified by someone else. Refresh and try again.'),\n            )\n            // The shared conflict banner renders at page level, so it is hidden\n            // behind the compose modal. Close the dialog to reveal it (with its\n            // Refresh action); the stale draft must be reloaded anyway (#3260 QA).\n            if (!inline) {\n              onOpenChange?.(false)\n            }\n          } else {\n            const message = toErrorMessage(call.result) ?? t('messages.errors.sendFailed', 'Failed to send message.')\n            setSubmitError(message)\n            flash(message, 'error')\n          }\n          shouldReturnFalse = true\n        } else {\n          flash(operation.successMessage, 'success')\n          keepSubmitLock = true\n\n          onSuccess?.({ id: call.result?.id })\n\n          if (!inline) {\n            onOpenChange?.(false)\n          }\n        }\n      }\n    } catch (error) {\n      const message = error instanceof Error\n        ? error.message\n        : t('messages.errors.sendFailed', 'Failed to send message.')\n      setSubmitError(message)\n      flash(message, 'error')\n      shouldReturnFalse = true\n    } finally {\n      if (!keepSubmitLock) {\n        setSubmitting(false)\n      }\n      setSubmitMode('send')\n    }\n\n    if (shouldReturnFalse) {\n      return false\n    }\n\n    if (keepSubmitLock) {\n      return await new Promise<boolean>((resolve) => {\n        submitLockReleaseRef.current = () => resolve(true)\n      })\n    }\n\n    return true\n  }, [\n    attachmentIds,\n    composeDraftOperation,\n    composeSendOperation,\n    expectedUpdatedAt,\n    forwardOperation,\n    inline,\n    loadAttachmentIds,\n    messageId,\n    onOpenChange,\n    onSuccess,\n    replyOperation,\n    sendDraftOperation,\n    submitting,\n    t,\n    updateDraftOperation,\n    variant,\n  ])\n\n  const handleSaveDraft = React.useCallback(() => {\n    if (variant !== 'compose') return\n    void handleSubmit({ saveAsDraft: true })\n  }, [handleSubmit, variant])\n\n  const handleBack = React.useCallback(() => {\n    if (submitting) return\n    handleCancel()\n  }, [handleCancel, submitting])\n\n  const handleDialogOpenChange = React.useCallback((nextOpen: boolean) => {\n    if (nextOpen) {\n      onOpenChange?.(true)\n      return\n    }\n    void handleBack()\n  }, [handleBack, onOpenChange])\n\n  const handleKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLDivElement>) => {\n    if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n      event.preventDefault()\n      void handleSubmit()\n      return\n    }\n\n    if (event.key === 'Escape') {\n      event.preventDefault()\n      handleCancel()\n    }\n  }, [handleCancel, handleSubmit])\n\n  const composerTitle = variant === 'reply'\n    ? t('messages.reply', 'Reply')\n    : variant === 'forward'\n      ? t('messages.forward', 'Forward')\n      : t('messages.compose', 'Compose message')\n\n  const submitLabel = submitting\n    ? submitMode === 'draft'\n      ? t('messages.savingDraft', 'Saving draft...')\n      : t('messages.sending', 'Sending...')\n    : variant === 'reply'\n      ? t('messages.reply', 'Reply')\n      : variant === 'forward'\n        ? t('messages.forward', 'Forward')\n        : t('messages.send', 'Send')\n\n  return {\n    t,\n    variant,\n    messageId,\n    open,\n    inline,\n    contextPreview,\n    isOpen,\n    messageTypes,\n    createableMessageTypes,\n    normalizedRequiredActionMode,\n    contextActionOptions,\n    shouldShowContextActions,\n    isComposePublicVisibility,\n    attachmentEntityId,\n    attachmentRecordId,\n    recipientIds,\n    setRecipientIds,\n    messageType,\n    setMessageType,\n    subject,\n    setSubject,\n    body,\n    setBody,\n    bodyFormat,\n    setBodyFormat,\n    priority,\n    setPriority,\n    visibility,\n    setVisibility,\n    externalEmail,\n    setExternalEmail,\n    sendViaEmail,\n    setSendViaEmail,\n    contextActionRequired,\n    setContextActionRequired,\n    contextActionType,\n    setContextActionType,\n    replyAll,\n    setReplyAll,\n    includeAttachments,\n    setIncludeAttachments,\n    submitting,\n    submitMode,\n    submitError,\n    composerTitle,\n    submitLabel,\n    selectedRecipientOptions,\n    resolveRecipientLabel,\n    loadRecipientSuggestions,\n    loadAttachmentIds,\n    handleSaveDraft,\n    handleBack,\n    handleSubmit,\n    handleDialogOpenChange,\n    handleKeyDown,\n  }\n}\n"],
+  "mappings": "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",
   "names": ["defaultType"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-mercato/ui",
-  "version": "0.6.6-develop.6413.1.ae875fb682",
+  "version": "0.6.6-develop.6419.1.a632f417c4",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",
@@ -155,13 +155,13 @@
     "remark-gfm": "^4.0.1"
   },
   "peerDependencies": {
-    "@open-mercato/shared": "0.6.6-develop.6413.1.ae875fb682",
+    "@open-mercato/shared": "0.6.6-develop.6419.1.a632f417c4",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
     "react-is": ">=18.0.0"
   },
   "devDependencies": {
-    "@open-mercato/shared": "0.6.6-develop.6413.1.ae875fb682",
+    "@open-mercato/shared": "0.6.6-develop.6419.1.a632f417c4",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.1",

package/src/backend/CrudForm.tsx

@@ -3745,6 +3745,7 @@ function TextInput({
   autoFocus,
   onSubmit,
   disabled,
+  readOnly,
   suggestions,
   inputType = 'text',
 }: {
@@ -3754,6 +3755,7 @@ function TextInput({
   autoFocus?: boolean
   onSubmit?: () => void
   disabled?: boolean
+  readOnly?: boolean
   suggestions?: string[]
   inputType?: 'text' | 'password'
 }) {
@@ -3774,12 +3776,12 @@ function TextInput({
   }, [value])
 
   const handleChange = React.useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
-    if (disabled) return
+    if (disabled || readOnly) return
     const next = e.target.value
     userTypingRef.current = true
     setLocal(next)
     onChange(next)
-  }, [disabled, onChange])
+  }, [disabled, readOnly, onChange])
 
   const handleKeyDown = React.useCallback((e: React.KeyboardEvent<HTMLInputElement>) => {
     if (disabled) return
@@ -3813,6 +3815,7 @@ function TextInput({
         autoFocus={autoFocus}
         data-crud-focus-target=""
         disabled={disabled}
+        readOnly={readOnly}
       />
     )
   }
@@ -3830,6 +3833,7 @@ function TextInput({
         autoFocus={autoFocus}
         data-crud-focus-target=""
         disabled={disabled}
+        readOnly={readOnly}
         list={suggestions && suggestions.length > 0 ? datalistId : undefined}
       />
       {suggestions && suggestions.length > 0 && (
@@ -3922,6 +3926,7 @@ function TextAreaInput({
   showCount,
   rows,
   disabled,
+  readOnly,
 }: {
   value: string
   onChange: (v: string) => void
@@ -3931,6 +3936,7 @@ function TextAreaInput({
   showCount?: boolean
   rows?: number
   disabled?: boolean
+  readOnly?: boolean
 }) {
   const [local, setLocal] = React.useState<string>(value)
   const isFocusedRef = React.useRef(false)
@@ -3944,10 +3950,11 @@ function TextAreaInput({
   }, [value])
 
   const handleChange = React.useCallback((e: React.ChangeEvent<HTMLTextAreaElement>) => {
+    if (disabled || readOnly) return
     const next = e.target.value
     setLocal(next)
     onChange(next)
-  }, [onChange])
+  }, [disabled, readOnly, onChange])
 
   const handleFocus = React.useCallback(() => { isFocusedRef.current = true }, [])
   const handleBlur = React.useCallback(() => {
@@ -3967,6 +3974,7 @@ function TextAreaInput({
       showCount={showCount}
       rows={rows}
       disabled={disabled}
+      readOnly={readOnly}
       data-crud-focus-target=""
     />
   )
@@ -4262,6 +4270,7 @@ const FieldControl = React.memo(function FieldControlImpl({
           autoFocus={autoFocusField}
           onSubmit={onSubmitRequest}
           disabled={disabled}
+          readOnly={readOnly}
           suggestions={field.type === 'text' ? field.suggestions : undefined}
         />
       )}
@@ -4273,6 +4282,7 @@ const FieldControl = React.memo(function FieldControlImpl({
           autoFocus={autoFocusField}
           onSubmit={onSubmitRequest}
           disabled={disabled}
+          readOnly={readOnly}
           inputType="password"
         />
       )}
@@ -4361,6 +4371,7 @@ const FieldControl = React.memo(function FieldControlImpl({
           showCount={builtin?.showCount}
           rows={builtin?.rows}
           disabled={disabled}
+          readOnly={readOnly}
         />
       )}
       {field.type === 'richtext' && builtin?.editor === 'simple' && (
@@ -4451,7 +4462,7 @@ const FieldControl = React.memo(function FieldControlImpl({
             }
             setValue(field.id, next)
           }}
-          disabled={disabled}
+          disabled={disabled || readOnly}
         >
           <SelectTrigger data-crud-focus-target="">
             <SelectValue placeholder={t('ui.forms.select.emptyOption', '—')}>

package/src/backend/__tests__/AttachmentMetadataDialog.test.tsx

@@ -0,0 +1,145 @@
+/** @jest-environment jsdom */
+
+import * as React from 'react'
+import { screen, waitFor } from '@testing-library/react'
+import { renderWithProviders } from '@open-mercato/shared/lib/testing/renderWithProviders'
+import { AttachmentMetadataDialog, type AttachmentItem } from '../detail/AttachmentMetadataDialog'
+import { apiCall } from '@open-mercato/ui/backend/utils/apiCall'
+
+jest.mock('@open-mercato/ui/backend/utils/apiCall', () => ({
+  apiCall: jest.fn(),
+}))
+
+jest.mock('@open-mercato/ui/backend/FlashMessages', () => ({
+  flash: jest.fn(),
+}))
+
+jest.mock('@open-mercato/ui/backend/inputs/TagsInput', () => ({
+  TagsInput: () => <div data-testid="tags-input" />,
+}))
+
+jest.mock('@open-mercato/core/generated-shims/entities.ids.generated', () => ({
+  E: { attachments: { attachment: 'attachments.attachment' } },
+}))
+
+jest.mock('@open-mercato/ui/backend/CrudForm', () => ({
+  CrudForm: ({ fields, initialValues }: { fields: any[]; initialValues?: Record<string, unknown> }) => (
+    <form data-testid="mock-crud-form">
+      {fields.map((field) => (
+        <div key={field.id} data-crud-field-id={field.id}>
+          {field.type === 'custom'
+            ? field.component({
+                id: field.id,
+                value: initialValues?.[field.id],
+                disabled: false,
+                setValue: jest.fn(),
+              })
+            : null}
+        </div>
+      ))}
+    </form>
+  ),
+}))
+
+jest.mock('@open-mercato/core/modules/attachments/components/AttachmentContentPreview', () => ({
+  AttachmentContentPreview: () => <div data-testid="attachment-content-preview" />,
+}))
+
+describe('AttachmentMetadataDialog assignment layout', () => {
+  const longAssignment = {
+    type: 'production_operations:production_order_with_a_very_long_assignment_type',
+    id: 'f47ac10b-58cc-4372-a567-0e02b2c3d479-f47ac10b-58cc-4372-a567-0e02b2c3d479',
+    href:
+      'https://example.test/backend/production/operations/orders/f47ac10b-58cc-4372-a567-0e02b2c3d479/details/with/a/long/path',
+    label: 'Production order with a long label',
+  }
+
+  const secondAssignment = {
+    type: 'sales.invoice',
+    id: 'invoice-with-a-long-record-id-0001-0002-0003-0004',
+    href: 'https://example.test/backend/sales/invoices/invoice-with-a-long-record-id-0001-0002-0003-0004',
+    label: 'Invoice settlement attachment',
+  }
+
+  const assignments = [longAssignment, secondAssignment]
+
+  const item: AttachmentItem = {
+    id: 'attachment-1',
+    fileName: 'work-order-photo.png',
+    fileSize: 2048,
+    mimeType: 'application/pdf',
+    partitionCode: 'default',
+    partitionTitle: 'Default',
+    tags: [],
+    assignments,
+  }
+
+  beforeEach(() => {
+    jest.resetAllMocks()
+    ;(apiCall as jest.Mock).mockResolvedValue({
+      ok: true,
+      status: 200,
+      response: { status: 200 },
+      result: {
+        item: {
+          id: item.id,
+          tags: [],
+          assignments,
+          customFields: {},
+          content: null,
+        },
+      },
+    })
+  })
+
+  it('renders each assignment as a distinct wide edit card', async () => {
+    renderWithProviders(
+      <AttachmentMetadataDialog
+        open
+        item={item}
+        availableTags={[]}
+        onOpenChange={jest.fn()}
+        onSave={jest.fn()}
+      />,
+    )
+
+    const typeInput = await screen.findByDisplayValue(longAssignment.type)
+    const typeWrapper = typeInput.closest('[data-slot="input-wrapper"]')
+    expect(typeWrapper).not.toBeNull()
+
+    const fieldWrapper = typeWrapper?.parentElement
+    const fieldsGrid = fieldWrapper?.parentElement
+    const card = fieldsGrid?.parentElement
+    expect(card).not.toBeNull()
+
+    await waitFor(() => {
+      expect(screen.getAllByRole('button', { name: 'Remove' })).toHaveLength(2)
+    })
+
+    const cards = Array.from(document.querySelectorAll('[data-assignment-card]'))
+    expect(cards).toHaveLength(2)
+    expect(cards[0]).toHaveTextContent(longAssignment.label)
+    expect(cards[1]).toHaveTextContent(secondAssignment.label)
+
+    expect(card?.className).not.toContain('lg:grid-cols-[1.2fr_1.2fr_1.6fr_1fr_auto]')
+    expect(card?.className).not.toContain('lg:grid-cols-[minmax(0,1.2fr)_minmax(0,1.2fr)_minmax(0,1.6fr)_minmax(0,1fr)_auto]')
+    expect(fieldsGrid?.className).toContain('md:grid-cols-2')
+    expect(fieldsGrid?.className).toContain('min-w-0')
+    expect(fieldWrapper?.className).toContain('min-w-0')
+
+    const hrefInput = screen.getByDisplayValue(longAssignment.href)
+    const hrefFieldWrapper = hrefInput.closest('[data-slot="input-wrapper"]')?.parentElement
+    expect(hrefFieldWrapper?.className).toContain('md:col-span-2')
+
+    const labelInput = screen.getByDisplayValue(longAssignment.label)
+    const labelFieldWrapper = labelInput.closest('[data-slot="input-wrapper"]')?.parentElement
+    expect(labelFieldWrapper?.className).toContain('md:col-span-2')
+
+    const inputWrappers = Array.from(card?.querySelectorAll('[data-slot="input-wrapper"]') ?? [])
+    expect(inputWrappers).toHaveLength(4)
+    inputWrappers.forEach((wrapper) => {
+      expect((wrapper as HTMLElement).className).toContain('w-full')
+      expect((wrapper as HTMLElement).className).toContain('min-w-0')
+    })
+  })
+})

package/src/backend/__tests__/CrudForm.readonlyFields.test.tsx

@@ -0,0 +1,120 @@
+/** @jest-environment jsdom */
+jest.setTimeout(15000)
+
+jest.mock('next/navigation', () => ({
+  useRouter: () => ({ push: () => {} }),
+  usePathname: () => '/',
+  useSearchParams: () => new URLSearchParams(),
+}))
+jest.mock('remark-gfm', () => ({ __esModule: true, default: {} }))
+jest.mock('../injection/InjectionSpot', () => ({
+  __esModule: true,
+  InjectionSpot: () => null,
+  useInjectionWidgets: () => ({ widgets: [], loading: false, error: null }),
+  useInjectionSpotEvents: () => ({ triggerEvent: async () => ({ ok: true }) }),
+}))
+jest.mock('../injection/useInjectionDataWidgets', () => ({
+  __esModule: true,
+  useInjectionDataWidgets: () => ({ widgets: [], isLoading: false, error: null }),
+}))
+
+import * as React from 'react'
+import { act, fireEvent } from '@testing-library/react'
+import { renderWithProviders } from '@open-mercato/shared/lib/testing/renderWithProviders'
+import { CrudForm, type CrudField } from '../CrudForm'
+
+const dict = {
+  'ui.forms.actions.save': 'Save',
+  'ui.forms.select.emptyOption': '—',
+}
+
+describe('CrudForm field-level readOnly (#3704)', () => {
+  it('marks a read-only text field non-editable', async () => {
+    const fields: CrudField[] = [{ id: 'label', label: 'Label', type: 'text', readOnly: true }]
+    const { container } = renderWithProviders(
+      <CrudForm
+        title="Form"
+        fields={fields}
+        initialValues={{ label: 'Activity' }}
+        onSubmit={() => {}}
+      />,
+      { dict },
+    )
+
+    const input = container.querySelector('[data-crud-field-id="label"] input') as HTMLInputElement
+    expect(input).not.toBeNull()
+    expect(input).toHaveAttribute('readonly')
+
+    await act(async () => {
+      fireEvent.change(input, { target: { value: 'Edited' } })
+    })
+
+    expect(input.value).toBe('Activity')
+  })
+
+  it('marks a read-only textarea non-editable', () => {
+    const fields: CrudField[] = [{ id: 'description', label: 'Description', type: 'textarea', readOnly: true }]
+    const { container } = renderWithProviders(
+      <CrudForm
+        title="Form"
+        fields={fields}
+        initialValues={{ description: 'Generated by code' }}
+        onSubmit={() => {}}
+      />,
+      { dict },
+    )
+
+    const textarea = container.querySelector('[data-crud-field-id="description"] textarea') as HTMLTextAreaElement
+    expect(textarea).not.toBeNull()
+    expect(textarea).toHaveAttribute('readonly')
+  })
+
+  it('disables a read-only select trigger so the value cannot be changed', () => {
+    const fields: CrudField[] = [
+      {
+        id: 'defaultEditor',
+        label: 'Default Editor',
+        type: 'select',
+        readOnly: true,
+        options: [
+          { value: 'markdown', label: 'Markdown' },
+          { value: 'htmlRichText', label: 'HTML Rich Text' },
+        ],
+      },
+    ]
+    const { getByRole } = renderWithProviders(
+      <CrudForm
+        title="Form"
+        fields={fields}
+        initialValues={{ defaultEditor: 'markdown' }}
+        onSubmit={() => {}}
+      />,
+      { dict },
+    )
+
+    expect(getByRole('combobox')).toBeDisabled()
+  })
+
+  it('keeps editable fields editable when readOnly is not set', async () => {
+    const fields: CrudField[] = [{ id: 'label', label: 'Label', type: 'text' }]
+    const { container } = renderWithProviders(
+      <CrudForm
+        title="Form"
+        fields={fields}
+        initialValues={{ label: 'Activity' }}
+        onSubmit={() => {}}
+      />,
+      { dict },
+    )
+
+    const input = container.querySelector('[data-crud-field-id="label"] input') as HTMLInputElement
+    expect(input).not.toBeNull()
+    expect(input).not.toHaveAttribute('readonly')
+
+    await act(async () => {
+      fireEvent.change(input, { target: { value: 'Edited' } })
+    })
+
+    expect(input.value).toBe('Edited')
+  })
+})