@memberjunction/ng-conversations 5.40.1 → 5.41.0

package/dist/lib/components/realtime/whiteboard/whiteboard-channel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"whiteboard-channel.js","sourceRoot":"","sources":["../../../../../src/lib/components/realtime/whiteboard/whiteboard-channel.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Type } from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { RegisterClass } from '@memberjunction/global';\nimport { RealtimeToolDefinition } from '@memberjunction/ai';\nimport { BaseRealtimeChannelClient, ChannelOnboardingDetails } from '../channels/base-realtime-channel-client';\nimport {\n  ApplyWhiteboardAgentTool, RealtimeWhiteboardHostComponent, WHITEBOARD_TOOL_DEFINITIONS,\n  WHITEBOARD_TOOL_PREFIX, WhiteboardState, WhiteboardWidgetInteractionEvent, WhiteboardWidgetSubmitEvent\n} from '@memberjunction/ng-whiteboard';\n\n/**\n * Per-widget throttle window for AMBIENT interaction context notes: at most one note per\n * widget per this many ms — within the window the LATEST summary wins (chatty widgets\n * collapse to one trailing-edge note instead of flooding the model's context).\n */\nexport const WHITEBOARD_INTERACTION_NOTE_THROTTLE_MS = 4000;\n\n/** Per-widget ambient-note throttle bookkeeping. */\ninterface InteractionThrottleEntry {\n  /** When this widget's last ambient note was sent (epoch ms). */\n  LastSentAt: number;\n  /** Trailing-edge timer for a deferred note, or null when the window is idle. */\n  Timer: ReturnType<typeof setTimeout> | null;\n  /** The latest event received within the open window (sent when the timer fires). */\n  Pending: WhiteboardWidgetInteractionEvent | null;\n}\n\n/**\n * The LIVE WHITEBOARD as a pluggable interactive channel — the canonical\n * {@link BaseRealtimeChannelClient} implementation, resolved from the `MJ: AI Agent\n * Channels` registry row whose `ClientPluginClass` is `'RealtimeWhiteboardChannel'`.\n *\n * One instance per session (created via ClassFactory at session start). It owns the\n * board's {@link WhiteboardState} engine and contributes the channel's full contract:\n *\n *  - **Action**: the `Whiteboard_*` client-executed tool set\n *    ({@link WHITEBOARD_TOOL_DEFINITIONS}); {@link ApplyAgentTool} prefers the BOUND host\n *    component (board mutation + violet pop-in / toast / presence-cursor garnish) and\n *    falls back to the pure {@link ApplyWhiteboardAgentTool} engine call when no surface\n *    is bound (e.g. the surface panel is collapsed) — the channel keeps working, just\n *    without the garnish.\n *  - **Perception**: {@link BindSurface} subscribes the host's coalesced (750 ms)\n *    `SceneDelta` stream and pipes each delta into the live model's context as a\n *    `[whiteboard]` background note; the agent-undo toast click flows the same way.\n *  - **Surface**: {@link RealtimeWhiteboardHostComponent}, created dynamically by the\n *    overlay's channel tab; the host's Focus toggle rides `Context.SetFocusMode` so the\n *    shell can collapse/restore the main call column.\n *  - **State of record**: every board mutation (user edits AND agent tool calls) requests\n *    a save of {@link WhiteboardState.ToJSON} under channel name `'Whiteboard'` — the\n *    host debounces and flushes at teardown.\n *\n * A PRIOR session's persisted board is restored through {@link RestoreState} (invoked by\n * the session host after Initialize, before any surface binding): the saved JSON is\n * rehydrated IN PLACE into the same {@link WhiteboardState} instance, so the save\n * subscription and any later surface binding keep pointing at one engine. Malformed or\n * incompatible payloads are tolerated — the board simply starts fresh.\n */\n@RegisterClass(BaseRealtimeChannelClient, 'RealtimeWhiteboardChannel')\nexport class RealtimeWhiteboardChannel extends BaseRealtimeChannelClient<RealtimeWhiteboardHostComponent> {\n  /** The board's state of record — created fresh with the plugin (one per session). */\n  public readonly State = new WhiteboardState();\n\n  /** The live bound surface, when the channel tab's pane is instantiated. */\n  private host: RealtimeWhiteboardHostComponent | null = null;\n  /** Output subscriptions on the bound surface (SceneDelta / AgentUndo / FocusModeChange). */\n  private surfaceSubs: Subscription[] = [];\n  /** Board-mutation subscription driving the debounced state-of-record save. */\n  private stateChangedSub: Subscription | null = null;\n  /** Per-widget ambient-interaction note throttles (ItemID → window state). */\n  private interactionThrottles = new Map<string, InteractionThrottleEntry>();\n\n  public get ChannelName(): string {\n    return 'Whiteboard';\n  }\n\n  public get ToolNamePrefix(): string {\n    return WHITEBOARD_TOOL_PREFIX;\n  }\n\n  public get TabTitle(): string {\n    return 'Whiteboard';\n  }\n\n  public get TabIcon(): string {\n    return 'fa-solid fa-chalkboard';\n  }\n\n  public GetToolDefinitions(): RealtimeToolDefinition[] {\n    return WHITEBOARD_TOOL_DEFINITIONS;\n  }\n\n  public override GetSurfaceComponent(): Type<RealtimeWhiteboardHostComponent> {\n    return RealtimeWhiteboardHostComponent;\n  }\n\n  /** First-run intro shown the first time the user opens the Whiteboard tab (once per user). */\n  public override GetOnboardingDetails(): ChannelOnboardingDetails {\n    return {\n      Heading: 'Whiteboard',\n      Description:\n        'A shared canvas the agent can sketch, write and annotate on live during the call — ' +\n        'whatever it draws appears here instantly, and anything you add is something it can see too.',\n      Tips: [\n        'Watch the board fill in as you talk — the agent updates it in real time.',\n        'Add your own notes or shapes; the agent perceives your edits and can build on them.',\n        'Use Focus to give the board the whole screen, and save it to artifacts to keep it.'\n      ],\n      IconClass: 'fa-solid fa-chalkboard'\n    };\n  }\n\n  /** Persist the board (host-debounced) on EVERY board mutation — user edits AND agent tools. */\n  protected override OnInitialize(): void {\n    this.stateChangedSub = this.State.Changed$.subscribe(() => {\n      this.Context?.RequestSave(this.State.ToJSON());\n    });\n  }\n\n  /**\n   * Wires the dynamically-created board host: inputs (shared state engine + agent name)\n   * are set BEFORE the component's first change detection, and the perception/garnish\n   * outputs are subscribed back into the host context — the overlay never sees any of it.\n   */\n  public BindSurface(instance: RealtimeWhiteboardHostComponent): void {\n    this.releaseSurface();\n    this.host = instance;\n    instance.State = this.State;\n    instance.AgentName = this.Context?.AgentName ?? 'Agent';\n    this.surfaceSubs.push(\n      // The board's coalesced scene delta — the perception feed the agent \"sees\".\n      instance.SceneDelta.subscribe((deltaJson: string) => {\n        // Background PERCEPTION, not conversation: the model sees every user edit without\n        // being told, but must not narrate minor changes — only react when something is\n        // significant (or when asked). The etiquette rides in the note itself so any\n        // realtime model gets it regardless of system-prompt sync state.\n        this.Context?.SendContextNote(\n          '[whiteboard] board update (background context — do NOT comment on minor edits; ' +\n          'only mention it if the change is significant to the discussion): ' + deltaJson);\n      }),\n      // The user clicked Undo on the agent-action toast (the undo already applied locally).\n      instance.AgentUndo.subscribe(() => {\n        this.Context?.SendContextNote('[whiteboard] user undid your last change');\n      }),\n      // A sandboxed HTML widget submitted user input (MJWhiteboard.submit) — already\n      // validated, size-capped and not canceled (the host's cancelable WidgetSubmitting\n      // event ran first). Surface it to the agent so it can react to quiz answers /\n      // micro-form input it asked for.\n      instance.WidgetSubmitted.subscribe((submit: WhiteboardWidgetSubmitEvent) => {\n        // Durable awareness first (the note persists in the model's context)…\n        this.Context?.SendContextNote(\n          `[whiteboard] the user submitted input in widget \"${submit.Title || submit.ItemID}\": ${submit.DataJson}`);\n        // …then make the model REACT — a submission is explicit user input the user is\n        // waiting on; without this trigger, SendContextNote alone produces dead silence\n        // (\"I clicked Submit and nothing happened\").\n        this.Context?.RequestSpokenResponse?.(\n          `The user just submitted input in the whiteboard widget \"${submit.Title || submit.ItemID}\": ${submit.DataJson}. ` +\n          `React to it now in your own voice — acknowledge their choice and continue naturally.`);\n      }),\n      // AMBIENT widget telemetry (the injected recorder, NOT widget-authored script):\n      // clicks / changes / typing summarized by the board. Pure background perception —\n      // throttled per widget so chatty widgets don't flood the model's context, and framed\n      // with do-not-respond etiquette (explicit MJWhiteboard.submit input arrives above).\n      instance.WidgetInteraction.subscribe((interaction: WhiteboardWidgetInteractionEvent) => {\n        this.onWidgetInteraction(interaction);\n      }),\n      // The board's Focus toggle — ask the shell to collapse/restore the main call column.\n      instance.FocusModeChange.subscribe((focused: boolean) => {\n        this.Context?.SetFocusMode(focused);\n      }),\n      // \"Save to artifacts\": snapshot the board as a first-class versioned artifact.\n      instance.SaveToArtifactsRequested.subscribe(() => {\n        void this.saveBoardAsArtifact();\n      })\n    );\n  }\n\n  public override UnbindSurface(): void {\n    this.releaseSurface();\n  }\n\n  /**\n   * Routes one ambient widget-interaction batch to the agent as a throttled background\n   * context note: outside an open window the note goes out immediately and opens a\n   * {@link WHITEBOARD_INTERACTION_NOTE_THROTTLE_MS} window; within the window the LATEST\n   * event is stashed and a trailing-edge timer sends it when the window closes (one note\n   * per widget per window, latest summary wins).\n   */\n  private onWidgetInteraction(interaction: WhiteboardWidgetInteractionEvent): void {\n    const now = Date.now();\n    const entry = this.interactionThrottles.get(interaction.ItemID);\n    if (!entry || (entry.Timer === null && now - entry.LastSentAt >= WHITEBOARD_INTERACTION_NOTE_THROTTLE_MS)) {\n      this.sendInteractionNote(interaction);\n      this.interactionThrottles.set(interaction.ItemID, { LastSentAt: now, Timer: null, Pending: null });\n      return;\n    }\n    entry.Pending = interaction; // latest wins within the window\n    if (entry.Timer === null) {\n      const wait = Math.max(0, entry.LastSentAt + WHITEBOARD_INTERACTION_NOTE_THROTTLE_MS - now);\n      entry.Timer = setTimeout(() => {\n        entry.Timer = null;\n        const pending = entry.Pending;\n        entry.Pending = null;\n        if (pending) {\n          entry.LastSentAt = Date.now();\n          this.sendInteractionNote(pending);\n        }\n      }, wait);\n    }\n  }\n\n  /** The ambient-note framing: background etiquette rides in the note itself (like scene deltas). */\n  private sendInteractionNote(interaction: WhiteboardWidgetInteractionEvent): void {\n    this.Context?.SendContextNote(\n      `[whiteboard] ambient activity in widget \"${interaction.Title || interaction.ItemID}\" ` +\n      '(background — do NOT respond unless it is significant or you are asked; ' +\n      `explicit submissions arrive separately): ${interaction.Summary}`);\n  }\n\n  /** Cancels all pending ambient-note timers and resets the per-widget throttle windows. */\n  private clearInteractionThrottles(): void {\n    for (const entry of this.interactionThrottles.values()) {\n      if (entry.Timer !== null) {\n        clearTimeout(entry.Timer);\n      }\n    }\n    this.interactionThrottles.clear();\n  }\n\n  /**\n   * Persists the current board as a `MJ: Artifacts` snapshot via the host context\n   * (best-effort; the host logs failures). On success the agent is told via a context\n   * note so it can reference the saved artifact naturally.\n   */\n  private async saveBoardAsArtifact(): Promise<void> {\n    const ctx = this.Context;\n    if (!ctx) {\n      return;\n    }\n    const now = new Date();\n    const name = `Whiteboard — ${now.toLocaleDateString()} ${now.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}`;\n    const artifactId = await ctx.SaveAsArtifact(name, this.State.ToJSON());\n    if (artifactId) {\n      ctx.SendContextNote(`[whiteboard] the user saved the current board as the artifact \"${name}\"`);\n    }\n  }\n\n  /**\n   * Executes one `Whiteboard_*` tool call LOCALLY. Prefers the live bound host (board\n   * mutation + UI garnish); falls back to the pure engine function when no surface is\n   * bound so the channel keeps working with the pane collapsed.\n   */\n  public ApplyAgentTool(toolName: string, argsJson: string): string {\n    if (this.host) {\n      return this.host.ApplyAgentTool(toolName, argsJson);\n    }\n    return ApplyWhiteboardAgentTool(this.State, toolName, argsJson);\n  }\n\n  /** The board's serialized state of record (persisted under {@link ChannelName}). */\n  public override SerializeState(): string | null {\n    return this.State.ToJSON();\n  }\n\n  /**\n   * Rehydrates a prior session's saved board into THIS session's state engine (in place —\n   * the {@link State} instance and its subscriptions are preserved). Returns `true` on\n   * success; malformed / incompatible JSON returns `false` and the board stays fresh\n   * (never throws — {@link WhiteboardState.LoadFromJSON} is tolerant by contract).\n   */\n  public override RestoreState(stateJson: string): boolean {\n    return this.State.LoadFromJSON(stateJson);\n  }\n\n  /**\n   * Exit focus mode THROUGH the bound host (its own Focus button state stays in sync; it\n   * re-emits `FocusModeChange(false)` → `Context.SetFocusMode(false)`). When no surface is\n   * bound the overlay's defensive flag clear covers it.\n   */\n  public override RequestFocusExit(): void {\n    if (this.host?.FocusMode) {\n      this.host.ToggleFocus();\n    }\n  }\n\n  public override Dispose(): void {\n    this.stateChangedSub?.unsubscribe();\n    this.stateChangedSub = null;\n    super.Dispose(); // releases the surface binding + context\n  }\n\n  /** Unsubscribes surface outputs, cancels pending ambient notes and drops the host reference. */\n  private releaseSurface(): void {\n    for (const sub of this.surfaceSubs) {\n      sub.unsubscribe();\n    }\n    this.surfaceSubs = [];\n    this.clearInteractionThrottles();\n    this.host = null;\n  }\n}\n\n/**\n * Tree-shaking prevention: the whiteboard channel is resolved dynamically through the\n * ClassFactory (by the registry row's `ClientPluginClass` key), so this static call is\n * what keeps its `@RegisterClass` side effect from being eliminated by the bundler.\n * Called by `RealtimeSessionService` alongside the realtime-client driver Load calls.\n */\nexport function LoadRealtimeWhiteboardChannel(): void {\n  // intentional no-op — the import side effect performs the registration\n}\n"]}

