@bcrumbs.net/inbox 0.0.63 → 0.0.65

package/src/app/gatewayHome/utils/buildSnippet.d.ts

@@ -0,0 +1,9 @@
+import type { SnippetLang } from '../types';
+type SnippetInput = {
+    url: string;
+    /** Sent raw in the Authorization header; omitted for webhook simulations. */
+    apiKey?: string;
+    body: Record<string, unknown>;
+};
+export declare function buildSnippet(lang: SnippetLang, input: SnippetInput): string;
+export {};

package/src/app/gatewayHome/utils/sendTestMessage.d.ts

@@ -0,0 +1,3 @@
+import type { RunResult } from '../types';
+/** Sends the exact request shown in the Quickstart console (the API allows CORS). */
+export declare function sendTestMessage(apiKey: string, body: Record<string, unknown>): Promise<RunResult>;

package/src/app/gatewayHome/utils/setupStorage.d.ts

@@ -0,0 +1,8 @@
+import type { SetupStepStatus } from '../types';
+/** Choices for optional steps that have no server-side record (skip / done on Meta). */
+export type LocalSetupChoices = {
+    webhook?: SetupStepStatus;
+    meta?: SetupStepStatus;
+};
+export declare function readSetupChoices(workspaceId: number): LocalSetupChoices;
+export declare function writeSetupChoices(workspaceId: number, choices: LocalSetupChoices): void;

package/src/app/gatewayHome/utils/templateHasParameters.d.ts

@@ -0,0 +1,6 @@
+/**
+ * True when a WhatsApp template needs values at send time: text/URL placeholders,
+ * a media or location header, a code button, or an authentication (OTP) template.
+ * The Quickstart console sends templates without components, so those would fail.
+ */
+export declare function templateHasParameters(rawComponents: unknown, category?: string | null): boolean;

package/src/app/generic/components/HeaderImageInput.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
+type HeaderMediaKind = 'image' | 'document';
 type HeaderImageInputProps = {
     value: string;
     onChange: (value: string) => void;
     hint?: string;
     layout?: 'row' | 'column';
+    mediaKind?: HeaderMediaKind;
 };
-declare const _default: React.MemoExoticComponent<({ value, onChange, hint, layout }: HeaderImageInputProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ value, onChange, hint, layout, mediaKind }: HeaderImageInputProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
 export default _default;

