Class MjRecordCommentsComponent

Renders threaded, anchored record comments (MJ: Conversations + MJ: Conversation Details) in either a right-hand slide-in 'drawer' or an inline field/section-tethered 'popover'.

Hierarchy (View Summary)

BaseAngularComponent
- MjRecordCommentsComponent

Implements

OnInit
OnChanges
OnDestroy

Index

Constructors

constructor

Accessors

CanUserPostComments EffectiveDrawerWidthPx GroupedVisibleThreads IsLoading OpenCount PopoverStyle PopoverTarget ProviderToUse ResolvedCount RunQueryToUse RunViewToUse StatusFilter TargetFilter VisibleThreads

Constructors

constructor

new MjRecordCommentsComponent(): MjRecordCommentsComponent
Returns MjRecordCommentsComponent
Inherited from BaseAngularComponent.constructor

Properties

ActiveMentionContext

ActiveMentionContext:
    | {
        Query: string;
        SelectedIndex: number;
        Target: string;
        TriggerIndex: number;
    }
    | null = null

Close

Close: EventEmitter<void> = ...

CommentCountChange

CommentCountChange: EventEmitter<number> = ...

`Readonly`Coordinator

Coordinator: FormRecordCommentsCoordinatorService | null = ...

ErrorBannerMessage

ErrorBannerMessage: string | null = null

FilteredMentionCandidates

FilteredMentionCandidates: CommentMentionCandidate[] = []

IsOpen

IsOpen: boolean = false

IsPopoverExpanded

IsPopoverExpanded: boolean = false

IsResizingDrawer

IsResizingDrawer: boolean = false

IsSubmittingNewThread

IsSubmittingNewThread: boolean = false

MentionCandidates

MentionCandidates: CommentMentionCandidate[] = []

Mode

Mode: "drawer" | "popover" = 'drawer'

Navigate

Navigate: EventEmitter<FormNavigationEvent> = ...

NavigateToAnchor

NavigateToAnchor: EventEmitter<FormCommentAnchorNavigationRequest> = ...

NewThreadMessage

NewThreadMessage: string = ''

Provider

Provider: IMetadataProvider | null

If specified, this provider will be used for communication and for all metadata purposes. By default, if not provided, the Metadata and RunView classes are used for this and the default GraphQLDataProvider is used which is connected to the same back-end MJAPI instance as the Metadata and RunView classes. If you want to have this component connect to a different MJAPI back-end, create an instance of a ProviderBase sub-class like GraphQLDataProvider/etc, and configure it as appropriate to connect to the MJAPI back-end you want to use, and then pass it in here.

Record

Record: BaseEntity<unknown> | null = null

ReplyDraftByConversationId

ReplyDraftByConversationId: Map<string, string> = ...

ResolvingConversationId

ResolvingConversationId: string | null = null

RollupChange

RollupChange: EventEmitter<AnchoredCommentRollup> = ...

SelectedMentionsByContext

SelectedMentionsByContext: Map<string, Map<string, CommentMentionCandidate>> = ...

SubmittingReplyConversationId

SubmittingReplyConversationId: string | null = null

WidthChanged

WidthChanged: EventEmitter<number> = ...

WidthPx

WidthPx: number = 400

`Static` `Readonly`COMMENTS_WIDTH_SETTING_KEY

COMMENTS_WIDTH_SETTING_KEY: "MJ_CommentsPanel_Width" = 'MJ_CommentsPanel_Width'

`Static` `Readonly`DEFAULT_DRAWER_WIDTH_PX

DEFAULT_DRAWER_WIDTH_PX: 400

`Static` `Readonly`MAX_DRAWER_WIDTH_PX

MAX_DRAWER_WIDTH_PX: 860

`Static` `Readonly`MIN_DRAWER_WIDTH_PX

MIN_DRAWER_WIDTH_PX: 340

`Static`ɵdir

"ɵdir": unknown

`Static`ɵfac

"ɵfac": ɵɵFactoryDeclaration<BaseAngularComponent, never>

Accessors

CanUserPostComments

get CanUserPostComments(): boolean
Returns boolean
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:234

EffectiveDrawerWidthPx

get EffectiveDrawerWidthPx(): number
Returns number
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:181

GroupedVisibleThreads

get GroupedVisibleThreads(): RecordCommentSectionGroup[]
Organizes VisibleThreads into logical section groups (Details / Model Overview, System Metadata, Record Comments, etc.) so the side-rail drawer shows all record comments clearly organized in one place.

Returns RecordCommentSectionGroup[]
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:401

ProviderToUse

get ProviderToUse(): IMetadataProvider
Returns either the default Metadata provider or the one specified in the Provider property, if it was specified

Returns IMetadataProvider
Inherited from BaseAngularComponent.ProviderToUse
- Defined in packages/Angular/Generic/base-types/dist/base-angular-component.d.ts:17

