Interface ChatItemContent

interface ChatItemContent {
    body?: null | string;
    buttons?: null | ChatItemButton[];
    codeBlockActions?: null | CodeBlockActions;
    codeReference?: null | ReferenceTrackerInformation[];
    customRenderer?: null | string | ChatItemBodyRenderer | ChatItemBodyRenderer[];
    fileList?: null | {
        actions?: Record<string, FileNodeAction[]>;
        collapsed?: boolean;
        deletedFiles?: string[];
        details?: Record<string, TreeNodeDetails>;
        filePaths?: string[];
        fileTreeTitle?: string;
        flatList?: boolean;
        folderIcon?: null | MynahIcons | "q" | "at" | "menu" | "minus" | "minus-circled" | "search" | "plus" | "paper-clip" | "pin" | "list-add" | "tabs" | "chat" | "link" | "folder" | "file" | "flash" | "doc" | "dot" | "external" | "cancel" | "cancel-circle" | "calendar" | "comment" | "megaphone" | "magic" | "notification" | "eye" | "ellipsis" | "ellipsis-h" | "ok" | "up-open" | "down-open" | "right-open" | "left-open" | "resize-full" | "resize-small" | "block" | "ok-circled" | "info" | "warning" | "error" | "thumbs-up" | "thumbs-down" | "star" | "stack" | "light-bulb" | "envelope-send" | "enter" | "refresh" | "progress" | "scroll-down" | "user" | "play" | "pause" | "stop" | "pencil" | "code-block" | "copy" | "cursor-insert" | "text-select" | "tools" | "revert" | "undo" | "rocket" | "asterisk" | "bug" | "check-list" | "deploy" | "shell" | "help" | "message" | "mcp" | "trash" | "transform" | "history" | "image";
        hideFileCount?: boolean;
        renderAsPills?: boolean;
        rootFolderLabel?: string;
        rootFolderStatusIcon?: MynahIcons | "q" | "at" | "menu" | "minus" | "minus-circled" | "search" | "plus" | "paper-clip" | "pin" | "list-add" | "tabs" | "chat" | "link" | "folder" | "file" | "flash" | "doc" | "dot" | "external" | "cancel" | "cancel-circle" | "calendar" | "comment" | "megaphone" | "magic" | "notification" | "eye" | "ellipsis" | "ellipsis-h" | "ok" | "up-open" | "down-open" | "right-open" | "left-open" | "resize-full" | "resize-small" | "block" | "ok-circled" | "info" | "warning" | "error" | "thumbs-up" | "thumbs-down" | "star" | "stack" | "light-bulb" | "envelope-send" | "enter" | "refresh" | "progress" | "scroll-down" | "user" | "play" | "pause" | "stop" | "pencil" | "code-block" | "copy" | "cursor-insert" | "text-select" | "tools" | "revert" | "undo" | "rocket" | "asterisk" | "bug" | "check-list" | "deploy" | "shell" | "help" | "message" | "mcp" | "trash" | "transform" | "history" | "image";
        rootFolderStatusIconForegroundStatus?: Status;
        rootFolderTitle?: string;
    };
    followUp?: null | {
        options?: ChatItemAction[];
        text?: string;
    };
    footer?: null | ChatItemContent;
    formItems?: null | ChatItemFormItem[];
    fullWidth?: boolean;
    header?: null | ChatItemContent & {
        icon?: CustomIcon | MynahIcons | "q" | "at" | "menu" | "minus" | "minus-circled" | "search" | "plus" | "paper-clip" | "pin" | "list-add" | "tabs" | "chat" | "link" | "folder" | "file" | "flash" | "doc" | "dot" | "external" | "cancel" | "cancel-circle" | "calendar" | "comment" | "megaphone" | "magic" | "notification" | "eye" | "ellipsis" | "ellipsis-h" | "ok" | "up-open" | "down-open" | "right-open" | "left-open" | "resize-full" | "resize-small" | "block" | "ok-circled" | "info" | "warning" | "error" | "thumbs-up" | "thumbs-down" | "star" | "stack" | "light-bulb" | "envelope-send" | "enter" | "refresh" | "progress" | "scroll-down" | "user" | "play" | "pause" | "stop" | "pencil" | "code-block" | "copy" | "cursor-insert" | "text-select" | "tools" | "revert" | "undo" | "rocket" | "asterisk" | "bug" | "check-list" | "deploy" | "shell" | "help" | "message" | "mcp" | "trash" | "transform" | "history" | "image";
        iconForegroundStatus?: Status;
        iconStatus?: Status | "main" | "primary" | "clear";
        status?: {
            description?: string;
            icon?: MynahIcons | "q" | "at" | "menu" | "minus" | "minus-circled" | "search" | "plus" | "paper-clip" | "pin" | "list-add" | "tabs" | "chat" | "link" | "folder" | "file" | "flash" | "doc" | "dot" | "external" | "cancel" | "cancel-circle" | "calendar" | "comment" | "megaphone" | "magic" | "notification" | "eye" | "ellipsis" | "ellipsis-h" | "ok" | "up-open" | "down-open" | "right-open" | "left-open" | "resize-full" | "resize-small" | "block" | "ok-circled" | "info" | "warning" | "error" | "thumbs-up" | "thumbs-down" | "star" | "stack" | "light-bulb" | "envelope-send" | "enter" | "refresh" | "progress" | "scroll-down" | "user" | "play" | "pause" | "stop" | "pencil" | "code-block" | "copy" | "cursor-insert" | "text-select" | "tools" | "revert" | "undo" | "rocket" | "asterisk" | "bug" | "check-list" | "deploy" | "shell" | "help" | "message" | "mcp" | "trash" | "transform" | "history" | "image";
            position?: "left" | "right";
            status?: Status;
            text?: string;
        };
    };
    informationCard?: null | {
        content: ChatItemContent;
        description?: string;
        icon?: MynahIcons | "q" | "at" | "menu" | "minus" | "minus-circled" | "search" | "plus" | "paper-clip" | "pin" | "list-add" | "tabs" | "chat" | "link" | "folder" | "file" | "flash" | "doc" | "dot" | "external" | "cancel" | "cancel-circle" | "calendar" | "comment" | "megaphone" | "magic" | "notification" | "eye" | "ellipsis" | "ellipsis-h" | "ok" | "up-open" | "down-open" | "right-open" | "left-open" | "resize-full" | "resize-small" | "block" | "ok-circled" | "info" | "warning" | "error" | "thumbs-up" | "thumbs-down" | "star" | "stack" | "light-bulb" | "envelope-send" | "enter" | "refresh" | "progress" | "scroll-down" | "user" | "play" | "pause" | "stop" | "pencil" | "code-block" | "copy" | "cursor-insert" | "text-select" | "tools" | "revert" | "undo" | "rocket" | "asterisk" | "bug" | "check-list" | "deploy" | "shell" | "help" | "message" | "mcp" | "trash" | "transform" | "history" | "image";
        status?: {
            body?: string;
            icon?: MynahIcons | "q" | "at" | "menu" | "minus" | "minus-circled" | "search" | "plus" | "paper-clip" | "pin" | "list-add" | "tabs" | "chat" | "link" | "folder" | "file" | "flash" | "doc" | "dot" | "external" | "cancel" | "cancel-circle" | "calendar" | "comment" | "megaphone" | "magic" | "notification" | "eye" | "ellipsis" | "ellipsis-h" | "ok" | "up-open" | "down-open" | "right-open" | "left-open" | "resize-full" | "resize-small" | "block" | "ok-circled" | "info" | "warning" | "error" | "thumbs-up" | "thumbs-down" | "star" | "stack" | "light-bulb" | "envelope-send" | "enter" | "refresh" | "progress" | "scroll-down" | "user" | "play" | "pause" | "stop" | "pencil" | "code-block" | "copy" | "cursor-insert" | "text-select" | "tools" | "revert" | "undo" | "rocket" | "asterisk" | "bug" | "check-list" | "deploy" | "shell" | "help" | "message" | "mcp" | "trash" | "transform" | "history" | "image";
            status?: Status;
        };
        title?: string;
    };
    muted?: boolean;
    padding?: boolean;
    quickSettings?: null | DropdownFactoryProps;
    relatedContent?: null | {
        content: SourceLink[];
        title?: string;
    };
    summary?: null | {
        collapsedContent?: ChatItemContent[];
        content?: ChatItemContent;
        isCollapsed?: boolean;
    };
    tabbedContent?: null | (ToggleOption & {
        content: ChatItemContent;
    })[];
    wrapCodes?: boolean;
}