package/dist/lib/components/slots/mj-chat-agent-presence-default.component.d.ts

@@ -0,0 +1,11 @@
+import type { IMJChatAgentPresenceComponent, MJChatAgentPresenceState } from './slot-interfaces';
+import * as i0 from "@angular/core";
+export declare class MJChatAgentPresenceDefaultComponent implements IMJChatAgentPresenceComponent {
+    State: MJChatAgentPresenceState;
+    AgentName?: string;
+    AvatarUrl?: string;
+    Mode: 'subtle' | 'prominent';
+    static ɵfac: i0.ɵɵFactoryDeclaration<MJChatAgentPresenceDefaultComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MJChatAgentPresenceDefaultComponent, "mj-chat-agent-presence-default", never, { "State": { "alias": "State"; "required": false; }; "AgentName": { "alias": "AgentName"; "required": false; }; "AvatarUrl": { "alias": "AvatarUrl"; "required": false; }; "Mode": { "alias": "Mode"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=mj-chat-agent-presence-default.component.d.ts.map

package/dist/lib/components/slots/mj-chat-agent-presence-default.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mj-chat-agent-presence-default.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/slots/mj-chat-agent-presence-default.component.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EACR,6BAA6B,EAC7B,wBAAwB,EAC3B,MAAM,mBAAmB,CAAC;;AAE3B,qBA0Ea,mCAAoC,YAAW,6BAA6B;IACrE,KAAK,EAAE,wBAAwB,CAAU;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,QAAQ,GAAG,WAAW,CAAY;yCAJ/C,mCAAmC;2CAAnC,mCAAmC;CAK/C"}

package/dist/lib/components/slots/mj-chat-agent-presence-default.component.js

@@ -0,0 +1,98 @@
+/**
+ * @fileoverview Default `agentPresence` slot component.
+ *
+ * Renders a small avatar + agent-name + voice-state indicator. Off by default
+ * (the chat-area's `[ShowAgentCharacter]` input gates this slot's visibility).
+ *
+ * @module @memberjunction/ng-conversations
+ */
+import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+function MJChatAgentPresenceDefaultComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElement(0, "img", 1);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵdomProperty("src", ctx_r0.AvatarUrl, i0.ɵɵsanitizeUrl);
+} }
+function MJChatAgentPresenceDefaultComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "div", 2);
+    i0.ɵɵdomElement(1, "i", 5);
+    i0.ɵɵdomElementEnd();
+} }
+function MJChatAgentPresenceDefaultComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 3);
+    i0.ɵɵtext(1);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.AgentName);
+} }
+function MJChatAgentPresenceDefaultComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 4);
+    i0.ɵɵtext(1);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.State);
+} }
+export class MJChatAgentPresenceDefaultComponent {
+    State = 'idle';
+    AgentName;
+    AvatarUrl;
+    Mode = 'subtle';
+    static ɵfac = function MJChatAgentPresenceDefaultComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJChatAgentPresenceDefaultComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJChatAgentPresenceDefaultComponent, selectors: [["mj-chat-agent-presence-default"]], inputs: { State: "State", AgentName: "AgentName", AvatarUrl: "AvatarUrl", Mode: "Mode" }, decls: 5, vars: 11, consts: [[1, "mj-chat-agent-presence-default"], ["alt", "", 1, "mj-chat-agent-presence-default__avatar", 3, "src"], [1, "mj-chat-agent-presence-default__avatar-placeholder"], [1, "mj-chat-agent-presence-default__name"], [1, "mj-chat-agent-presence-default__state"], [1, "fa-solid", "fa-robot"]], template: function MJChatAgentPresenceDefaultComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵdomElementStart(0, "div", 0);
+            i0.ɵɵconditionalCreate(1, MJChatAgentPresenceDefaultComponent_Conditional_1_Template, 1, 1, "img", 1)(2, MJChatAgentPresenceDefaultComponent_Conditional_2_Template, 2, 0, "div", 2);
+            i0.ɵɵconditionalCreate(3, MJChatAgentPresenceDefaultComponent_Conditional_3_Template, 2, 1, "span", 3);
+            i0.ɵɵconditionalCreate(4, MJChatAgentPresenceDefaultComponent_Conditional_4_Template, 2, 1, "span", 4);
+            i0.ɵɵdomElementEnd();
+        } if (rf & 2) {
+            i0.ɵɵclassProp("mj-chat-agent-presence-default--prominent", ctx.Mode === "prominent")("mj-chat-agent-presence-default--listening", ctx.State === "listening")("mj-chat-agent-presence-default--thinking", ctx.State === "thinking")("mj-chat-agent-presence-default--speaking", ctx.State === "speaking");
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.AvatarUrl ? 1 : 2);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.AgentName ? 3 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.State !== "idle" ? 4 : -1);
+        } }, dependencies: [CommonModule], styles: [".mj-chat-agent-presence-default[_ngcontent-%COMP%] {\n                display: inline-flex;\n                align-items: center;\n                gap: 0.5rem;\n                padding: 0.25rem 0.5rem;\n                border-radius: 999px;\n                background: var(--mj-chat-character-accent, var(--mj-bg-surface-card));\n                color: var(--mj-text-primary);\n                font-size: 0.85rem;\n                opacity: 1;\n                transition: opacity 0.2s ease;\n            }\n            .mj-chat-agent-presence-default__avatar[_ngcontent-%COMP%], \n   .mj-chat-agent-presence-default__avatar-placeholder[_ngcontent-%COMP%] {\n                width: 24px;\n                height: 24px;\n                border-radius: 50%;\n                background: var(--mj-bg-surface);\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n            }\n            .mj-chat-agent-presence-default__name[_ngcontent-%COMP%] {\n                font-weight: 500;\n            }\n            .mj-chat-agent-presence-default__state[_ngcontent-%COMP%] {\n                color: var(--mj-text-secondary);\n                font-style: italic;\n            }\n            .mj-chat-agent-presence-default--listening[_ngcontent-%COMP%]   .mj-chat-agent-presence-default__state[_ngcontent-%COMP%] {\n                color: var(--mj-chat-voice-listening, var(--mj-status-info));\n            }\n            .mj-chat-agent-presence-default--thinking[_ngcontent-%COMP%]   .mj-chat-agent-presence-default__state[_ngcontent-%COMP%] {\n                color: var(--mj-chat-voice-thinking, var(--mj-status-warning));\n            }\n            .mj-chat-agent-presence-default--speaking[_ngcontent-%COMP%]   .mj-chat-agent-presence-default__state[_ngcontent-%COMP%] {\n                color: var(--mj-chat-voice-speaking, var(--mj-brand-primary));\n            }\n            .mj-chat-agent-presence-default--prominent[_ngcontent-%COMP%] {\n                padding: 0.5rem 1rem;\n                font-size: 1rem;\n            }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJChatAgentPresenceDefaultComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-chat-agent-presence-default', standalone: true, imports: [CommonModule], template: `
+        <div
+            class="mj-chat-agent-presence-default"
+            [class.mj-chat-agent-presence-default--prominent]="Mode === 'prominent'"
+            [class.mj-chat-agent-presence-default--listening]="State === 'listening'"
+            [class.mj-chat-agent-presence-default--thinking]="State === 'thinking'"
+            [class.mj-chat-agent-presence-default--speaking]="State === 'speaking'"
+        >
+            @if (AvatarUrl) {
+                <img class="mj-chat-agent-presence-default__avatar" [src]="AvatarUrl" alt="" />
+            } @else {
+                <div class="mj-chat-agent-presence-default__avatar-placeholder">
+                    <i class="fa-solid fa-robot"></i>
+                </div>
+            }
+            @if (AgentName) {
+                <span class="mj-chat-agent-presence-default__name">{{ AgentName }}</span>
+            }
+            @if (State !== 'idle') {
+                <span class="mj-chat-agent-presence-default__state">{{ State }}</span>
+            }
+        </div>
+    `, styles: ["\n            .mj-chat-agent-presence-default {\n                display: inline-flex;\n                align-items: center;\n                gap: 0.5rem;\n                padding: 0.25rem 0.5rem;\n                border-radius: 999px;\n                background: var(--mj-chat-character-accent, var(--mj-bg-surface-card));\n                color: var(--mj-text-primary);\n                font-size: 0.85rem;\n                opacity: 1;\n                transition: opacity 0.2s ease;\n            }\n            .mj-chat-agent-presence-default__avatar,\n            .mj-chat-agent-presence-default__avatar-placeholder {\n                width: 24px;\n                height: 24px;\n                border-radius: 50%;\n                background: var(--mj-bg-surface);\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n            }\n            .mj-chat-agent-presence-default__name {\n                font-weight: 500;\n            }\n            .mj-chat-agent-presence-default__state {\n                color: var(--mj-text-secondary);\n                font-style: italic;\n            }\n            .mj-chat-agent-presence-default--listening .mj-chat-agent-presence-default__state {\n                color: var(--mj-chat-voice-listening, var(--mj-status-info));\n            }\n            .mj-chat-agent-presence-default--thinking .mj-chat-agent-presence-default__state {\n                color: var(--mj-chat-voice-thinking, var(--mj-status-warning));\n            }\n            .mj-chat-agent-presence-default--speaking .mj-chat-agent-presence-default__state {\n                color: var(--mj-chat-voice-speaking, var(--mj-brand-primary));\n            }\n            .mj-chat-agent-presence-default--prominent {\n                padding: 0.5rem 1rem;\n                font-size: 1rem;\n            }\n        "] }]
+    }], null, { State: [{
+            type: Input
+        }], AgentName: [{
+            type: Input
+        }], AvatarUrl: [{
+            type: Input
+        }], Mode: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJChatAgentPresenceDefaultComponent, { className: "MJChatAgentPresenceDefaultComponent", filePath: "src/lib/components/slots/mj-chat-agent-presence-default.component.ts", lineNumber: 92 }); })();
+//# sourceMappingURL=mj-chat-agent-presence-default.component.js.map

package/dist/lib/components/slots/mj-chat-agent-presence-default.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mj-chat-agent-presence-default.component.js","sourceRoot":"","sources":["../../../../src/lib/components/slots/mj-chat-agent-presence-default.component.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;;;IAoB/B,4BAA+E;;;IAA3B,2DAAiB;;;IAErE,iCAAgE;IAC5D,0BAAiC;IACrC,oBAAM;;;IAGN,kCAAmD;IAAA,YAAe;IAAA,oBAAO;;;IAAtB,cAAe;IAAf,sCAAe;;;IAGlE,kCAAoD;IAAA,YAAW;IAAA,oBAAO;;;IAAlB,cAAW;IAAX,kCAAW;;AAmD/E,MAAM,OAAO,mCAAmC;IAC5B,KAAK,GAA6B,MAAM,CAAC;IACzC,SAAS,CAAU;IACnB,SAAS,CAAU;IACnB,IAAI,GAA2B,QAAQ,CAAC;6HAJ/C,mCAAmC;6DAAnC,mCAAmC;YArExC,iCAMC;YAGK,AAFF,qGAAiB,+EAER;YAKT,sGAAiB;YAGjB,sGAAwB;YAG5B,oBAAM;;YAfF,AADA,AADA,AADA,qFAAwE,wEACC,sEACF,sEACA;YAEvE,cAMC;YAND,uCAMC;YACD,eAEC;YAFD,wCAEC;YACD,cAEC;YAFD,+CAEC;4BArBC,YAAY;;iFAuEb,mCAAmC;cA1E/C,SAAS;2BACI,gCAAgC,cAC9B,IAAI,WACP,CAAC,YAAY,CAAC,YACb;;;;;;;;;;;;;;;;;;;;;;KAsBT;;kBAiDA,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kFAJG,mCAAmC","sourcesContent":["/**\n * @fileoverview Default `agentPresence` slot component.\n *\n * Renders a small avatar + agent-name + voice-state indicator. Off by default\n * (the chat-area's `[ShowAgentCharacter]` input gates this slot's visibility).\n *\n * @module @memberjunction/ng-conversations\n */\n\nimport { Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport type {\n    IMJChatAgentPresenceComponent,\n    MJChatAgentPresenceState,\n} from './slot-interfaces';\n\n@Component({\n    selector: 'mj-chat-agent-presence-default',\n    standalone: true,\n    imports: [CommonModule],\n    template: `\n        <div\n            class=\"mj-chat-agent-presence-default\"\n            [class.mj-chat-agent-presence-default--prominent]=\"Mode === 'prominent'\"\n            [class.mj-chat-agent-presence-default--listening]=\"State === 'listening'\"\n            [class.mj-chat-agent-presence-default--thinking]=\"State === 'thinking'\"\n            [class.mj-chat-agent-presence-default--speaking]=\"State === 'speaking'\"\n        >\n            @if (AvatarUrl) {\n                <img class=\"mj-chat-agent-presence-default__avatar\" [src]=\"AvatarUrl\" alt=\"\" />\n            } @else {\n                <div class=\"mj-chat-agent-presence-default__avatar-placeholder\">\n                    <i class=\"fa-solid fa-robot\"></i>\n                </div>\n            }\n            @if (AgentName) {\n                <span class=\"mj-chat-agent-presence-default__name\">{{ AgentName }}</span>\n            }\n            @if (State !== 'idle') {\n                <span class=\"mj-chat-agent-presence-default__state\">{{ State }}</span>\n            }\n        </div>\n    `,\n    styles: [\n        `\n            .mj-chat-agent-presence-default {\n                display: inline-flex;\n                align-items: center;\n                gap: 0.5rem;\n                padding: 0.25rem 0.5rem;\n                border-radius: 999px;\n                background: var(--mj-chat-character-accent, var(--mj-bg-surface-card));\n                color: var(--mj-text-primary);\n                font-size: 0.85rem;\n                opacity: 1;\n                transition: opacity 0.2s ease;\n            }\n            .mj-chat-agent-presence-default__avatar,\n            .mj-chat-agent-presence-default__avatar-placeholder {\n                width: 24px;\n                height: 24px;\n                border-radius: 50%;\n                background: var(--mj-bg-surface);\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n            }\n            .mj-chat-agent-presence-default__name {\n                font-weight: 500;\n            }\n            .mj-chat-agent-presence-default__state {\n                color: var(--mj-text-secondary);\n                font-style: italic;\n            }\n            .mj-chat-agent-presence-default--listening .mj-chat-agent-presence-default__state {\n                color: var(--mj-chat-voice-listening, var(--mj-status-info));\n            }\n            .mj-chat-agent-presence-default--thinking .mj-chat-agent-presence-default__state {\n                color: var(--mj-chat-voice-thinking, var(--mj-status-warning));\n            }\n            .mj-chat-agent-presence-default--speaking .mj-chat-agent-presence-default__state {\n                color: var(--mj-chat-voice-speaking, var(--mj-brand-primary));\n            }\n            .mj-chat-agent-presence-default--prominent {\n                padding: 0.5rem 1rem;\n                font-size: 1rem;\n            }\n        `,\n    ],\n})\nexport class MJChatAgentPresenceDefaultComponent implements IMJChatAgentPresenceComponent {\n    @Input() public State: MJChatAgentPresenceState = 'idle';\n    @Input() public AgentName?: string;\n    @Input() public AvatarUrl?: string;\n    @Input() public Mode: 'subtle' | 'prominent' = 'subtle';\n}\n"]}