ResolvedCount

get ResolvedCount(): number
Returns number
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:362

RunQueryToUse

get RunQueryToUse(): IRunQueryProvider
Returns either the default RunQuery provider or the one specified in the Provider property, if it was specified

Returns IRunQueryProvider
Inherited from BaseAngularComponent.RunQueryToUse
- Defined in packages/Angular/Generic/base-types/dist/base-angular-component.d.ts:25

RunViewToUse

get RunViewToUse(): IRunViewProvider
Returns either the default RunView provider or the one specified in the Provider property, if it was specified

Returns IRunViewProvider
Inherited from BaseAngularComponent.RunViewToUse
- Defined in packages/Angular/Generic/base-types/dist/base-angular-component.d.ts:21

StatusFilter

get StatusFilter(): "open" | "resolved" | "all"
Returns "open" | "resolved" | "all"
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:348

TargetFilter

get TargetFilter(): FormCommentAnchorTarget | null
Returns FormCommentAnchorTarget | null
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:352

VisibleThreads

get VisibleThreads(): RecordCommentThreadView[]
Returns RecordCommentThreadView[]
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:370

Methods

FormatAuthorInitials

FormatAuthorInitials(detail: MJConversationDetailEntity): string
Parameters
- detail: MJConversationDetailEntity
Returns string
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:838

FormatMessageHtml

FormatMessageHtml(rawMessage: string | null | undefined): string
Renders a message body as safe HTML with @mention tokens styled as pill badges.
Parameters
- rawMessage: string | null | undefined
Returns string
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:822

FormatRelativeTime

FormatRelativeTime(value: string | Date | null | undefined): string
Parameters
- value: string | Date | null | undefined
Returns string
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:850

GetDraftMentions

GetDraftMentions(contextKey: string): CommentMentionCandidate[]
Returns the list of mentioned users/agents currently present in the draft for contextKey, used to render interactive tagged chips right inside the composer.
Parameters
- contextKey: string
Returns CommentMentionCandidate[]
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:579

GetReplyDraft

GetReplyDraft(conversationId: string): string
Parameters
- conversationId: string
Returns string
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:544

InsertMentionCandidate

InsertMentionCandidate(
candidate: CommentMentionCandidate,
contextKey: string,
): void
Parameters
- candidate: CommentMentionCandidate
- contextKey: string
Returns void
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:548

ngOnChanges

ngOnChanges(changes: { [propName: string]: SimpleChange<any> }): void
A callback method that is invoked immediately after the default change detector has checked data-bound properties if at least one has changed, and before the view and content children are checked.
Parameters
- changes: { [propName: string]: SimpleChange<any> }
  The changed properties.
Returns void
Implementation of OnChanges.ngOnChanges
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:209

ngOnDestroy

ngOnDestroy(): void
A callback method that performs custom clean-up, invoked immediately before a directive, pipe, or service instance is destroyed.

Returns void
Implementation of OnDestroy.ngOnDestroy
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:223

ngOnInit

ngOnInit(): void
A callback method that is invoked immediately after the default change detector has checked the directive's data-bound properties for the first time, and before any of the view or content children have been checked. It is invoked only once when the directive is instantiated.

Returns void
Implementation of OnInit.ngOnInit
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:166

OnAnchorBadgeClick

OnAnchorBadgeClick(thread: RecordCommentThreadView): void
Parameters
- thread: RecordCommentThreadView
Returns void
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:450

OnClearTargetFilter

OnClearTargetFilter(): void
Returns void
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:428

OnClose

OnClose(): void
Returns void
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:437

OnComposerCompositionEnd

OnComposerCompositionEnd(event: CompositionEvent): void
Records the native event.timeStamp on compositionend per ime-safe-enter-submit to prevent premature submission on Safari where compositionend fires before keydown.
Parameters
- event: CompositionEvent
Returns void
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:468

OnComposerKeydown

OnComposerKeydown(event: KeyboardEvent, contextKey: string): void
Handles keyboard navigation in @mention menu and IME-safe Enter (without Shift) or Cmd/Ctrl+Enter submission in comment textareas.
Parameters
- event: KeyboardEvent
- contextKey: string
Returns void
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:476

OnDrawerResizeStart

OnDrawerResizeStart(event: MouseEvent): void
Parameters
- event: MouseEvent
Returns void
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:297

OnEscapeKey

OnEscapeKey(event: Event): void
Parameters
- event: Event
Returns void
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:244

OnMentionRecordNavigate

OnMentionRecordNavigate(event: FormNavigationEvent): void
Relays record navigation events emitted by clickable @mention chips ([mjRecordLink]) to the parent <mj-record-form-container> and closes the inline popover when active.
Parameters
- event: FormNavigationEvent
Returns void
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:764