Hierarchy (view full)

Properties

body? buttons? codeBlockActions? codeReference? customRenderer? fileList? followUp? footer? formItems? fullWidth? header? informationCard? muted? padding? quickSettings? relatedContent? summary? tabbedContent? wrapCodes?

Properties

Optional body

body?: null | string

Optional buttons

buttons?: null | ChatItemButton[]

Optional codeBlockActions

codeBlockActions?: null | CodeBlockActions

Optional codeReference

codeReference?: null | ReferenceTrackerInformation[]

Optional customRenderer

customRenderer?: null | string | ChatItemBodyRenderer | ChatItemBodyRenderer[]

Optional fileList

fileList?: null | {
    actions?: Record<string, FileNodeAction[]>;
    collapsed?: boolean;
    deletedFiles?: string[];
    details?: Record<string, TreeNodeDetails>;
    filePaths?: string[];
    fileTreeTitle?: string;
    flatList?: boolean;
    folderIcon?: null | MynahIcons | "q" | "at" | "menu" | "minus" | "minus-circled" | "search" | "plus" | "paper-clip" | "pin" | "list-add" | "tabs" | "chat" | "link" | "folder" | "file" | "flash" | "doc" | "dot" | "external" | "cancel" | "cancel-circle" | "calendar" | "comment" | "megaphone" | "magic" | "notification" | "eye" | "ellipsis" | "ellipsis-h" | "ok" | "up-open" | "down-open" | "right-open" | "left-open" | "resize-full" | "resize-small" | "block" | "ok-circled" | "info" | "warning" | "error" | "thumbs-up" | "thumbs-down" | "star" | "stack" | "light-bulb" | "envelope-send" | "enter" | "refresh" | "progress" | "scroll-down" | "user" | "play" | "pause" | "stop" | "pencil" | "code-block" | "copy" | "cursor-insert" | "text-select" | "tools" | "revert" | "undo" | "rocket" | "asterisk" | "bug" | "check-list" | "deploy" | "shell" | "help" | "message" | "mcp" | "trash" | "transform" | "history" | "image";
    hideFileCount?: boolean;
    renderAsPills?: boolean;
    rootFolderLabel?: string;
    rootFolderStatusIcon?: MynahIcons | "q" | "at" | "menu" | "minus" | "minus-circled" | "search" | "plus" | "paper-clip" | "pin" | "list-add" | "tabs" | "chat" | "link" | "folder" | "file" | "flash" | "doc" | "dot" | "external" | "cancel" | "cancel-circle" | "calendar" | "comment" | "megaphone" | "magic" | "notification" | "eye" | "ellipsis" | "ellipsis-h" | "ok" | "up-open" | "down-open" | "right-open" | "left-open" | "resize-full" | "resize-small" | "block" | "ok-circled" | "info" | "warning" | "error" | "thumbs-up" | "thumbs-down" | "star" | "stack" | "light-bulb" | "envelope-send" | "enter" | "refresh" | "progress" | "scroll-down" | "user" | "play" | "pause" | "stop" | "pencil" | "code-block" | "copy" | "cursor-insert" | "text-select" | "tools" | "revert" | "undo" | "rocket" | "asterisk" | "bug" | "check-list" | "deploy" | "shell" | "help" | "message" | "mcp" | "trash" | "transform" | "history" | "image";
    rootFolderStatusIconForegroundStatus?: Status;
    rootFolderTitle?: string;
}