package/dist/lib/components/slots/mj-chat-demonstration-surface-default.component.d.ts

@@ -0,0 +1,9 @@
+import type { IMJChatDemonstrationSurfaceComponent } from './slot-interfaces';
+import * as i0 from "@angular/core";
+export declare class MJChatDemonstrationSurfaceDefaultComponent implements IMJChatDemonstrationSurfaceComponent {
+    Content?: unknown;
+    Visible: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MJChatDemonstrationSurfaceDefaultComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MJChatDemonstrationSurfaceDefaultComponent, "mj-chat-demonstration-surface-default", never, { "Content": { "alias": "Content"; "required": false; }; "Visible": { "alias": "Visible"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=mj-chat-demonstration-surface-default.component.d.ts.map

package/dist/lib/components/slots/mj-chat-demonstration-surface-default.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mj-chat-demonstration-surface-default.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/slots/mj-chat-demonstration-surface-default.component.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,oCAAoC,EAAE,MAAM,mBAAmB,CAAC;;AAE9E,qBAMa,0CACT,YAAW,oCAAoC;IAE/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAS;yCAJhC,0CAA0C;2CAA1C,0CAA0C;CAKtD"}

package/dist/lib/components/slots/mj-chat-demonstration-surface-default.component.js

@@ -0,0 +1,35 @@
+/**
+ * @fileoverview Default `demonstrationSurface` slot component — no-op by default.
+ *
+ * The `demonstrationSurface` slot is intended for full-width adjacent content
+ * the agent is "walking through" — annotated lesson material, step-by-step
+ * screenshots, a paused video frame with arrows pointing at relevant regions,
+ * etc. By default it renders nothing; consumers project their own template or
+ * subclass this default to populate the surface.
+ *
+ * @module @memberjunction/ng-conversations
+ */
+import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+export class MJChatDemonstrationSurfaceDefaultComponent {
+    Content;
+    Visible = false;
+    static ɵfac = function MJChatDemonstrationSurfaceDefaultComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJChatDemonstrationSurfaceDefaultComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJChatDemonstrationSurfaceDefaultComponent, selectors: [["mj-chat-demonstration-surface-default"]], inputs: { Content: "Content", Visible: "Visible" }, decls: 0, vars: 0, template: function MJChatDemonstrationSurfaceDefaultComponent_Template(rf, ctx) { }, dependencies: [CommonModule], encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJChatDemonstrationSurfaceDefaultComponent, [{
+        type: Component,
+        args: [{
+                selector: 'mj-chat-demonstration-surface-default',
+                standalone: true,
+                imports: [CommonModule],
+                template: ``,
+            }]
+    }], null, { Content: [{
+            type: Input
+        }], Visible: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJChatDemonstrationSurfaceDefaultComponent, { className: "MJChatDemonstrationSurfaceDefaultComponent", filePath: "src/lib/components/slots/mj-chat-demonstration-surface-default.component.ts", lineNumber: 24 }); })();
+//# sourceMappingURL=mj-chat-demonstration-surface-default.component.js.map

package/dist/lib/components/slots/mj-chat-demonstration-surface-default.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mj-chat-demonstration-surface-default.component.js","sourceRoot":"","sources":["../../../../src/lib/components/slots/mj-chat-demonstration-surface-default.component.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;;AAU/C,MAAM,OAAO,0CAA0C;IAGnC,OAAO,CAAW;IAClB,OAAO,GAAY,KAAK,CAAC;oIAJhC,0CAA0C;6DAA1C,0CAA0C,qOAHzC,YAAY;;iFAGb,0CAA0C;cANtD,SAAS;eAAC;gBACP,QAAQ,EAAE,uCAAuC;gBACjD,UAAU,EAAE,IAAI;gBAChB,OAAO,EAAE,CAAC,YAAY,CAAC;gBACvB,QAAQ,EAAE,EAAE;aACf;;kBAII,KAAK;;kBACL,KAAK;;kFAJG,0CAA0C","sourcesContent":["/**\n * @fileoverview Default `demonstrationSurface` slot component — no-op by default.\n *\n * The `demonstrationSurface` slot is intended for full-width adjacent content\n * the agent is \"walking through\" — annotated lesson material, step-by-step\n * screenshots, a paused video frame with arrows pointing at relevant regions,\n * etc. By default it renders nothing; consumers project their own template or\n * subclass this default to populate the surface.\n *\n * @module @memberjunction/ng-conversations\n */\n\nimport { Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport type { IMJChatDemonstrationSurfaceComponent } from './slot-interfaces';\n\n@Component({\n    selector: 'mj-chat-demonstration-surface-default',\n    standalone: true,\n    imports: [CommonModule],\n    template: ``,\n})\nexport class MJChatDemonstrationSurfaceDefaultComponent\n    implements IMJChatDemonstrationSurfaceComponent\n{\n    @Input() public Content?: unknown;\n    @Input() public Visible: boolean = false;\n}\n"]}

package/dist/lib/components/slots/mj-chat-empty-state-default.component.d.ts

@@ -0,0 +1,28 @@
+/**
+ * @fileoverview Default `emptyState` slot component.
+ *
+ * Minimal greeting + optional subtext + optional suggested-prompt chips.
+ * Standalone, exported, intentionally simple so consumers can:
+ *
+ * 1. Project an ad-hoc template via `<ng-template mjChatSlot="emptyState">` if
+ *    the default's shape doesn't fit.
+ * 2. Wrap this default in their own frame (containment) — e.g. a warm tutor
+ *    welcome card surrounding the default's prompts.
+ * 3. Subclass — extend this component, override only what they need (e.g.,
+ *    swap the prompt-chip rendering for a different visual treatment), and
+ *    use the subclass as the slot fill.
+ *
+ * @module @memberjunction/ng-conversations
+ */
+import { EventEmitter } from '@angular/core';
+import type { IMJChatEmptyStateComponent } from './slot-interfaces';
+import * as i0 from "@angular/core";
+export declare class MJChatEmptyStateDefaultComponent implements IMJChatEmptyStateComponent {
+    Greeting: string;
+    Subtext?: string;
+    SuggestedPrompts?: string[];
+    PromptSelected: EventEmitter<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MJChatEmptyStateDefaultComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MJChatEmptyStateDefaultComponent, "mj-chat-empty-state-default", never, { "Greeting": { "alias": "Greeting"; "required": false; }; "Subtext": { "alias": "Subtext"; "required": false; }; "SuggestedPrompts": { "alias": "SuggestedPrompts"; "required": false; }; }, { "PromptSelected": "PromptSelected"; }, never, never, true, never>;
+}
+//# sourceMappingURL=mj-chat-empty-state-default.component.d.ts.map

package/dist/lib/components/slots/mj-chat-empty-state-default.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mj-chat-empty-state-default.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/slots/mj-chat-empty-state-default.component.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAa,YAAY,EAAiB,MAAM,eAAe,CAAC;AAGvE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,mBAAmB,CAAC;;AAEpE,qBAiEa,gCAAiC,YAAW,0BAA0B;IAC/D,QAAQ,EAAE,MAAM,CAAyB;IACzC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAE3B,cAAc,uBAA8B;yCALpD,gCAAgC;2CAAhC,gCAAgC;CAM5C"}

package/dist/lib/components/slots/mj-chat-empty-state-default.component.js

@@ -0,0 +1,104 @@
+/**
+ * @fileoverview Default `emptyState` slot component.
+ *
+ * Minimal greeting + optional subtext + optional suggested-prompt chips.
+ * Standalone, exported, intentionally simple so consumers can:
+ *
+ * 1. Project an ad-hoc template via `<ng-template mjChatSlot="emptyState">` if
+ *    the default's shape doesn't fit.
+ * 2. Wrap this default in their own frame (containment) — e.g. a warm tutor
+ *    welcome card surrounding the default's prompts.
+ * 3. Subclass — extend this component, override only what they need (e.g.,
+ *    swap the prompt-chip rendering for a different visual treatment), and
+ *    use the subclass as the slot fill.
+ *
+ * @module @memberjunction/ng-conversations
+ */
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+function MJChatEmptyStateDefaultComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "div", 2);
+    i0.ɵɵtext(1);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.Subtext);
+} }
+function MJChatEmptyStateDefaultComponent_Conditional_4_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵdomElementStart(0, "button", 5);
+    i0.ɵɵdomListener("click", function MJChatEmptyStateDefaultComponent_Conditional_4_For_2_Template_button_click_0_listener() { const prompt_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.PromptSelected.emit(prompt_r3)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const prompt_r3 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", prompt_r3, " ");
+} }
+function MJChatEmptyStateDefaultComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "div", 3);
+    i0.ɵɵrepeaterCreate(1, MJChatEmptyStateDefaultComponent_Conditional_4_For_2_Template, 2, 1, "button", 4, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.SuggestedPrompts);
+} }
+export class MJChatEmptyStateDefaultComponent {
+    Greeting = 'How can I help you?';
+    Subtext;
+    SuggestedPrompts;
+    PromptSelected = new EventEmitter();
+    static ɵfac = function MJChatEmptyStateDefaultComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJChatEmptyStateDefaultComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJChatEmptyStateDefaultComponent, selectors: [["mj-chat-empty-state-default"]], inputs: { Greeting: "Greeting", Subtext: "Subtext", SuggestedPrompts: "SuggestedPrompts" }, outputs: { PromptSelected: "PromptSelected" }, decls: 5, vars: 3, consts: [[1, "mj-chat-empty-state-default"], [1, "mj-chat-empty-state-default__greeting"], [1, "mj-chat-empty-state-default__subtext"], [1, "mj-chat-empty-state-default__prompts"], ["type", "button", 1, "mj-chat-empty-state-default__prompt-chip"], ["type", "button", 1, "mj-chat-empty-state-default__prompt-chip", 3, "click"]], template: function MJChatEmptyStateDefaultComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵdomElementStart(0, "div", 0)(1, "div", 1);
+            i0.ɵɵtext(2);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵconditionalCreate(3, MJChatEmptyStateDefaultComponent_Conditional_3_Template, 2, 1, "div", 2);
+            i0.ɵɵconditionalCreate(4, MJChatEmptyStateDefaultComponent_Conditional_4_Template, 3, 0, "div", 3);
+            i0.ɵɵdomElementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.Greeting);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Subtext ? 3 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.SuggestedPrompts && ctx.SuggestedPrompts.length > 0 ? 4 : -1);
+        } }, dependencies: [CommonModule], styles: [".mj-chat-empty-state-default[_ngcontent-%COMP%] {\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                justify-content: center;\n                gap: 0.5rem;\n                padding: 2rem;\n                text-align: center;\n                color: var(--mj-text-primary);\n            }\n            .mj-chat-empty-state-default__greeting[_ngcontent-%COMP%] {\n                font-size: 1.25rem;\n                font-weight: 600;\n            }\n            .mj-chat-empty-state-default__subtext[_ngcontent-%COMP%] {\n                color: var(--mj-text-secondary);\n            }\n            .mj-chat-empty-state-default__prompts[_ngcontent-%COMP%] {\n                display: flex;\n                flex-wrap: wrap;\n                gap: 0.5rem;\n                margin-top: 1rem;\n            }\n            .mj-chat-empty-state-default__prompt-chip[_ngcontent-%COMP%] {\n                padding: 0.4rem 0.8rem;\n                border-radius: 999px;\n                border: 1px solid var(--mj-border-default);\n                background: var(--mj-bg-surface-card);\n                color: var(--mj-text-primary);\n                cursor: pointer;\n                font-size: 0.85rem;\n            }\n            .mj-chat-empty-state-default__prompt-chip[_ngcontent-%COMP%]:hover {\n                background: var(--mj-bg-surface-hover);\n            }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJChatEmptyStateDefaultComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-chat-empty-state-default', standalone: true, imports: [CommonModule], template: `
+        <div class="mj-chat-empty-state-default">
+            <div class="mj-chat-empty-state-default__greeting">{{ Greeting }}</div>
+            @if (Subtext) {
+                <div class="mj-chat-empty-state-default__subtext">{{ Subtext }}</div>
+            }
+            @if (SuggestedPrompts && SuggestedPrompts.length > 0) {
+                <div class="mj-chat-empty-state-default__prompts">
+                    @for (prompt of SuggestedPrompts; track prompt) {
+                        <button
+                            type="button"
+                            class="mj-chat-empty-state-default__prompt-chip"
+                            (click)="PromptSelected.emit(prompt)"
+                        >
+                            {{ prompt }}
+                        </button>
+                    }
+                </div>
+            }
+        </div>
+    `, styles: ["\n            .mj-chat-empty-state-default {\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                justify-content: center;\n                gap: 0.5rem;\n                padding: 2rem;\n                text-align: center;\n                color: var(--mj-text-primary);\n            }\n            .mj-chat-empty-state-default__greeting {\n                font-size: 1.25rem;\n                font-weight: 600;\n            }\n            .mj-chat-empty-state-default__subtext {\n                color: var(--mj-text-secondary);\n            }\n            .mj-chat-empty-state-default__prompts {\n                display: flex;\n                flex-wrap: wrap;\n                gap: 0.5rem;\n                margin-top: 1rem;\n            }\n            .mj-chat-empty-state-default__prompt-chip {\n                padding: 0.4rem 0.8rem;\n                border-radius: 999px;\n                border: 1px solid var(--mj-border-default);\n                background: var(--mj-bg-surface-card);\n                color: var(--mj-text-primary);\n                cursor: pointer;\n                font-size: 0.85rem;\n            }\n            .mj-chat-empty-state-default__prompt-chip:hover {\n                background: var(--mj-bg-surface-hover);\n            }\n        "] }]
+    }], null, { Greeting: [{
+            type: Input
+        }], Subtext: [{
+            type: Input
+        }], SuggestedPrompts: [{
+            type: Input
+        }], PromptSelected: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJChatEmptyStateDefaultComponent, { className: "MJChatEmptyStateDefaultComponent", filePath: "src/lib/components/slots/mj-chat-empty-state-default.component.ts", lineNumber: 88 }); })();
+//# sourceMappingURL=mj-chat-empty-state-default.component.js.map

package/dist/lib/components/slots/mj-chat-empty-state-default.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mj-chat-empty-state-default.component.js","sourceRoot":"","sources":["../../../../src/lib/components/slots/mj-chat-empty-state-default.component.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;;;IAY/B,iCAAkD;IAAA,YAAa;IAAA,oBAAM;;;IAAnB,cAAa;IAAb,oCAAa;;;;IAKvD,oCAIC;IADG,0OAAS,qCAA2B,KAAC;IAErC,YACJ;IAAA,oBAAS;;;IADL,cACJ;IADI,0CACJ;;;IARR,iCAAkD;IAC9C,sIAQC;IACL,oBAAM;;;IATF,cAQC;IARD,sCAQC;;AA6CrB,MAAM,OAAO,gCAAgC;IACzB,QAAQ,GAAW,qBAAqB,CAAC;IACzC,OAAO,CAAU;IACjB,gBAAgB,CAAY;IAE3B,cAAc,GAAG,IAAI,YAAY,EAAU,CAAC;0HALpD,gCAAgC;6DAAhC,gCAAgC;YA3DjC,AADJ,iCAAyC,aACc;YAAA,YAAc;YAAA,oBAAM;YACvE,kGAAe;YAGf,kGAAuD;YAa3D,oBAAM;;YAjBiD,eAAc;YAAd,kCAAc;YACjE,cAEC;YAFD,sCAEC;YACD,cAYC;YAZD,kFAYC;4BAnBC,YAAY;;iFA8Db,gCAAgC;cAjE5C,SAAS;2BACI,6BAA6B,cAC3B,IAAI,WACP,CAAC,YAAY,CAAC,YACb;;;;;;;;;;;;;;;;;;;;KAoBT;;kBA0CA,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBAEL,MAAM;;kFALE,gCAAgC","sourcesContent":["/**\n * @fileoverview Default `emptyState` slot component.\n *\n * Minimal greeting + optional subtext + optional suggested-prompt chips.\n * Standalone, exported, intentionally simple so consumers can:\n *\n * 1. Project an ad-hoc template via `<ng-template mjChatSlot=\"emptyState\">` if\n *    the default's shape doesn't fit.\n * 2. Wrap this default in their own frame (containment) — e.g. a warm tutor\n *    welcome card surrounding the default's prompts.\n * 3. Subclass — extend this component, override only what they need (e.g.,\n *    swap the prompt-chip rendering for a different visual treatment), and\n *    use the subclass as the slot fill.\n *\n * @module @memberjunction/ng-conversations\n */\n\nimport { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport type { IMJChatEmptyStateComponent } from './slot-interfaces';\n\n@Component({\n    selector: 'mj-chat-empty-state-default',\n    standalone: true,\n    imports: [CommonModule],\n    template: `\n        <div class=\"mj-chat-empty-state-default\">\n            <div class=\"mj-chat-empty-state-default__greeting\">{{ Greeting }}</div>\n            @if (Subtext) {\n                <div class=\"mj-chat-empty-state-default__subtext\">{{ Subtext }}</div>\n            }\n            @if (SuggestedPrompts && SuggestedPrompts.length > 0) {\n                <div class=\"mj-chat-empty-state-default__prompts\">\n                    @for (prompt of SuggestedPrompts; track prompt) {\n                        <button\n                            type=\"button\"\n                            class=\"mj-chat-empty-state-default__prompt-chip\"\n                            (click)=\"PromptSelected.emit(prompt)\"\n                        >\n                            {{ prompt }}\n                        </button>\n                    }\n                </div>\n            }\n        </div>\n    `,\n    styles: [\n        `\n            .mj-chat-empty-state-default {\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                justify-content: center;\n                gap: 0.5rem;\n                padding: 2rem;\n                text-align: center;\n                color: var(--mj-text-primary);\n            }\n            .mj-chat-empty-state-default__greeting {\n                font-size: 1.25rem;\n                font-weight: 600;\n            }\n            .mj-chat-empty-state-default__subtext {\n                color: var(--mj-text-secondary);\n            }\n            .mj-chat-empty-state-default__prompts {\n                display: flex;\n                flex-wrap: wrap;\n                gap: 0.5rem;\n                margin-top: 1rem;\n            }\n            .mj-chat-empty-state-default__prompt-chip {\n                padding: 0.4rem 0.8rem;\n                border-radius: 999px;\n                border: 1px solid var(--mj-border-default);\n                background: var(--mj-bg-surface-card);\n                color: var(--mj-text-primary);\n                cursor: pointer;\n                font-size: 0.85rem;\n            }\n            .mj-chat-empty-state-default__prompt-chip:hover {\n                background: var(--mj-bg-surface-hover);\n            }\n        `,\n    ],\n})\nexport class MJChatEmptyStateDefaultComponent implements IMJChatEmptyStateComponent {\n    @Input() public Greeting: string = 'How can I help you?';\n    @Input() public Subtext?: string;\n    @Input() public SuggestedPrompts?: string[];\n\n    @Output() public PromptSelected = new EventEmitter<string>();\n}\n"]}