OnNewThreadInput

OnNewThreadInput(event: Event): void
Parameters
- event: Event
Returns void
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:532

OnRefresh

OnRefresh(): void
Returns void
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:446

OnReplyInput

OnReplyInput(conversationId: string, event: Event): void
Parameters
- conversationId: string
- event: Event
Returns void
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:538

OnStatusFilterChange

OnStatusFilterChange(status: "open" | "resolved" | "all"): void
Parameters
- status: "open" | "resolved" | "all"
Returns void
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:424

OnSubmitNewThread

OnSubmitNewThread(): Promise<void>
Returns Promise<void>
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:666

OnSubmitReply

OnSubmitReply(conversationId: string): Promise<void>
Parameters
- conversationId: string
Returns Promise<void>
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:716

OnSwitchPopoverToDrawer

OnSwitchPopoverToDrawer(): void
Returns void
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:432

OnTogglePopoverExpand

OnTogglePopoverExpand(): void
Returns void
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:292

OnToggleResolve

OnToggleResolve(thread: RecordCommentThreadView, event: Event): Promise<void>
Parameters
- thread: RecordCommentThreadView
- event: Event
Returns Promise<void>
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:741

ParseMessageSegments

ParseMessageSegments(
rawMessage: string | null | undefined,
): RecordCommentMessageSegment[]
Parses a comment message into strongly-typed text and @mention segments so the template can render interactive [mjRecordLink] chips for tagged users (MJ: Users) and agents (MJ: AI Agents).
Parameters
- rawMessage: string | null | undefined
Returns RecordCommentMessageSegment[]
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:775

PersistDrawerWidth

PersistDrawerWidth(widthPx: number): void
Persists the comments drawer width in UserInfoEngine (MJ_CommentsPanel_Width) and emits WidthChanged.
Parameters
- widthPx: number
Returns void
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:331

RemoveDraftMention

RemoveDraftMention(candidate: CommentMentionCandidate, contextKey: string): void
Removes a tagged mention chip from the composer draft.
Parameters
- candidate: CommentMentionCandidate
- contextKey: string
Returns void
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:610

SerializeMentionsForWire

SerializeMentionsForWire(rawText: string, contextKey: string): string
Converts human-readable @Name mentions in a composer draft into canonical @{"type":"user"|"agent","id":"...","name":"..."} wire tokens before saving.
Parameters
- rawText: string
- contextKey: string
Returns string
- Defined in packages/Angular/Generic/base-forms/src/lib/comments/record-comments.component.ts:630

Class MjRecordCommentsComponent

Hierarchy (View Summary)

Implements

Index

Constructors

Properties

Accessors

Methods

Constructors

constructor

Returns MjRecordCommentsComponent

Properties

ActiveMentionContext

Close

CommentCountChange

ReadonlyCoordinator

ErrorBannerMessage

FilteredMentionCandidates

IsOpen

IsPopoverExpanded

IsResizingDrawer

IsSubmittingNewThread

MentionCandidates

Mode

Navigate

NavigateToAnchor

NewThreadMessage

Provider

Record

ReplyDraftByConversationId

ResolvingConversationId

RollupChange

SelectedMentionsByContext

SubmittingReplyConversationId

WidthChanged

WidthPx

Static ReadonlyCOMMENTS_WIDTH_SETTING_KEY

Static ReadonlyDEFAULT_DRAWER_WIDTH_PX

Static ReadonlyMAX_DRAWER_WIDTH_PX

Static ReadonlyMIN_DRAWER_WIDTH_PX

Staticɵdir

Staticɵfac

Accessors

CanUserPostComments

Returns boolean

EffectiveDrawerWidthPx

Returns number

GroupedVisibleThreads

Returns RecordCommentSectionGroup[]

IsLoading

Returns boolean

OpenCount

Returns number

PopoverStyle

Returns Record<string, string>

PopoverTarget

Returns FormCommentAnchorTarget | null

ProviderToUse

Returns IMetadataProvider

ResolvedCount

Returns number

RunQueryToUse

Returns IRunQueryProvider

RunViewToUse

Returns IRunViewProvider

StatusFilter

Returns "open" | "resolved" | "all"

TargetFilter

Returns FormCommentAnchorTarget | null

VisibleThreads

Returns RecordCommentThreadView[]

Methods

FormatAuthorInitials

Parameters

Returns string

FormatMessageHtml

Parameters

Returns string

FormatRelativeTime

Parameters

`Readonly`Coordinator

`Static` `Readonly`COMMENTS_WIDTH_SETTING_KEY

`Static` `Readonly`DEFAULT_DRAWER_WIDTH_PX

`Static` `Readonly`MAX_DRAWER_WIDTH_PX

`Static` `Readonly`MIN_DRAWER_WIDTH_PX

`Static`ɵdir

`Static`ɵfac