Type declaration

  • Optional actions?: Record<string, FileNodeAction[]>
  • Optional collapsed?: boolean
  • Optional deletedFiles?: string[]
  • Optional details?: Record<string, TreeNodeDetails>
  • Optional filePaths?: string[]
  • Optional fileTreeTitle?: string
  • Optional flatList?: boolean
  • Optional folderIcon?: null | MynahIcons | "q" | "at" | "menu" | "minus" | "minus-circled" | "search" | "plus" | "paper-clip" | "pin" | "list-add" | "tabs" | "chat" | "link" | "folder" | "file" | "flash" | "doc" | "dot" | "external" | "cancel" | "cancel-circle" | "calendar" | "comment" | "megaphone" | "magic" | "notification" | "eye" | "ellipsis" | "ellipsis-h" | "ok" | "up-open" | "down-open" | "right-open" | "left-open" | "resize-full" | "resize-small" | "block" | "ok-circled" | "info" | "warning" | "error" | "thumbs-up" | "thumbs-down" | "star" | "stack" | "light-bulb" | "envelope-send" | "enter" | "refresh" | "progress" | "scroll-down" | "user" | "play" | "pause" | "stop" | "pencil" | "code-block" | "copy" | "cursor-insert" | "text-select" | "tools" | "revert" | "undo" | "rocket" | "asterisk" | "bug" | "check-list" | "deploy" | "shell" | "help" | "message" | "mcp" | "trash" | "transform" | "history" | "image"
  • Optional hideFileCount?: boolean
  • Optional renderAsPills?: boolean
  • Optional rootFolderLabel?: string
  • Optional rootFolderStatusIcon?: MynahIcons | "q" | "at" | "menu" | "minus" | "minus-circled" | "search" | "plus" | "paper-clip" | "pin" | "list-add" | "tabs" | "chat" | "link" | "folder" | "file" | "flash" | "doc" | "dot" | "external" | "cancel" | "cancel-circle" | "calendar" | "comment" | "megaphone" | "magic" | "notification" | "eye" | "ellipsis" | "ellipsis-h" | "ok" | "up-open" | "down-open" | "right-open" | "left-open" | "resize-full" | "resize-small" | "block" | "ok-circled" | "info" | "warning" | "error" | "thumbs-up" | "thumbs-down" | "star" | "stack" | "light-bulb" | "envelope-send" | "enter" | "refresh" | "progress" | "scroll-down" | "user" | "play" | "pause" | "stop" | "pencil" | "code-block" | "copy" | "cursor-insert" | "text-select" | "tools" | "revert" | "undo" | "rocket" | "asterisk" | "bug" | "check-list" | "deploy" | "shell" | "help" | "message" | "mcp" | "trash" | "transform" | "history" | "image"
  • Optional rootFolderStatusIconForegroundStatus?: Status
  • Optional rootFolderTitle?: string