package/dist/lib/components/slots/mj-chat-header-default.component.d.ts

@@ -0,0 +1,11 @@
+import type { IMJChatHeaderComponent } from './slot-interfaces';
+import * as i0 from "@angular/core";
+export declare class MJChatHeaderDefaultComponent implements IMJChatHeaderComponent {
+    ConversationTitle?: string | null;
+    SharedBy?: string | null;
+    ArtifactCount?: number;
+    ShowArtifactIndicator: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MJChatHeaderDefaultComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MJChatHeaderDefaultComponent, "mj-chat-header-default", never, { "ConversationTitle": { "alias": "ConversationTitle"; "required": false; }; "SharedBy": { "alias": "SharedBy"; "required": false; }; "ArtifactCount": { "alias": "ArtifactCount"; "required": false; }; "ShowArtifactIndicator": { "alias": "ShowArtifactIndicator"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=mj-chat-header-default.component.d.ts.map

package/dist/lib/components/slots/mj-chat-header-default.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mj-chat-header-default.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/slots/mj-chat-header-default.component.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;;AAEhE,qBAyDa,4BAA6B,YAAW,sBAAsB;IACvD,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qBAAqB,EAAE,OAAO,CAAQ;yCAJ7C,4BAA4B;2CAA5B,4BAA4B;CAKxC"}

package/dist/lib/components/slots/mj-chat-header-default.component.js

@@ -0,0 +1,103 @@
+/**
+ * @fileoverview Default `header` slot component.
+ *
+ * Minimal title-and-badge header. Most production usage of the chat-area still
+ * uses the component's built-in header rendering (export / share / member /
+ * artifact chips); this default is the version a consumer gets when they
+ * project a custom template into the `header` slot and want to wrap the
+ * default for containment.
+ *
+ * @module @memberjunction/ng-conversations
+ */
+import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+function MJChatHeaderDefaultComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.ConversationTitle, " ");
+} }
+function MJChatHeaderDefaultComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 2);
+    i0.ɵɵtext(1, "New conversation");
+    i0.ɵɵdomElementEnd();
+} }
+function MJChatHeaderDefaultComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 3);
+    i0.ɵɵdomElement(1, "i", 5);
+    i0.ɵɵtext(2);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" Shared by ", ctx_r0.SharedBy, " ");
+} }
+function MJChatHeaderDefaultComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 4);
+    i0.ɵɵdomElement(1, "i", 6);
+    i0.ɵɵtext(2);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.ArtifactCount, " ");
+} }
+export class MJChatHeaderDefaultComponent {
+    ConversationTitle;
+    SharedBy;
+    ArtifactCount;
+    ShowArtifactIndicator = true;
+    static ɵfac = function MJChatHeaderDefaultComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJChatHeaderDefaultComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJChatHeaderDefaultComponent, selectors: [["mj-chat-header-default"]], inputs: { ConversationTitle: "ConversationTitle", SharedBy: "SharedBy", ArtifactCount: "ArtifactCount", ShowArtifactIndicator: "ShowArtifactIndicator" }, decls: 6, vars: 3, consts: [[1, "mj-chat-header-default"], [1, "mj-chat-header-default__title"], [1, "mj-chat-header-default__title-placeholder"], [1, "mj-chat-header-default__shared-by"], [1, "mj-chat-header-default__artifact-badge"], [1, "fa-solid", "fa-share-nodes"], [1, "fa-solid", "fa-cube"]], template: function MJChatHeaderDefaultComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵdomElementStart(0, "div", 0)(1, "div", 1);
+            i0.ɵɵconditionalCreate(2, MJChatHeaderDefaultComponent_Conditional_2_Template, 1, 1)(3, MJChatHeaderDefaultComponent_Conditional_3_Template, 2, 0, "span", 2);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵconditionalCreate(4, MJChatHeaderDefaultComponent_Conditional_4_Template, 3, 1, "span", 3);
+            i0.ɵɵconditionalCreate(5, MJChatHeaderDefaultComponent_Conditional_5_Template, 3, 1, "span", 4);
+            i0.ɵɵdomElementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.ConversationTitle ? 2 : 3);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.SharedBy ? 4 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.ShowArtifactIndicator && ctx.ArtifactCount && ctx.ArtifactCount > 0 ? 5 : -1);
+        } }, dependencies: [CommonModule], styles: [".mj-chat-header-default[_ngcontent-%COMP%] {\n                display: flex;\n                align-items: center;\n                gap: 0.75rem;\n                padding: 0.5rem 0.75rem;\n                background: var(--mj-bg-surface);\n                border-bottom: 1px solid var(--mj-border-default);\n            }\n            .mj-chat-header-default__title[_ngcontent-%COMP%] {\n                font-weight: 600;\n                color: var(--mj-text-primary);\n            }\n            .mj-chat-header-default__title-placeholder[_ngcontent-%COMP%] {\n                color: var(--mj-text-muted);\n                font-style: italic;\n                font-weight: 400;\n            }\n            .mj-chat-header-default__shared-by[_ngcontent-%COMP%], \n   .mj-chat-header-default__artifact-badge[_ngcontent-%COMP%] {\n                display: inline-flex;\n                align-items: center;\n                gap: 0.25rem;\n                font-size: 0.85rem;\n                color: var(--mj-text-secondary);\n            }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJChatHeaderDefaultComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-chat-header-default', standalone: true, imports: [CommonModule], template: `
+        <div class="mj-chat-header-default">
+            <div class="mj-chat-header-default__title">
+                @if (ConversationTitle) {
+                    {{ ConversationTitle }}
+                } @else {
+                    <span class="mj-chat-header-default__title-placeholder">New conversation</span>
+                }
+            </div>
+            @if (SharedBy) {
+                <span class="mj-chat-header-default__shared-by">
+                    <i class="fa-solid fa-share-nodes"></i>
+                    Shared by {{ SharedBy }}
+                </span>
+            }
+            @if (ShowArtifactIndicator && ArtifactCount && ArtifactCount > 0) {
+                <span class="mj-chat-header-default__artifact-badge">
+                    <i class="fa-solid fa-cube"></i>
+                    {{ ArtifactCount }}
+                </span>
+            }
+        </div>
+    `, styles: ["\n            .mj-chat-header-default {\n                display: flex;\n                align-items: center;\n                gap: 0.75rem;\n                padding: 0.5rem 0.75rem;\n                background: var(--mj-bg-surface);\n                border-bottom: 1px solid var(--mj-border-default);\n            }\n            .mj-chat-header-default__title {\n                font-weight: 600;\n                color: var(--mj-text-primary);\n            }\n            .mj-chat-header-default__title-placeholder {\n                color: var(--mj-text-muted);\n                font-style: italic;\n                font-weight: 400;\n            }\n            .mj-chat-header-default__shared-by,\n            .mj-chat-header-default__artifact-badge {\n                display: inline-flex;\n                align-items: center;\n                gap: 0.25rem;\n                font-size: 0.85rem;\n                color: var(--mj-text-secondary);\n            }\n        "] }]
+    }], null, { ConversationTitle: [{
+            type: Input
+        }], SharedBy: [{
+            type: Input
+        }], ArtifactCount: [{
+            type: Input
+        }], ShowArtifactIndicator: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJChatHeaderDefaultComponent, { className: "MJChatHeaderDefaultComponent", filePath: "src/lib/components/slots/mj-chat-header-default.component.ts", lineNumber: 75 }); })();
+//# sourceMappingURL=mj-chat-header-default.component.js.map

package/dist/lib/components/slots/mj-chat-header-default.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mj-chat-header-default.component.js","sourceRoot":"","sources":["../../../../src/lib/components/slots/mj-chat-header-default.component.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;;;IAY3B,YACJ;;;IADI,yDACJ;;;IACI,kCAAwD;IAAA,gCAAgB;IAAA,oBAAO;;;IAInF,kCAAgD;IAC5C,0BAAuC;IACvC,YACJ;IAAA,oBAAO;;;IADH,eACJ;IADI,0DACJ;;;IAGA,kCAAqD;IACjD,0BAAgC;IAChC,YACJ;IAAA,oBAAO;;;IADH,eACJ;IADI,qDACJ;;AAkChB,MAAM,OAAO,4BAA4B;IACrB,iBAAiB,CAAiB;IAClC,QAAQ,CAAiB;IACzB,aAAa,CAAU;IACvB,qBAAqB,GAAY,IAAI,CAAC;sHAJ7C,4BAA4B;6DAA5B,4BAA4B;YAnD7B,AADJ,iCAAoC,aACW;YAGrC,AAFF,oFAAyB,yEAEhB;YAGb,oBAAM;YACN,+FAAgB;YAMhB,+FAAmE;YAMvE,oBAAM;;YAlBE,eAIC;YAJD,+CAIC;YAEL,eAKC;YALD,uCAKC;YACD,cAKC;YALD,kGAKC;4BArBC,YAAY;;iFAsDb,4BAA4B;cAzDxC,SAAS;2BACI,wBAAwB,cACtB,IAAI,WACP,CAAC,YAAY,CAAC,YACb;;;;;;;;;;;;;;;;;;;;;;KAsBT;;kBAgCA,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kFAJG,4BAA4B","sourcesContent":["/**\n * @fileoverview Default `header` slot component.\n *\n * Minimal title-and-badge header. Most production usage of the chat-area still\n * uses the component's built-in header rendering (export / share / member /\n * artifact chips); this default is the version a consumer gets when they\n * project a custom template into the `header` slot and want to wrap the\n * default for containment.\n *\n * @module @memberjunction/ng-conversations\n */\n\nimport { Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport type { IMJChatHeaderComponent } from './slot-interfaces';\n\n@Component({\n    selector: 'mj-chat-header-default',\n    standalone: true,\n    imports: [CommonModule],\n    template: `\n        <div class=\"mj-chat-header-default\">\n            <div class=\"mj-chat-header-default__title\">\n                @if (ConversationTitle) {\n                    {{ ConversationTitle }}\n                } @else {\n                    <span class=\"mj-chat-header-default__title-placeholder\">New conversation</span>\n                }\n            </div>\n            @if (SharedBy) {\n                <span class=\"mj-chat-header-default__shared-by\">\n                    <i class=\"fa-solid fa-share-nodes\"></i>\n                    Shared by {{ SharedBy }}\n                </span>\n            }\n            @if (ShowArtifactIndicator && ArtifactCount && ArtifactCount > 0) {\n                <span class=\"mj-chat-header-default__artifact-badge\">\n                    <i class=\"fa-solid fa-cube\"></i>\n                    {{ ArtifactCount }}\n                </span>\n            }\n        </div>\n    `,\n    styles: [\n        `\n            .mj-chat-header-default {\n                display: flex;\n                align-items: center;\n                gap: 0.75rem;\n                padding: 0.5rem 0.75rem;\n                background: var(--mj-bg-surface);\n                border-bottom: 1px solid var(--mj-border-default);\n            }\n            .mj-chat-header-default__title {\n                font-weight: 600;\n                color: var(--mj-text-primary);\n            }\n            .mj-chat-header-default__title-placeholder {\n                color: var(--mj-text-muted);\n                font-style: italic;\n                font-weight: 400;\n            }\n            .mj-chat-header-default__shared-by,\n            .mj-chat-header-default__artifact-badge {\n                display: inline-flex;\n                align-items: center;\n                gap: 0.25rem;\n                font-size: 0.85rem;\n                color: var(--mj-text-secondary);\n            }\n        `,\n    ],\n})\nexport class MJChatHeaderDefaultComponent implements IMJChatHeaderComponent {\n    @Input() public ConversationTitle?: string | null;\n    @Input() public SharedBy?: string | null;\n    @Input() public ArtifactCount?: number;\n    @Input() public ShowArtifactIndicator: boolean = true;\n}\n"]}

