@memberjunction/ng-composer 0.0.0 → 5.45.0

package/dist/lib/components/mention/mention-dropdown.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mention-dropdown.component.js","sourceRoot":"","sources":["../../../../src/lib/components/mention/mention-dropdown.component.ts","../../../../src/lib/components/mention/mention-dropdown.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  OnInit,\n  OnDestroy,\n  HostListener\n} from '@angular/core';\nimport { MentionSuggestion } from '../../composer-trigger-provider';\n\n/**\n * Dropdown component for @mention autocomplete\n */\n@Component({\n  standalone: false,\n  selector: 'mj-mention-dropdown',\n  templateUrl: './mention-dropdown.component.html',\n  styleUrls: [\n    './mention-dropdown.component.css',\n    './custom-agent-icons.css'\n  ]\n})\nexport class MentionDropdownComponent implements OnInit, OnDestroy {\n  private _suggestions: MentionSuggestion[] = [];\n\n  @Input()\n  set suggestions(value: MentionSuggestion[]) {\n    this._suggestions = value;\n    // Always reset selection to first item when suggestions change\n    // so there's never a state where nothing is selected\n    this.selectedIndex = 0;\n  }\n  get suggestions(): MentionSuggestion[] {\n    return this._suggestions;\n  }\n\n  @Input() position: { top: number; left: number } = { top: 0, left: 0 };\n  @Input() visible: boolean = false;\n  @Input() showAbove: boolean = false; // Controls whether dropdown grows upward\n  @Input() useFixedPositioning: boolean = false; // Use fixed positioning to escape parent containers\n\n  @Output() suggestionSelected = new EventEmitter<MentionSuggestion>();\n  @Output() closed = new EventEmitter<void>();\n\n  public selectedIndex: number = 0;\n\n  constructor() {}\n\n  ngOnInit(): void {}\n\n  ngOnDestroy(): void {}\n\n  /**\n   * Handle keyboard navigation\n   */\n  @HostListener('document:keydown', ['$event'])\n  handleKeyDown(event: KeyboardEvent): void {\n    if (!this.visible || this.suggestions.length === 0) return;\n\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault();\n        this.selectedIndex = Math.min(this.selectedIndex + 1, this.suggestions.length - 1);\n        this.scrollToSelected();\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        this.selectedIndex = Math.max(this.selectedIndex - 1, 0);\n        this.scrollToSelected();\n        break;\n      case 'Enter':\n      case 'Tab':\n        event.preventDefault();\n        if (this.suggestions[this.selectedIndex]) {\n          this.selectSuggestion(this.suggestions[this.selectedIndex]);\n        }\n        break;\n      case 'Escape':\n        event.preventDefault();\n        this.close();\n        break;\n    }\n  }\n\n  /**\n   * Select a suggestion\n   */\n  selectSuggestion(suggestion: MentionSuggestion): void {\n    this.suggestionSelected.emit(suggestion);\n  }\n\n  /**\n   * Close the dropdown\n   */\n  close(): void {\n    this.closed.emit();\n  }\n\n  /**\n   * Scroll to selected item\n   */\n  private scrollToSelected(): void {\n    setTimeout(() => {\n      const selected = document.querySelector('.mention-suggestion.selected');\n      if (selected) {\n        selected.scrollIntoView({ block: 'nearest', behavior: 'smooth' });\n      }\n    }, 0);\n  }\n\n  /**\n   * Track by function for ngFor\n   */\n  trackBySuggestion(index: number, item: MentionSuggestion): string {\n    return item.id;\n  }\n\n  /**\n   * Get icon classes - supports both Font Awesome and custom CSS classes\n   * Font Awesome icons start with 'fa-' (e.g., 'fa-solid fa-robot')\n   * Custom icons use their own prefix (e.g., 'mj-icon-skip', 'acme-icon-custom')\n   */\n  getIconClasses(iconClass: string): string | string[] {\n    if (!iconClass) {\n      return 'fa-solid fa-robot'; // Default fallback\n    }\n\n    // If it's a Font Awesome icon (contains 'fa-'), add fa-solid if not present\n    if (iconClass.includes('fa-')) {\n      // If it already has fa-solid, fa-regular, etc., use as-is\n      if (iconClass.match(/\\b(fa-solid|fa-regular|fa-light|fa-brands)\\b/)) {\n        return iconClass;\n      }\n      // Otherwise add fa-solid prefix\n      return `fa-solid ${iconClass}`;\n    }\n\n    // For custom icons (mj-icon-*, acme-icon-*, etc.), use as-is\n    return iconClass;\n  }\n}\n","@if (visible) {\n  <div\n    class=\"mention-dropdown\"\n    [class.show-above]=\"showAbove\"\n    [class.fixed-position]=\"useFixedPositioning\"\n    [style.top.px]=\"position.top\"\n    [style.left.px]=\"position.left\"\n    >\n    <!-- Suggestions List -->\n    @if (suggestions.length > 0) {\n      <div class=\"mention-suggestions\">\n        @for (suggestion of suggestions; track trackBySuggestion(i, suggestion); let i = $index) {\n          <div\n            class=\"mention-suggestion\"\n            [class.selected]=\"i === selectedIndex\"\n            (mousedown)=\"selectSuggestion(suggestion); $event.preventDefault()\"\n            (mouseenter)=\"selectedIndex = i\"\n            >\n            <div class=\"suggestion-icon\"\n                 [class.skill]=\"suggestion.type === 'skill'\"\n                 [style.background]=\"suggestion.type === 'skill' ? (suggestion.color || null) : null\">\n              <!-- Agent with LogoURL image (takes precedence) -->\n              @if (suggestion.type === 'agent' && suggestion.imageUrl) {\n                <img\n                  [src]=\"suggestion.imageUrl\"\n                  [alt]=\"suggestion.displayName\"\n                  class=\"suggestion-image\"\n                  />\n              }\n              <!-- Agent with icon class (fallback) -->\n              @if (suggestion.type === 'agent' && !suggestion.imageUrl && suggestion.icon) {\n                <i\n                  [ngClass]=\"getIconClasses(suggestion.icon)\"\n                ></i>\n              }\n              <!-- User icon -->\n              @if (suggestion.type === 'user') {\n                <i\n                  class=\"fa-solid fa-user\"\n                ></i>\n              }\n              <!-- Entity icon -->\n              @if (suggestion.type === 'entity') {\n                <i\n                  [ngClass]=\"getIconClasses(suggestion.icon || 'fa-solid fa-table')\"\n                ></i>\n              }\n              <!-- Query icon (generic, from 'MJ: Queries' entity) -->\n              @if (suggestion.type === 'query') {\n                <i\n                  [ngClass]=\"getIconClasses(suggestion.icon || 'fa-solid fa-database')\"\n                ></i>\n              }\n              <!-- Skill icon — container carries the skill's accent Color (green fallback) -->\n              @if (suggestion.type === 'skill') {\n                <i\n                  [ngClass]=\"getIconClasses(suggestion.icon || 'fa-solid fa-wand-magic-sparkles')\"\n                ></i>\n              }\n            </div>\n            <div class=\"suggestion-content\">\n              <div class=\"suggestion-name\">\n                @if (suggestion.type === 'agent') {\n                  <span class=\"suggestion-type-badge\">Agent</span>\n                }\n                @if (suggestion.type === 'user') {\n                  <span class=\"suggestion-type-badge user\">User</span>\n                }\n                @if (suggestion.type === 'entity') {\n                  <span class=\"suggestion-type-badge entity\">Entity</span>\n                }\n                @if (suggestion.type === 'query') {\n                  <span class=\"suggestion-type-badge query\">Query</span>\n                }\n                @if (suggestion.type === 'skill') {\n                  <span class=\"suggestion-type-badge skill\"\n                        [style.background]=\"suggestion.color || null\">Skill</span>\n                }\n                {{ suggestion.displayName }}\n              </div>\n              @if (suggestion.description) {\n                <div class=\"suggestion-description\">\n                  {{ suggestion.description }}\n                </div>\n              }\n            </div>\n          </div>\n        }\n      </div>\n    }\n    <!-- Empty State -->\n    @if (suggestions.length === 0) {\n      <mj-empty-state\n        Variant=\"no-results\"\n        Size=\"compact\"\n        Icon=\"fa-solid fa-robot\"\n        Title=\"No matches found\" />\n    }\n  </div>\n}\n"]}

package/dist/lib/components/mention/mention-editor.component.d.ts

@@ -0,0 +1,294 @@
+import { EventEmitter, ElementRef, AfterViewInit, OnInit, ChangeDetectorRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { ComposerTriggerProvider, MentionSuggestion } from '../../composer-trigger-provider';
+import { IMetadataProvider, UserInfo } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+/**
+ * Represents a pending attachment that hasn't been uploaded yet
+ */
+export interface PendingAttachment {
+    /** Local ID for tracking */
+    id: string;
+    /** Original File object (null for artifact references) */
+    file: File | null;
+    /** Base64 data URL for display */
+    dataUrl: string;
+    /** MIME type */
+    mimeType: string;
+    /** Original filename */
+    fileName: string;
+    /** File size in bytes */
+    sizeBytes: number;
+    /** Width in pixels (for images) */
+    width?: number;
+    /** Height in pixels (for images) */
+    height?: number;
+    /** Small thumbnail URL for preview */
+    thumbnailUrl?: string;
+    /** MJStorage File ID (for artifact references, mutually exclusive with inline data) */
+    fileID?: string;
+    /** Source of the attachment */
+    source?: 'upload' | 'artifact';
+    /** Artifact Version ID (for artifact references, used to create ConversationDetailArtifact) */
+    artifactVersionId?: string;
+}
+/**
+ * ContentEditable-based mention editor with visual chips/pills
+ * Provides Slack/Teams-style mention UX with immutable mention tokens
+ */
+export declare class MentionEditorComponent implements OnInit, AfterViewInit, ControlValueAccessor {
+    private cdr;
+    editorRef: ElementRef<HTMLDivElement>;
+    placeholder: string;
+    disabled: boolean;
+    currentUser?: UserInfo;
+    /** Master switch for all mention/command triggers. When false no providers are consulted. */
+    enableMentions: boolean;
+    /**
+     * Explicit trigger-provider list — when bound, EXACTLY these providers are active
+     * (explicit list wins over discovery). Leave null to discover providers registered
+     * with the ClassFactory via `@RegisterClass(ComposerTriggerProvider, '<Key>')`.
+     */
+    TriggerProviders: ComposerTriggerProvider[] | null;
+    /**
+     * Discovery-mode filter: providers whose stable `Key` appears here are skipped when
+     * resolving registered providers. Ignored when `TriggerProviders` is bound.
+     */
+    ExcludedTriggerKeys: string[];
+    /** Optional metadata provider scoping this editor (multi-provider hosts); passed through to trigger providers. */
+    Provider: IMetadataProvider | null;
+    /** Auto-focus the editor after view init (the composer default). Disable when embedded in forms. */
+    autoFocus: boolean;
+    enableAttachments: boolean;
+    maxAttachments: number;
+    maxAttachmentSizeBytes: number;
+    acceptedFileTypes: string;
+    valueChange: EventEmitter<string>;
+    mentionSelected: EventEmitter<MentionSuggestion>;
+    enterPressed: EventEmitter<string>;
+    attachmentsChanged: EventEmitter<PendingAttachment[]>;
+    attachmentError: EventEmitter<string>;
+    attachmentClicked: EventEmitter<PendingAttachment>;
+    pendingAttachments: PendingAttachment[];
+    isDragOver: boolean;
+    showMentionDropdown: boolean;
+    mentionSuggestions: MentionSuggestion[];
+    mentionDropdownPosition: {
+        top: number;
+        left: number;
+    };
+    mentionDropdownShowAbove: boolean;
+    private mentionStartIndex;
+    private mentionQuery;
+    /** The trigger char that opened the current mention dropdown */
+    private activeTrigger;
+    /**
+     * Monotonic sequence guarding the async suggestion fetch — a response only applies
+     * when no newer keystroke (or dropdown close) has superseded it.
+     */
+    private suggestionRequestSeq;
+    /** Cap on the suggestions displayed; passed to providers as `MaxResults`. */
+    private static readonly MaxSuggestions;
+    /**
+     * The trigger providers this editor consults: the explicit `TriggerProviders` list
+     * when bound, otherwise ClassFactory discovery filtered by `ExcludedTriggerKeys`.
+     * Empty when `enableMentions` is off (or nothing is registered) — the editor then
+     * behaves as a plain text editor.
+     */
+    private get activeProviders();
+    /** Unique trigger characters across the active providers (priority order preserved). */
+    private get mentionTriggers();
+    private onChange;
+    onTouched: () => void;
+    /** Value written via writeValue() before the view (editorRef) exists — applied in ngAfterViewInit. */
+    private pendingWriteValue;
+    constructor(cdr: ChangeDetectorRef);
+    ngOnInit(): Promise<void>;
+    ngAfterViewInit(): void;
+    /**
+     * Handle clicks on the container - focus the editor if clicking outside the contentEditable
+     */
+    onContainerClick(event: MouseEvent): void;
+    /**
+     * Handle input changes in contentEditable
+     */
+    onInput(): void;
+    /**
+     * Handle blur event - close dropdown when editor loses focus
+     */
+    onBlur(): void;
+    /**
+     * Handle paste event - images or plain text
+     */
+    onPaste(event: ClipboardEvent): void;
+    /**
+     * Handle keydown events
+     */
+    onKeyDown(event: KeyboardEvent): void;
+    /**
+     * Handle mention/command trigger detection — finds the nearest active trigger char
+     * before the cursor and kicks off the (async) provider suggestion fetch.
+     */
+    private handleMentionInput;
+    /**
+     * Routes the suggestion request to every active provider whose TriggerChar matches,
+     * concatenates their results in priority order, caps the merged list, and opens the
+     * dropdown. A monotonic sequence drops stale responses when the user keeps typing.
+     */
+    private fetchSuggestions;
+    /**
+     * Get text before cursor position
+     */
+    private getTextBeforeCursor;
+    /**
+     * Position the mention dropdown
+     */
+    private positionMentionDropdown;
+    /**
+     * Handle mention selection from dropdown
+     */
+    onMentionSelected(suggestion: MentionSuggestion): void;
+    /**
+     * Insert a mention chip at the current cursor position
+     */
+    private insertMentionChip;
+    /**
+     * Create a mention chip DOM element
+     */
+    private createMentionChip;
+    /**
+     * Add configuration preset dropdown to a mention chip
+     */
+    private addConfigurationDropdown;
+    /**
+     * Get icon classes with proper FA prefix
+     */
+    private getIconClasses;
+    /**
+     * Handle backspace key - delete entire chip if cursor is right after one
+     */
+    private handleBackspace;
+    /**
+     * Close mention dropdown
+     */
+    closeMentionDropdown(): void;
+    /**
+     * Convert editor HTML to plain text with @mentions
+     */
+    private getPlainText;
+    /**
+     * Get text from a node recursively
+     */
+    private getNodeText;
+    /**
+     * Set editor content from plain text (for programmatic updates)
+     */
+    private setEditorContent;
+    writeValue(value: string): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    /**
+     * Focus the editor
+     */
+    focus(): void;
+    /**
+     * Clear the editor content and pending attachments
+     */
+    clear(): void;
+    /**
+     * Extract mention chips with their configuration data
+     * Returns array of objects containing mention info and preset configuration
+     */
+    getMentionChipsData(): Array<{
+        id: string;
+        type: string;
+        name: string;
+        presetId?: string;
+        presetName?: string;
+    }>;
+    /**
+     * Get the plain text value with mentions encoded as JSON
+     * This format preserves configuration information when messages are saved
+     * Format: @{type:"agent",id:"uuid",name:"Agent Name",configId:"uuid",config:"High"}
+     */
+    getPlainTextWithJsonMentions(): string;
+    /**
+     * Handle drag over event
+     */
+    onDragOver(event: DragEvent): void;
+    /**
+     * Handle drag leave event
+     */
+    onDragLeave(event: DragEvent): void;
+    /**
+     * Handle drop event
+     */
+    onDrop(event: DragEvent): void;
+    /**
+     * Handle file input change (from file picker)
+     */
+    onFileSelected(event: Event): void;
+    /**
+     * Process a file for attachment
+     */
+    private processFile;
+    /**
+     * Validate a file against settings
+     */
+    private validateFile;
+    /**
+     * Check if file type is accepted
+     */
+    private isAcceptedFile;
+    /**
+     * Read file as data URL
+     */
+    private readFileAsDataUrl;
+    /**
+     * Get image dimensions
+     */
+    private getImageDimensions;
+    /**
+     * Generate unique attachment ID
+     */
+    private generateAttachmentId;
+    /**
+     * Remove a pending attachment by ID
+     */
+    removeAttachment(id: string): void;
+    /**
+     * Get all pending attachments
+     */
+    getPendingAttachments(): PendingAttachment[];
+    /**
+     * Add an artifact as a pending attachment programmatically.
+     * Used by the artifact picker to attach artifacts as conversation inputs.
+     */
+    AddArtifactAttachment(artifact: {
+        fileID: string;
+        fileName: string;
+        mimeType: string;
+        sizeBytes: number;
+        artifactVersionId?: string;
+    }): PendingAttachment;
+    /**
+     * Clear all pending attachments
+     */
+    clearPendingAttachments(): void;
+    /**
+     * Handle click on an attachment thumbnail
+     */
+    onAttachmentClick(attachment: PendingAttachment): void;
+    /**
+     * Check if there are any pending attachments
+     */
+    hasAttachments(): boolean;
+    /**
+     * Trigger file picker programmatically
+     */
+    openFilePicker(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MentionEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MentionEditorComponent, "mj-mention-editor", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "currentUser": { "alias": "currentUser"; "required": false; }; "enableMentions": { "alias": "enableMentions"; "required": false; }; "TriggerProviders": { "alias": "TriggerProviders"; "required": false; }; "ExcludedTriggerKeys": { "alias": "ExcludedTriggerKeys"; "required": false; }; "Provider": { "alias": "Provider"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "enableAttachments": { "alias": "enableAttachments"; "required": false; }; "maxAttachments": { "alias": "maxAttachments"; "required": false; }; "maxAttachmentSizeBytes": { "alias": "maxAttachmentSizeBytes"; "required": false; }; "acceptedFileTypes": { "alias": "acceptedFileTypes"; "required": false; }; }, { "valueChange": "valueChange"; "mentionSelected": "mentionSelected"; "enterPressed": "enterPressed"; "attachmentsChanged": "attachmentsChanged"; "attachmentError": "attachmentError"; "attachmentClicked": "attachmentClicked"; }, never, never, false, never>;
+}
+//# sourceMappingURL=mention-editor.component.d.ts.map

package/dist/lib/components/mention/mention-editor.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mention-editor.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/mention/mention-editor.component.ts"],"names":[],"mappings":"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"}