Optional followUp

followUp?: null | {
    options?: ChatItemAction[];
    text?: string;
}

Type declaration

Optional footer

footer?: null | ChatItemContent

Optional formItems

formItems?: null | ChatItemFormItem[]

Optional fullWidth

fullWidth?: boolean

Optional header

header?: null | ChatItemContent & {
    icon?: CustomIcon | MynahIcons | "q" | "at" | "menu" | "minus" | "minus-circled" | "search" | "plus" | "paper-clip" | "pin" | "list-add" | "tabs" | "chat" | "link" | "folder" | "file" | "flash" | "doc" | "dot" | "external" | "cancel" | "cancel-circle" | "calendar" | "comment" | "megaphone" | "magic" | "notification" | "eye" | "ellipsis" | "ellipsis-h" | "ok" | "up-open" | "down-open" | "right-open" | "left-open" | "resize-full" | "resize-small" | "block" | "ok-circled" | "info" | "warning" | "error" | "thumbs-up" | "thumbs-down" | "star" | "stack" | "light-bulb" | "envelope-send" | "enter" | "refresh" | "progress" | "scroll-down" | "user" | "play" | "pause" | "stop" | "pencil" | "code-block" | "copy" | "cursor-insert" | "text-select" | "tools" | "revert" | "undo" | "rocket" | "asterisk" | "bug" | "check-list" | "deploy" | "shell" | "help" | "message" | "mcp" | "trash" | "transform" | "history" | "image";
    iconForegroundStatus?: Status;
    iconStatus?: Status | "main" | "primary" | "clear";
    status?: {
        description?: string;
        icon?: MynahIcons | "q" | "at" | "menu" | "minus" | "minus-circled" | "search" | "plus" | "paper-clip" | "pin" | "list-add" | "tabs" | "chat" | "link" | "folder" | "file" | "flash" | "doc" | "dot" | "external" | "cancel" | "cancel-circle" | "calendar" | "comment" | "megaphone" | "magic" | "notification" | "eye" | "ellipsis" | "ellipsis-h" | "ok" | "up-open" | "down-open" | "right-open" | "left-open" | "resize-full" | "resize-small" | "block" | "ok-circled" | "info" | "warning" | "error" | "thumbs-up" | "thumbs-down" | "star" | "stack" | "light-bulb" | "envelope-send" | "enter" | "refresh" | "progress" | "scroll-down" | "user" | "play" | "pause" | "stop" | "pencil" | "code-block" | "copy" | "cursor-insert" | "text-select" | "tools" | "revert" | "undo" | "rocket" | "asterisk" | "bug" | "check-list" | "deploy" | "shell" | "help" | "message" | "mcp" | "trash" | "transform" | "history" | "image";
        position?: "left" | "right";
        status?: Status;
        text?: string;
    };
}