package/dist/lib/components/slots/mj-chat-message-bubble-default.component.d.ts

@@ -0,0 +1,15 @@
+import type { MJConversationDetailEntity } from '@memberjunction/core-entities';
+import type { IMJChatMessageRendererComponent } from './slot-interfaces';
+import * as i0 from "@angular/core";
+export declare class MJChatMessageBubbleDefaultComponent implements IMJChatMessageRendererComponent {
+    Message: MJConversationDetailEntity | null;
+    /**
+     * `true` for messages authored by the conversation participant ("User" role).
+     * Drives side-alignment and which color token applies. Falls back to `false`
+     * (agent / left-aligned) for any non-User role, including null and unknown.
+     */
+    get IsUser(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MJChatMessageBubbleDefaultComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MJChatMessageBubbleDefaultComponent, "mj-chat-message-bubble-default", never, { "Message": { "alias": "Message"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=mj-chat-message-bubble-default.component.d.ts.map

package/dist/lib/components/slots/mj-chat-message-bubble-default.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mj-chat-message-bubble-default.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/slots/mj-chat-message-bubble-default.component.ts"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAEhF,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,mBAAmB,CAAC;;AAEzE,qBAkDa,mCAAoC,YAAW,+BAA+B;IACvE,OAAO,EAAE,0BAA0B,GAAG,IAAI,CAAQ;IAElE;;;;OAIG;IACH,IAAW,MAAM,IAAI,OAAO,CAE3B;yCAVQ,mCAAmC;2CAAnC,mCAAmC;CAW/C"}