package/src/app/generic/components/MessagePreview.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 interface MessageComponent {
     type: 'HEADER' | 'BODY' | 'BUTTONS' | 'FOOTER';
-    format?: 'TEXT' | 'IMAGE' | string;
+    format?: 'TEXT' | 'IMAGE' | 'DOCUMENT' | string;
     text?: string;
     example?: {
         header_handle?: string[];

package/src/app/generic/components/PreviewHeaderDocument.d.ts

@@ -0,0 +1,5 @@
+declare const PreviewHeaderDocument: ({ src, showPlaceholder }: {
+    src: string;
+    showPlaceholder?: boolean;
+}) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+export default PreviewHeaderDocument;

package/src/app/generic/hooks/usePaginatedQuery.d.ts

@@ -22,6 +22,7 @@ export interface PaginationOptions {
     additionalVariables?: Record<string, any>;
     searchQuery?: string;
     count?: boolean;
+    context?: Record<string, unknown>;
 }
 export interface UsePaginatedQueryResult<T> {
     items: T[];

package/src/app/generic/utils/chunkErrorRecovery.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Reports a recovery when this page load followed a guarded reload. Call it once
+ * the app shell has loaded, which proves the reloaded chunks are healthy.
+ */
+export declare function reportChunkRecoveryIfReloaded(): void;
+/** Registers the global chunk-failure listeners. Call once at startup. */
+export declare function setupChunkErrorRecovery(): void;

package/src/app/generic/utils/onesignal.d.ts

@@ -0,0 +1,13 @@
+import OneSignal from 'react-onesignal';
+type OneSignalInitOptions = Parameters<typeof OneSignal.init>[0];
+/**
+ * Start OneSignal. Best effort: a blocked or failed OneSignal script must not
+ * break app startup (for example with Firefox tracking protection or an ad blocker).
+ */
+export declare function initOneSignal(options: OneSignalInitOptions): Promise<void>;
+/**
+ * Register the signed-in user with OneSignal for push notifications. Best effort:
+ * a blocked or failed OneSignal script must not break sign-in.
+ */
+export declare function registerOneSignalUser(userId: string, email?: string): Promise<void>;
+export {};

package/src/app/inbox/calls/useIncomingCallAlerts.d.ts

@@ -0,0 +1,2 @@
+import { Conversation } from '../../../graphql.autogenerated';
+export declare function useIncomingCallAlerts(convs: Conversation[] | null | undefined, onOpen: (conv: Conversation) => void, selectedConvId?: string): void;

package/src/app/inbox/components/Calls/ActiveCallControls.d.ts

@@ -0,0 +1,6 @@
+import { type PortalCall } from '../../utils/callUi';
+type Props = {
+    call?: PortalCall | null;
+};
+export declare function ActiveCallControls({ call }: Props): import("@emotion/react/jsx-runtime").JSX.Element | null;
+export {};

package/src/app/inbox/components/Calls/IncomingCallBanner.d.ts

@@ -0,0 +1,6 @@
+import { type PortalCall } from '../../utils/callUi';
+type Props = {
+    call?: PortalCall | null;
+};
+export declare function IncomingCallBanner({ call }: Props): import("@emotion/react/jsx-runtime").JSX.Element | null;
+export {};

package/src/app/inbox/components/Chat/ChatContent.d.ts

@@ -14,6 +14,8 @@ interface ChatContentProps {
     searchMatchNo: number;
     onSearchMatchCount: (count: number) => void;
     onMessageReply: (messageId: string) => void;
+    onMessageReact?: (messageId: string, emoji: string) => void;
+    onMessageUnreact?: (messageId: string, emoji: string) => void;
     replyMessage: {
         title: string;
         content: string;
@@ -30,5 +32,5 @@ interface ChatContentProps {
     /** Called when user clicks "Add Contact" on a contact message card */
     onContactAddContact?: (contact: ContactMessagePayload) => void;
 }
-declare const ChatContent: ({ messages, olderMessages, canContribute, sendMessage, loadOlderMessages, agentsIdsAvatarsMap, noteMode, onNoteSend, onCloseNoteMode, onAddNoteClick, searchPattern, searchMatchNo, onSearchMatchCount, onMessageReply, replyMessage, onCancelReplyMessage, errorMessage, statusFailureMessage, logo, conversationId, onContactMessage, onContactAddContact, }: ChatContentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const ChatContent: ({ messages, olderMessages, canContribute, sendMessage, loadOlderMessages, agentsIdsAvatarsMap, noteMode, onNoteSend, onCloseNoteMode, onAddNoteClick, searchPattern, searchMatchNo, onSearchMatchCount, onMessageReply, onMessageReact, onMessageUnreact, replyMessage, onCancelReplyMessage, errorMessage, statusFailureMessage, logo, conversationId, onContactMessage, onContactAddContact, }: ChatContentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ChatContent;

package/src/app/inbox/components/Chat/QuickReplyEmpty.d.ts

@@ -0,0 +1,5 @@
+interface QuickReplyEmptyProps {
+    filtered: boolean;
+}
+declare const QuickReplyEmpty: ({ filtered }: QuickReplyEmptyProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default QuickReplyEmpty;

package/src/app/inbox/components/Chat/QuickReplyPickerMenu.d.ts

@@ -5,10 +5,10 @@ export interface QuickReplyPickerMenuProps {
     anchor: QuickReplyPickerAnchor;
     items: QuickReplyPickerItem[];
     highlightedIndex: number;
-    emptyLabel: string;
     menuRef?: Ref<HTMLDivElement>;
     onHighlight: (index: number) => void;
     onSelect: (item: QuickReplyPickerItem) => void;
+    filtered: boolean;
 }
-declare const QuickReplyPickerMenu: ({ anchor, items, highlightedIndex, emptyLabel, menuRef, onHighlight, onSelect, }: QuickReplyPickerMenuProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const QuickReplyPickerMenu: ({ anchor, items, highlightedIndex, menuRef, onHighlight, onSelect, filtered, }: QuickReplyPickerMenuProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default QuickReplyPickerMenu;

package/src/app/inbox/components/NewDetails/ClientSection.d.ts

@@ -6,6 +6,8 @@ interface ClientSectionProps {
     tagsLoading: boolean;
     refetchTags: () => void;
     onBackToList?: () => void;
+    /** Changing this value refetches the client (e.g. after an AI suggestion is applied). */
+    refreshKey?: number;
 }
-declare const ClientSection: ({ conv, clientTags, conversationTags, tagsLoading, refetchTags, onBackToList, }: ClientSectionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const ClientSection: ({ conv, clientTags, conversationTags, tagsLoading, refetchTags, onBackToList, refreshKey, }: ClientSectionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ClientSection;

package/src/app/inbox/components/NewDetails/ContactActionsMenu.d.ts

@@ -0,0 +1,9 @@
+interface ContactActionsMenuProps {
+    clientId: string;
+    clientName: string;
+    deletedAt?: string | null;
+    blacklistedAt?: string | null;
+    onActionComplete?: () => void;
+}
+declare const ContactActionsMenu: ({ clientId, clientName, deletedAt, blacklistedAt, onActionComplete, }: ContactActionsMenuProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default ContactActionsMenu;

package/src/app/inbox/components/NewDetails/SuggestedAssignee.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Suggested assignee shown under the contact's suggested life cycle: the agent who handled most of
+ * this contact's previous conversations (not AI). Shown only when the conversation is unassigned or
+ * assigned to a different live agent. Clicking it assigns the open conversation.
+ */
+declare const SuggestedAssignee: () => import("@emotion/react/jsx-runtime").JSX.Element | null;
+export default SuggestedAssignee;

package/src/app/inbox/components/NewDetails/SuggestedStage.d.ts

@@ -0,0 +1,13 @@
+import { type SuggestionScope } from '../../utils/convSuggestions';
+type Props = {
+    /** 'conv' suggests the conversation life cycle; 'client' suggests the contact lifecycle. */
+    scope: SuggestionScope;
+    currentStageId?: string | null;
+    disabled?: boolean;
+};
+/**
+ * AI-suggested life cycle shown under the conversation or contact tags. Clicking it sets the stage
+ * through the same mutation (and, for conversations, the same timeline note) as a manual change.
+ */
+declare const SuggestedStage: ({ scope, currentStageId, disabled }: Props) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+export default SuggestedStage;

package/src/app/inbox/components/NewDetails/SuggestedTags.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { type SuggestionScope } from '../../utils/convSuggestions';
+type Props = {
+    scope: SuggestionScope;
+    /** Tags already on the conversation or contact; suggestions for these are hidden. */
+    appliedTags: string[];
+    /** The tag input's own add handler, so suggested tags behave exactly like picked ones. */
+    onAdd: (tag: string) => Promise<void>;
+    disabled?: boolean;
+};
+/** A "✦ <label>" row shown under an input; shared by suggested tags and the suggested life cycle. */
+export declare const SuggestedRow: ({ label, children }: {
+    label: string;
+    children: ReactNode;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;
+/** AI-suggested tags shown under a tag input; clicking one adds it, × dismisses it. */
+declare const SuggestedTags: ({ scope, appliedTags, onAdd, disabled }: Props) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+export default SuggestedTags;

package/src/app/inbox/components/NewDetails/SuggestionItems.d.ts

@@ -0,0 +1,16 @@
+type SuggestionMeta = {
+    /** Model confidence (0-1); omitted for rule-based suggestions such as the assignee. */
+    confidence?: number;
+    reason: string;
+};
+type SuggestedTagChipProps = SuggestionMeta & {
+    tag: string;
+    /** True while this suggestion is being applied. */
+    applying: boolean;
+    disabled: boolean;
+    onApply: () => void;
+    onDismiss: () => void;
+};
+/** A suggestion styled like an added tag (dashed, faded): click to apply, × to dismiss. */
+export declare const SuggestedTagChip: ({ tag, applying, disabled, onApply, onDismiss, ...meta }: SuggestedTagChipProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/src/app/inbox/components/NewDetails/UserHeader.d.ts

@@ -3,6 +3,7 @@ interface UserHeaderProps {
     clientData: ClientQuery['client'] | undefined;
     setEditMode: (editMode: boolean) => void;
     onBackToList?: () => void;
+    onClientActionComplete?: () => void;
 }
-declare const UserHeader: ({ clientData, setEditMode, onBackToList }: UserHeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const UserHeader: ({ clientData, setEditMode, onBackToList, onClientActionComplete }: UserHeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default UserHeader;

package/src/app/inbox/components/Shared/SharedStyle.d.ts

@@ -33,3 +33,11 @@ export declare const ArchivedLabelStyle: import("@emotion/styled").StyledCompone
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const BlockedLabelStyle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const StatusLabelsRow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/src/app/inbox/constants/index.d.ts

@@ -15,6 +15,7 @@ export declare const WABA_TEMPLATE_COSTS: {
     UTILITY: number;
     AUTHENTIC: number;
 };
+export declare const META_TEMPLATES_URL = "https://business.facebook.com/latest/whatsapp_manager/message_templates";
 export declare const CONVERSATIONS_LIMIT = 300;
 export declare const WhatsappLanguageCodes: {
     ar: string;

package/src/app/inbox/context/CallSession.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode } from 'react';
+import type { LocalCallState, PortalCall } from '../utils/callUi';
+type CallSessionValue = {
+    activeCallId: string | null;
+    localCall: LocalCallState | null;
+    muted: boolean;
+    answer: (call: PortalCall) => Promise<void>;
+    reject: (call: PortalCall) => Promise<void>;
+    hangup: (call: PortalCall) => Promise<void>;
+    toggleMute: () => Promise<void>;
+};
+export declare function CallSessionProvider({ children }: {
+    children: ReactNode;
+}): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function useCallSession(): CallSessionValue;
+export {};

package/src/app/inbox/context/SuggestionsContext.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+import { Agent, Conversation } from '../../../graphql.autogenerated';
+import useAgentSuggestions from '../hooks/useAgentSuggestions';
+import useApplySuggestion from '../hooks/useApplySuggestion';
+type SuggestionsContextValue = {
+    conv: Conversation;
+    agents: Agent[];
+    suggestions: ReturnType<typeof useAgentSuggestions>;
+    apply: ReturnType<typeof useApplySuggestion>;
+};
+type Props = {
+    conv: Conversation;
+    agents: Agent[];
+    onConvUpdate?: () => void;
+    onClientUpdate?: () => void;
+    children: ReactNode;
+};
+/**
+ * Loads AI suggestions once per open conversation and shares them with the inline suggestions:
+ * tags and life cycle under the conversation and contact tags, and the assignee under the contact.
+ */
+export declare const SuggestionsProvider: ({ conv, agents, onConvUpdate, onClientUpdate, children }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+/** Null outside a SuggestionsProvider (e.g. contact pages), so consumers simply render nothing. */
+export declare const useSuggestionsContext: () => SuggestionsContextValue | null;
+export {};

package/src/app/inbox/hooks/useAgentSuggestions.d.ts

@@ -0,0 +1,20 @@
+import { ClientSuggestionsPayload, Conversation, ConvSuggestionsPayload } from '../../../graphql.autogenerated';
+type Props = {
+    conv: Conversation;
+    /** Turn off fetching (e.g. ended conversations); cached suggestions are still shown. */
+    autoFetch: boolean;
+};
+/**
+ * Loads AI suggestions for the open conversation and its client.
+ * Fetches automatically after a few customer messages and again every few new ones; results and
+ * dismissals are cached per conversation in localStorage, so reopening a conversation (or reloading)
+ * does not ask again until new customer messages arrive or the cache expires.
+ * Keyed on primitives because `conv` gets a new identity on every inbox poll.
+ */
+declare const useAgentSuggestions: ({ conv, autoFetch }: Props) => {
+    conversation: ConvSuggestionsPayload | null;
+    client: ClientSuggestionsPayload | null;
+    hidden: Set<string>;
+    hide: (key: string) => void;
+};
+export default useAgentSuggestions;

package/src/app/inbox/hooks/useApplySuggestion.d.ts

@@ -0,0 +1,18 @@
+import { Conversation } from '../../../graphql.autogenerated';
+type Props = {
+    conv: Conversation;
+    onConvUpdate?: () => void;
+    onClientUpdate?: () => void;
+};
+/**
+ * Applies one AI stage / assignee / lifecycle suggestion through the same mutations and audit notes as
+ * the manual editors. Suggested tags are added by the tag inputs' own handlers (SuggestedTags).
+ * `applying` holds the key of the suggestion in flight; each apply resolves to true on success.
+ */
+declare const useApplySuggestion: ({ conv, onConvUpdate, onClientUpdate }: Props) => {
+    applying: string | null;
+    applyConvStage: (stageId: string, stage: string) => Promise<boolean>;
+    applyAssignee: (agentId: string, agentName: string) => Promise<boolean>;
+    applyClientStage: (stageId: string, stage: string) => Promise<boolean>;
+};
+export default useApplySuggestion;

package/src/app/inbox/hooks/useConvEnhance.d.ts

@@ -1,14 +1,16 @@
 import { type MutableRefObject } from 'react';
+import { type EnhanceWritingCacheSettings } from '../utils/convAssistStorage';
 export interface UseConvEnhanceOptions {
     enabled: boolean;
     workspaceId: number | undefined;
     conversationId: string | undefined;
     composerDraftRef: MutableRefObject<string>;
+    writingSettings: EnhanceWritingCacheSettings;
     onBeforeEnhance?: () => void;
     /** Fired when replace draft is applied so parent can skip auto-complete debounce for that update. */
     onReplaceDraftApplied?: () => void;
 }
-export declare function useConvEnhance({ enabled, workspaceId, conversationId, composerDraftRef, onBeforeEnhance, onReplaceDraftApplied, }: UseConvEnhanceOptions): {
+export declare function useConvEnhance({ enabled, workspaceId, conversationId, composerDraftRef, writingSettings, onBeforeEnhance, onReplaceDraftApplied, }: UseConvEnhanceOptions): {
     autoCompleteReplaceDraft: string | undefined;
     autoCompleteReplaceDraftKey: number;
     isEnhanceLoading: boolean;

package/src/app/inbox/hooks/useConversationsPerodicFetch.d.ts

@@ -24,6 +24,7 @@ declare function useConversationsPeriodicFetch(selectedConvId?: string, onSelect
         broadcastName?: string | null | undefined;
         sourceType?: string | null | undefined;
         sourceUrl?: string | null | undefined;
+        sentiment?: import("../../../graphql.autogenerated").ConversationSentiment | null | undefined;
         integrationSwitches?: {
             __typename?: "ConvIntegrationSwitch" | undefined;
             fromIntegrationId: string;
@@ -46,12 +47,20 @@ declare function useConversationsPeriodicFetch(selectedConvId?: string, onSelect
             externalMessageId?: string | null | undefined;
             tags?: string[] | null | undefined;
             createdAt: any;
+            transcript?: string | null | undefined;
             context?: {
                 __typename?: "MessageContext" | undefined;
                 replyToId?: string | null | undefined;
                 replyToContent: string;
                 replyToType: import("../../../graphql.autogenerated").MessageType;
             } | null | undefined;
+            reactions?: {
+                __typename?: "MessageReaction" | undefined;
+                emoji: string;
+                isAgent: boolean;
+                agentId?: string | null | undefined;
+                createdAt: any;
+            }[] | null | undefined;
         }[] | null | undefined;
         client?: {
             __typename?: "ConversationClient" | undefined;
@@ -68,6 +77,34 @@ declare function useConversationsPeriodicFetch(selectedConvId?: string, onSelect
             assignDate?: any;
             isAi?: boolean | null | undefined;
         } | null)[] | null | undefined;
+        activeCall?: {
+            __typename?: "Call" | undefined;
+            id: string;
+            status: import("../../../graphql.autogenerated").CallStatus;
+            handler: import("../../../graphql.autogenerated").CallHandler;
+            direction: import("../../../graphql.autogenerated").CallDirection;
+            roomName?: string | null | undefined;
+            startedAt: any;
+            answeredAt?: any;
+            duration?: number | null | undefined;
+            assigneeId?: string | null | undefined;
+            aiId?: string | null | undefined;
+            convId: string;
+            clientId: string;
+            workspaceId: number;
+            integrationId: string;
+        } | null | undefined;
+        classificationRuns?: {
+            __typename?: "ConversationClassificationRun" | undefined;
+            mode: string;
+            convInboundCount: number;
+            assignedToAgent: boolean;
+            humanDecisionWins: boolean;
+            status: string;
+            tag?: string | null | undefined;
+            error?: string | null | undefined;
+            createdAt: any;
+        }[] | null | undefined;
     }[] | null | undefined;
     loading: boolean;
     refetch: () => void;

package/src/app/inbox/hooks/useIncomingCallAlerts.d.ts

@@ -0,0 +1,2 @@
+import { Conversation } from '../../../graphql.autogenerated';
+export declare function useIncomingCallAlerts(convs: Conversation[] | null | undefined, onOpen: (conv: Conversation) => void, selectedConvId?: string): void;

package/src/app/inbox/hooks/useNewSortedEvents.d.ts

@@ -7,7 +7,7 @@ export type EventType = {
     timestamp: number;
     formattedDate: string;
     formattedTime: string;
-    type: 'assignee' | 'note' | 'start' | 'end' | 'switch';
+    type: 'assignee' | 'note' | 'start' | 'end' | 'switch' | 'classify';
     noteType?: NoteType;
     content: string;
     Icon: React.ReactNode;

package/src/app/inbox/hooks/useQuickReplyPicker.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { Dispatch, SetStateAction } from 'react';
 import { QuickReplyPickerItem } from '../utils/quickReplyPicker';
 export interface UseQuickReplyPickerOptions {
     workspaceId: number | undefined;
@@ -6,12 +6,14 @@ export interface UseQuickReplyPickerOptions {
     enabled: boolean;
     noteMode: boolean;
     onSelect: (content: string) => void;
+    composerDraft: string;
+    setComposerDraft: Dispatch<SetStateAction<string>>;
 }
-export declare function useQuickReplyPicker({ workspaceId, conversationId, enabled, noteMode, onSelect, }: UseQuickReplyPickerOptions): {
+export declare function useQuickReplyPicker({ workspaceId, conversationId, enabled, noteMode, onSelect, composerDraft, setComposerDraft, }: UseQuickReplyPickerOptions): {
     isOpen: boolean;
     filteredItems: QuickReplyPickerItem[];
     highlightedIndex: number;
-    setHighlightedIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
+    setHighlightedIndex: Dispatch<SetStateAction<number>>;
     onComposerInputChange: (text: string) => void;
     selectItem: (item: QuickReplyPickerItem) => void;
     dismiss: () => void;

package/src/app/inbox/pages/InboxPage.d.ts

@@ -1,2 +1,2 @@
 export declare const InboxPage: () => import("@emotion/react/jsx-runtime").JSX.Element;
-export default InboxPage;
+export default function InboxPageRoot(): import("@emotion/react/jsx-runtime").JSX.Element;

package/src/app/inbox/utils/callUi.d.ts

@@ -0,0 +1,25 @@
+export type PortalCall = {
+    id: string;
+    status: string;
+    handler: string;
+    workspaceId: number;
+    convId: string;
+    answeredAt?: string | null;
+};
+export declare function isRingingCall(call?: {
+    status?: string | null;
+} | null, enabled?: boolean): boolean;
+export declare function isLiveCall(call?: {
+    status?: string | null;
+} | null, enabled?: boolean): boolean;
+export type LocalCallState = {
+    id: string;
+    status: string;
+    answeredAt?: string | null;
+};
+export declare function presentCall<T extends {
+    id: string;
+    status: string;
+    answeredAt?: string | null;
+}>(call: T | null | undefined, local: LocalCallState | null): T | null | undefined;
+export declare function formatCallElapsed(answeredAt?: string | null, now?: number): string;

package/src/app/inbox/utils/convAssistStorage.d.ts

@@ -1,11 +1,16 @@
-/** Enhance cache key: workspace + draft only (no conversation). */
-export declare function buildEnhanceCacheKey(workspaceId: number, draft: string): string;
+/** Writing settings that affect enhance output (included in cache key). */
+export type EnhanceWritingCacheSettings = {
+    readingLevel: string;
+    brandVoice: string;
+};
+/** Enhance cache key: workspace + writing settings + draft (no conversation). */
+export declare function buildEnhanceCacheKey(workspaceId: number, draft: string, writingSettings: EnhanceWritingCacheSettings): string;
 export declare function getPersistedAutoComplete(workspaceId: number, cacheKey: string): string | undefined;
 export declare function setPersistedAutoComplete(workspaceId: number, cacheKey: string, suffix: string): void;
 /** Removes all auto-complete entries for a conversation (e.g. when it is closed). */
 export declare function clearPersistedAutoCompleteForConversation(workspaceId: number, convId: string): void;
-export declare function getPersistedEnhance(workspaceId: number, draft: string): string | undefined;
-export declare function setPersistedEnhance(workspaceId: number, draft: string, enhancedText: string): void;
+export declare function getPersistedEnhance(workspaceId: number, draft: string, writingSettings: EnhanceWritingCacheSettings): string | undefined;
+export declare function setPersistedEnhance(workspaceId: number, draft: string, writingSettings: EnhanceWritingCacheSettings, enhancedText: string): void;
 /** Warm in-memory LRU from localStorage (bounded). */
 export declare function hydrateAutoCompleteMemoryCache(workspaceId: number, memoryCache: {
     set: (key: string, suffix: string) => void;

package/src/app/inbox/utils/convSuggestions.d.ts

@@ -0,0 +1,59 @@
+/** First automatic suggestions run once the customer has sent this many messages. */
+export declare const MIN_CUSTOMER_MESSAGES_FOR_SUGGESTIONS = 3;
+/** Suggestions refresh automatically after this many new customer messages. */
+export declare const SUGGESTIONS_REFRESH_EVERY = 5;
+type CountableMessage = {
+    isAgent?: boolean | null;
+    type?: string | null;
+};
+/** Customer text and voice messages: the content the suggestion model can actually read. */
+export declare const countCustomerMessages: (messages: CountableMessage[] | null | undefined) => number;
+/**
+ * Groups message counts so suggestions refresh every few customer messages, not on every poll.
+ * Returns 0 while the conversation is too short for useful suggestions.
+ */
+export declare const getSuggestionsBucket: (customerMessages: number) => number;
+type TagLike = {
+    tag: string;
+};
+type StageLike = {
+    stageId: string;
+};
+type AssigneeLike = {
+    agentId: string;
+};
+type SuggestionsLike<T extends TagLike, S extends StageLike, A extends AssigneeLike> = {
+    tags: T[];
+    stage?: S | null;
+    assignee?: A | null;
+};
+export type SuggestionScope = 'conv' | 'client';
+type CurrentState = {
+    scope: SuggestionScope;
+    tags?: string[] | null;
+    stageId?: string | null;
+    assigneeId?: string | null;
+    /** Keys of suggestions the agent dismissed or already applied in this session. */
+    hidden?: Set<string>;
+};
+/** Stable keys for one suggestion, scoped so a conversation and client tag with the same name differ. */
+export declare const suggestionKey: {
+    tag: (scope: SuggestionScope, tag: string) => string;
+    stage: (scope: SuggestionScope, stageId: string) => string;
+    assignee: (agentId: string) => string;
+};
+/**
+ * Hides suggestions that were applied (the conversation or client already has them)
+ * or hidden by the agent, so the card stays in sync with polling without a refetch.
+ */
+export declare const pendingSuggestions: <T extends TagLike, S extends StageLike, A extends AssigneeLike>(suggestions: SuggestionsLike<T, S, A> | null | undefined, { scope, tags, stageId, assigneeId, hidden }: CurrentState) => {
+    tags: T[];
+    stage: S | null;
+    assignee: A | null;
+};
+export declare const hasPendingSuggestions: (pending: {
+    tags: unknown[];
+    stage?: unknown;
+    assignee?: unknown;
+}) => boolean;
+export {};

package/src/app/inbox/utils/convSuggestionsStorage.d.ts

@@ -0,0 +1,20 @@
+import type { ClientSuggestionsPayload, ConvSuggestionsPayload } from '../../../graphql.autogenerated';
+/** Conversations kept per workspace; the least recently used are dropped first. */
+export declare const MAX_CACHED_CONVERSATIONS = 100;
+/** Cached suggestions older than this are fetched again even if no new messages arrived. */
+export declare const SUGGESTIONS_CACHE_TTL_MS: number;
+export type CachedSuggestions = {
+    /** Message bucket the suggestions were fetched for (see getSuggestionsBucket). */
+    bucket: number;
+    savedAt: number;
+    conversation: ConvSuggestionsPayload | null;
+    client: ClientSuggestionsPayload | null;
+    /** Suggestion keys the agent dismissed or applied in this conversation. */
+    hidden: string[];
+};
+/** The cached entry for a conversation (any bucket), used to restore dismissed suggestions. */
+export declare function readCachedConversation(workspaceId: number, convId: string): CachedSuggestions | undefined;
+/** Cached suggestions for this exact message bucket, if still fresh. */
+export declare function readCachedSuggestions(workspaceId: number, convId: string, bucket: number, now?: number): CachedSuggestions | undefined;
+export declare function saveSuggestions(workspaceId: number, convId: string, result: Pick<CachedSuggestions, 'bucket' | 'conversation' | 'client'>, now?: number): void;
+export declare function saveHidden(workspaceId: number, convId: string, hidden: string[], now?: number): void;

package/src/app/inbox/utils/convs.d.ts

@@ -46,6 +46,10 @@ interface BuildLifeCycleMenuOptions {
 export declare function getNumOfNewClientMessages(messages: Maybe<Message[]> | undefined): number;
 export declare function getLastMessage(messages: Maybe<Message[]> | undefined, filterFn?: (m: Message) => boolean): Message | undefined;
 export declare function hashStatuses(messages?: Maybe<Message[]> | null): string;
+/** Include reaction fingerprint so reaction updates remount into chat without a status change. */
+export declare function hashReactions(messages?: Maybe<Message[]> | null): string;
+/** Replace or remove the business-side reaction while keeping the client's. */
+export declare function replaceAgentReaction(reactions: Message['reactions'] | undefined, emoji: string | null, agentId?: string | null): NonNullable<Message['reactions']>;
 export declare function isOutside24HourWindow(message: Message | null | undefined): boolean;
 export declare function formatSeconds(value: number): string;
 type StartedTimeAgoTranslation = (key: string, options?: {