Optional informationCard

informationCard?: null | {
    content: ChatItemContent;
    description?: string;
    icon?: MynahIcons | "q" | "at" | "menu" | "minus" | "minus-circled" | "search" | "plus" | "paper-clip" | "pin" | "list-add" | "tabs" | "chat" | "link" | "folder" | "file" | "flash" | "doc" | "dot" | "external" | "cancel" | "cancel-circle" | "calendar" | "comment" | "megaphone" | "magic" | "notification" | "eye" | "ellipsis" | "ellipsis-h" | "ok" | "up-open" | "down-open" | "right-open" | "left-open" | "resize-full" | "resize-small" | "block" | "ok-circled" | "info" | "warning" | "error" | "thumbs-up" | "thumbs-down" | "star" | "stack" | "light-bulb" | "envelope-send" | "enter" | "refresh" | "progress" | "scroll-down" | "user" | "play" | "pause" | "stop" | "pencil" | "code-block" | "copy" | "cursor-insert" | "text-select" | "tools" | "revert" | "undo" | "rocket" | "asterisk" | "bug" | "check-list" | "deploy" | "shell" | "help" | "message" | "mcp" | "trash" | "transform" | "history" | "image";
    status?: {
        body?: string;
        icon?: MynahIcons | "q" | "at" | "menu" | "minus" | "minus-circled" | "search" | "plus" | "paper-clip" | "pin" | "list-add" | "tabs" | "chat" | "link" | "folder" | "file" | "flash" | "doc" | "dot" | "external" | "cancel" | "cancel-circle" | "calendar" | "comment" | "megaphone" | "magic" | "notification" | "eye" | "ellipsis" | "ellipsis-h" | "ok" | "up-open" | "down-open" | "right-open" | "left-open" | "resize-full" | "resize-small" | "block" | "ok-circled" | "info" | "warning" | "error" | "thumbs-up" | "thumbs-down" | "star" | "stack" | "light-bulb" | "envelope-send" | "enter" | "refresh" | "progress" | "scroll-down" | "user" | "play" | "pause" | "stop" | "pencil" | "code-block" | "copy" | "cursor-insert" | "text-select" | "tools" | "revert" | "undo" | "rocket" | "asterisk" | "bug" | "check-list" | "deploy" | "shell" | "help" | "message" | "mcp" | "trash" | "transform" | "history" | "image";
        status?: Status;
    };
    title?: string;
}

Type declaration

  • content: ChatItemContent
  • Optional description?: string
  • Optional icon?: MynahIcons | "q" | "at" | "menu" | "minus" | "minus-circled" | "search" | "plus" | "paper-clip" | "pin" | "list-add" | "tabs" | "chat" | "link" | "folder" | "file" | "flash" | "doc" | "dot" | "external" | "cancel" | "cancel-circle" | "calendar" | "comment" | "megaphone" | "magic" | "notification" | "eye" | "ellipsis" | "ellipsis-h" | "ok" | "up-open" | "down-open" | "right-open" | "left-open" | "resize-full" | "resize-small" | "block" | "ok-circled" | "info" | "warning" | "error" | "thumbs-up" | "thumbs-down" | "star" | "stack" | "light-bulb" | "envelope-send" | "enter" | "refresh" | "progress" | "scroll-down" | "user" | "play" | "pause" | "stop" | "pencil" | "code-block" | "copy" | "cursor-insert" | "text-select" | "tools" | "revert" | "undo" | "rocket" | "asterisk" | "bug" | "check-list" | "deploy" | "shell" | "help" | "message" | "mcp" | "trash" | "transform" | "history" | "image"
  • Optional status?: {
        body?: string;
        icon?: MynahIcons | "q" | "at" | "menu" | "minus" | "minus-circled" | "search" | "plus" | "paper-clip" | "pin" | "list-add" | "tabs" | "chat" | "link" | "folder" | "file" | "flash" | "doc" | "dot" | "external" | "cancel" | "cancel-circle" | "calendar" | "comment" | "megaphone" | "magic" | "notification" | "eye" | "ellipsis" | "ellipsis-h" | "ok" | "up-open" | "down-open" | "right-open" | "left-open" | "resize-full" | "resize-small" | "block" | "ok-circled" | "info" | "warning" | "error" | "thumbs-up" | "thumbs-down" | "star" | "stack" | "light-bulb" | "envelope-send" | "enter" | "refresh" | "progress" | "scroll-down" | "user" | "play" | "pause" | "stop" | "pencil" | "code-block" | "copy" | "cursor-insert" | "text-select" | "tools" | "revert" | "undo" | "rocket" | "asterisk" | "bug" | "check-list" | "deploy" | "shell" | "help" | "message" | "mcp" | "trash" | "transform" | "history" | "image";
        status?: Status;
    }
    • Optional body?: string
    • Optional icon?: MynahIcons | "q" | "at" | "menu" | "minus" | "minus-circled" | "search" | "plus" | "paper-clip" | "pin" | "list-add" | "tabs" | "chat" | "link" | "folder" | "file" | "flash" | "doc" | "dot" | "external" | "cancel" | "cancel-circle" | "calendar" | "comment" | "megaphone" | "magic" | "notification" | "eye" | "ellipsis" | "ellipsis-h" | "ok" | "up-open" | "down-open" | "right-open" | "left-open" | "resize-full" | "resize-small" | "block" | "ok-circled" | "info" | "warning" | "error" | "thumbs-up" | "thumbs-down" | "star" | "stack" | "light-bulb" | "envelope-send" | "enter" | "refresh" | "progress" | "scroll-down" | "user" | "play" | "pause" | "stop" | "pencil" | "code-block" | "copy" | "cursor-insert" | "text-select" | "tools" | "revert" | "undo" | "rocket" | "asterisk" | "bug" | "check-list" | "deploy" | "shell" | "help" | "message" | "mcp" | "trash" | "transform" | "history" | "image"
    • Optional status?: Status
  • Optional title?: string

Optional muted

muted?: boolean

Optional padding

padding?: boolean

Optional quickSettings

quickSettings?: null | DropdownFactoryProps

Optional relatedContent

relatedContent?: null | {
    content: SourceLink[];
    title?: string;
}

Type declaration

Optional summary

summary?: null | {
    collapsedContent?: ChatItemContent[];
    content?: ChatItemContent;
    isCollapsed?: boolean;
}

Type declaration

Optional tabbedContent

tabbedContent?: null | (ToggleOption & {
    content: ChatItemContent;
})[]

Optional wrapCodes

wrapCodes?: boolean

Settings

Member Visibility

Theme

On This Page

bodybuttonscodeBlockActionscodeReferencecustomRendererfileListfollowUpfooterformItemsfullWidthheaderinformationCardmutedpaddingquickSettingsrelatedContentsummarytabbedContentwrapCodes