@memberjunction/ng-conversations 5.43.0 → 5.44.0

package/dist/lib/components/realtime/media/media-channel-state.js

@@ -0,0 +1,143 @@
+import { BehaviorSubject } from 'rxjs';
+/** Monotonic counter feeding {@link MediaChannelState.newId} so ids stay unique within a session. */
+let mediaIdCounter = 0;
+/**
+ * The Media channel's STATE ENGINE — a pure, framework-free model of what's on the shared Media
+ * surface: an ordered list of {@link MediaItem}s plus which one is active. Mutations push the new
+ * state through {@link Changed$} so the channel persists it and the surface re-renders. Mirrors
+ * `WhiteboardState` (no Angular, tolerant (de)serialization, single `Changed$` notifier).
+ */
+export class MediaChannelState {
+    /** The media currently on the surface, in tab order (oldest first). */
+    Items = [];
+    /** The id of the active (visible) item, or `null` when the surface is empty. */
+    ActiveItemId = null;
+    /**
+     * Fires on every mutation. Replays the current state on subscribe (BehaviorSubject), so a late
+     * surface binding immediately renders what's already on the board.
+     */
+    Changed$ = new BehaviorSubject(this);
+    /** Adds a media item, makes it active, and returns it. */
+    AddItem(item) {
+        const created = { ...item, Id: item.Id ?? this.newId() };
+        this.Items = [...this.Items, created];
+        this.ActiveItemId = created.Id;
+        this.notify();
+        return created;
+    }
+    /** Removes the item with `id` (no-op if absent). When it was active, the last remaining item becomes active. */
+    RemoveItem(id) {
+        const next = this.Items.filter((i) => i.Id !== id);
+        if (next.length === this.Items.length) {
+            return false;
+        }
+        this.Items = next;
+        if (this.ActiveItemId === id) {
+            this.ActiveItemId = next.length > 0 ? next[next.length - 1].Id : null;
+        }
+        this.notify();
+        return true;
+    }
+    /** Makes `id` the active item (no-op if absent). */
+    SetActive(id) {
+        if (!this.Items.some((i) => i.Id === id) || this.ActiveItemId === id) {
+            return this.ActiveItemId === id;
+        }
+        this.ActiveItemId = id;
+        this.notify();
+        return true;
+    }
+    /**
+     * Activates `id` and stamps a play request on it (the surface consumes the stamp to start
+     * video/audio playback). No-op if the item is absent.
+     */
+    RequestPlay(id) {
+        const item = this.Items.find((i) => i.Id === id);
+        if (!item) {
+            return false;
+        }
+        this.ActiveItemId = id;
+        this.Items = this.Items.map((i) => (i.Id === id ? { ...i, PlayRequestedAt: Date.now() } : i));
+        this.notify();
+        return true;
+    }
+    /** Sets (or, with `null`, clears) the fractional highlight on `id`. No-op if the item is absent. */
+    Highlight(id, highlight) {
+        const item = this.Items.find((i) => i.Id === id);
+        if (!item) {
+            return false;
+        }
+        this.Items = this.Items.map((i) => (i.Id === id ? { ...i, Highlight: highlight ?? undefined } : i));
+        this.notify();
+        return true;
+    }
+    /** Removes all media and resets the active item. */
+    Clear() {
+        if (this.Items.length === 0 && this.ActiveItemId === null) {
+            return;
+        }
+        this.Items = [];
+        this.ActiveItemId = null;
+        this.notify();
+    }
+    /** The active item, or `null` when the surface is empty / the active id is stale. */
+    get ActiveItem() {
+        return this.Items.find((i) => i.Id === this.ActiveItemId) ?? null;
+    }
+    /** Serializes the state of record to a JSON string (persisted via the channel's RequestSave). */
+    ToJSON() {
+        const payload = { V: 1, Items: this.Items, ActiveItemId: this.ActiveItemId };
+        return JSON.stringify(payload);
+    }
+    /**
+     * Rehydrates a prior session's saved state IN PLACE (preserving this instance + its `Changed$`
+     * subscribers). Tolerant by contract: malformed / incompatible JSON is ignored and the method
+     * returns `false` without throwing, leaving the current state untouched.
+     */
+    LoadFromJSON(json) {
+        try {
+            const parsed = JSON.parse(json);
+            if (!parsed || !Array.isArray(parsed.Items)) {
+                return false;
+            }
+            const items = parsed.Items.filter((i) => this.isValidItem(i));
+            this.Items = items;
+            const active = typeof parsed.ActiveItemId === 'string' ? parsed.ActiveItemId : null;
+            this.ActiveItemId = active && items.some((i) => i.Id === active) ? active : items.length > 0 ? items[items.length - 1].Id : null;
+            this.notify();
+            return true;
+        }
+        catch {
+            return false;
+        }
+    }
+    /**
+     * Validates one parsed item enough to render it safely (defensive against hand-edited / old
+     * payloads). An item must carry a SOURCE — a non-empty `Url` OR a non-empty `FileID` — since one
+     * of the two backs every render path.
+     */
+    isValidItem(value) {
+        if (!value || typeof value !== 'object') {
+            return false;
+        }
+        const item = value;
+        const validTypes = ['image', 'video', 'audio', 'pdf', 'web'];
+        const hasUrl = typeof item['Url'] === 'string' && item['Url'].length > 0;
+        const hasFileID = typeof item['FileID'] === 'string' && item['FileID'].length > 0;
+        return (typeof item['Id'] === 'string' &&
+            (hasUrl || hasFileID) &&
+            typeof item['DisplayName'] === 'string' &&
+            typeof item['Type'] === 'string' &&
+            validTypes.includes(item['Type']));
+    }
+    /** Mints a unique-within-session item id. */
+    newId() {
+        mediaIdCounter += 1;
+        return `media-${Date.now().toString(36)}-${mediaIdCounter}`;
+    }
+    /** Pushes the current state to subscribers. */
+    notify() {
+        this.Changed$.next(this);
+    }
+}
+//# sourceMappingURL=media-channel-state.js.map

package/dist/lib/components/realtime/media/media-channel-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-channel-state.js","sourceRoot":"","sources":["../../../../../src/lib/components/realtime/media/media-channel-state.ts"],"names":[],"mappings":"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","sourcesContent":["import { BehaviorSubject } from 'rxjs';\n\n/** The media kinds the Media surface can render — one render path per value. */\nexport type MediaItemType = 'image' | 'video' | 'audio' | 'pdf' | 'web';\n\n/**\n * A fractional highlight rectangle drawn over a media item, in the item's OWN coordinate space\n * (0..1 on both axes). `X`,`Y` is the top-left corner; `W`,`H` are the width/height. Fractional\n * coordinates keep the highlight correct regardless of how the media is scaled to fit the pane.\n */\nexport interface MediaHighlight {\n  /** Left edge as a fraction of width (0..1). */\n  X: number;\n  /** Top edge as a fraction of height (0..1). */\n  Y: number;\n  /** Width as a fraction of width (0..1). */\n  W: number;\n  /** Height as a fraction of height (0..1). */\n  H: number;\n  /** Optional short label rendered on the highlight. */\n  Label?: string;\n}\n\n/** One piece of media on the surface — a tab + a render pane keyed by {@link MediaItemType}. */\nexport interface MediaItem {\n  /** Stable id (returned to the agent by `Media_ShowMedia`, used by close/play/highlight). */\n  Id: string;\n  /** Which render path the pane uses. */\n  Type: MediaItemType;\n  /**\n   * Absolute URL of the media — for an EXTERNAL/public asset. Optional/empty when {@link FileID}\n   * is set (the surface resolves a secure streaming URL from the file id instead). At least one of\n   * `Url` / `FileID` is always present.\n   */\n  Url?: string;\n  /**\n   * Id of an \"MJ: Files\" record this item is backed by. When set, the item is streamed securely\n   * (permission-gated) from MJStorage rather than from a public {@link Url}; the surface resolves a\n   * short-lived streaming URL (via `CreateMediaAccessToken`) or hands the id straight to\n   * `mj-storage-media-player` for audio/video.\n   */\n  FileID?: string;\n  /** Short tab label. */\n  DisplayName: string;\n  /** Optional one-line caption beneath the media. */\n  Caption?: string;\n  /** Optional fractional highlight overlay. */\n  Highlight?: MediaHighlight;\n  /** Set transiently to request playback of a video/audio item (consumed by the surface). */\n  PlayRequestedAt?: number;\n}\n\n/** The serialized shape persisted as the channel's state of record (versioned for forward-compat). */\ninterface SerializedMediaState {\n  V: 1;\n  Items: MediaItem[];\n  ActiveItemId: string | null;\n}\n\n/** Monotonic counter feeding {@link MediaChannelState.newId} so ids stay unique within a session. */\nlet mediaIdCounter = 0;\n\n/**\n * The Media channel's STATE ENGINE — a pure, framework-free model of what's on the shared Media\n * surface: an ordered list of {@link MediaItem}s plus which one is active. Mutations push the new\n * state through {@link Changed$} so the channel persists it and the surface re-renders. Mirrors\n * `WhiteboardState` (no Angular, tolerant (de)serialization, single `Changed$` notifier).\n */\nexport class MediaChannelState {\n  /** The media currently on the surface, in tab order (oldest first). */\n  public Items: MediaItem[] = [];\n\n  /** The id of the active (visible) item, or `null` when the surface is empty. */\n  public ActiveItemId: string | null = null;\n\n  /**\n   * Fires on every mutation. Replays the current state on subscribe (BehaviorSubject), so a late\n   * surface binding immediately renders what's already on the board.\n   */\n  public readonly Changed$ = new BehaviorSubject<MediaChannelState>(this);\n\n  /** Adds a media item, makes it active, and returns it. */\n  public AddItem(item: Omit<MediaItem, 'Id'> & { Id?: string }): MediaItem {\n    const created: MediaItem = { ...item, Id: item.Id ?? this.newId() };\n    this.Items = [...this.Items, created];\n    this.ActiveItemId = created.Id;\n    this.notify();\n    return created;\n  }\n\n  /** Removes the item with `id` (no-op if absent). When it was active, the last remaining item becomes active. */\n  public RemoveItem(id: string): boolean {\n    const next = this.Items.filter((i) => i.Id !== id);\n    if (next.length === this.Items.length) {\n      return false;\n    }\n    this.Items = next;\n    if (this.ActiveItemId === id) {\n      this.ActiveItemId = next.length > 0 ? next[next.length - 1].Id : null;\n    }\n    this.notify();\n    return true;\n  }\n\n  /** Makes `id` the active item (no-op if absent). */\n  public SetActive(id: string): boolean {\n    if (!this.Items.some((i) => i.Id === id) || this.ActiveItemId === id) {\n      return this.ActiveItemId === id;\n    }\n    this.ActiveItemId = id;\n    this.notify();\n    return true;\n  }\n\n  /**\n   * Activates `id` and stamps a play request on it (the surface consumes the stamp to start\n   * video/audio playback). No-op if the item is absent.\n   */\n  public RequestPlay(id: string): boolean {\n    const item = this.Items.find((i) => i.Id === id);\n    if (!item) {\n      return false;\n    }\n    this.ActiveItemId = id;\n    this.Items = this.Items.map((i) => (i.Id === id ? { ...i, PlayRequestedAt: Date.now() } : i));\n    this.notify();\n    return true;\n  }\n\n  /** Sets (or, with `null`, clears) the fractional highlight on `id`. No-op if the item is absent. */\n  public Highlight(id: string, highlight: MediaHighlight | null): boolean {\n    const item = this.Items.find((i) => i.Id === id);\n    if (!item) {\n      return false;\n    }\n    this.Items = this.Items.map((i) => (i.Id === id ? { ...i, Highlight: highlight ?? undefined } : i));\n    this.notify();\n    return true;\n  }\n\n  /** Removes all media and resets the active item. */\n  public Clear(): void {\n    if (this.Items.length === 0 && this.ActiveItemId === null) {\n      return;\n    }\n    this.Items = [];\n    this.ActiveItemId = null;\n    this.notify();\n  }\n\n  /** The active item, or `null` when the surface is empty / the active id is stale. */\n  public get ActiveItem(): MediaItem | null {\n    return this.Items.find((i) => i.Id === this.ActiveItemId) ?? null;\n  }\n\n  /** Serializes the state of record to a JSON string (persisted via the channel's RequestSave). */\n  public ToJSON(): string {\n    const payload: SerializedMediaState = { V: 1, Items: this.Items, ActiveItemId: this.ActiveItemId };\n    return JSON.stringify(payload);\n  }\n\n  /**\n   * Rehydrates a prior session's saved state IN PLACE (preserving this instance + its `Changed$`\n   * subscribers). Tolerant by contract: malformed / incompatible JSON is ignored and the method\n   * returns `false` without throwing, leaving the current state untouched.\n   */\n  public LoadFromJSON(json: string): boolean {\n    try {\n      const parsed = JSON.parse(json) as Partial<SerializedMediaState> | null;\n      if (!parsed || !Array.isArray(parsed.Items)) {\n        return false;\n      }\n      const items = parsed.Items.filter((i): i is MediaItem => this.isValidItem(i));\n      this.Items = items;\n      const active = typeof parsed.ActiveItemId === 'string' ? parsed.ActiveItemId : null;\n      this.ActiveItemId = active && items.some((i) => i.Id === active) ? active : items.length > 0 ? items[items.length - 1].Id : null;\n      this.notify();\n      return true;\n    } catch {\n      return false;\n    }\n  }\n\n  /**\n   * Validates one parsed item enough to render it safely (defensive against hand-edited / old\n   * payloads). An item must carry a SOURCE — a non-empty `Url` OR a non-empty `FileID` — since one\n   * of the two backs every render path.\n   */\n  private isValidItem(value: unknown): value is MediaItem {\n    if (!value || typeof value !== 'object') {\n      return false;\n    }\n    const item = value as Record<string, unknown>;\n    const validTypes: MediaItemType[] = ['image', 'video', 'audio', 'pdf', 'web'];\n    const hasUrl = typeof item['Url'] === 'string' && (item['Url'] as string).length > 0;\n    const hasFileID = typeof item['FileID'] === 'string' && (item['FileID'] as string).length > 0;\n    return (\n      typeof item['Id'] === 'string' &&\n      (hasUrl || hasFileID) &&\n      typeof item['DisplayName'] === 'string' &&\n      typeof item['Type'] === 'string' &&\n      validTypes.includes(item['Type'] as MediaItemType)\n    );\n  }\n\n  /** Mints a unique-within-session item id. */\n  private newId(): string {\n    mediaIdCounter += 1;\n    return `media-${Date.now().toString(36)}-${mediaIdCounter}`;\n  }\n\n  /** Pushes the current state to subscribers. */\n  private notify(): void {\n    this.Changed$.next(this);\n  }\n}\n"]}

package/dist/lib/components/realtime/media/media-channel-tools.d.ts

@@ -0,0 +1,24 @@
+import { RealtimeToolDefinition } from '@memberjunction/ai';
+/**
+ * The shared name prefix of every Media-channel tool — the key the session registers so all
+ * `Media_*` tool calls route locally to {@link RealtimeMediaChannel.ApplyAgentTool} (executed in
+ * the browser, mutating the channel's {@link MediaChannelState}) instead of the generic server
+ * tool relay. Mirrors `Whiteboard_` / `browser_`.
+ */
+export declare const MEDIA_TOOL_PREFIX = "Media_";
+/** The canonical Media tool names (one per `Media_*` capability). */
+export declare const MEDIA_TOOL_NAMES: {
+    readonly ShowMedia: "Media_ShowMedia";
+    readonly CloseMedia: "Media_CloseMedia";
+    readonly PlayMedia: "Media_PlayMedia";
+    readonly Highlight: "Media_Highlight";
+    readonly ClearAll: "Media_ClearAll";
+};
+/**
+ * The Media channel's CLIENT-EXECUTED tool declarations — registered with the realtime model at
+ * session mint and routed back to {@link RealtimeMediaChannel.ApplyAgentTool} by the `Media_`
+ * prefix. They let the agent put visuals (images, video, audio, PDFs, web pages) on the shared
+ * Media surface during the call, switch between them, highlight a region, and clear the board.
+ */
+export declare const MEDIA_TOOL_DEFINITIONS: RealtimeToolDefinition[];
+//# sourceMappingURL=media-channel-tools.d.ts.map

package/dist/lib/components/realtime/media/media-channel-tools.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-channel-tools.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/realtime/media/media-channel-tools.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAE5D;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,WAAW,CAAC;AAE1C,qEAAqE;AACrE,eAAO,MAAM,gBAAgB;;;;;;CAMnB,CAAC;AAEX;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,EAAE,sBAAsB,EAyF1D,CAAC"}

package/dist/lib/components/realtime/media/media-channel-tools.js

@@ -0,0 +1,107 @@
+/**
+ * The shared name prefix of every Media-channel tool — the key the session registers so all
+ * `Media_*` tool calls route locally to {@link RealtimeMediaChannel.ApplyAgentTool} (executed in
+ * the browser, mutating the channel's {@link MediaChannelState}) instead of the generic server
+ * tool relay. Mirrors `Whiteboard_` / `browser_`.
+ */
+export const MEDIA_TOOL_PREFIX = 'Media_';
+/** The canonical Media tool names (one per `Media_*` capability). */
+export const MEDIA_TOOL_NAMES = {
+    ShowMedia: 'Media_ShowMedia',
+    CloseMedia: 'Media_CloseMedia',
+    PlayMedia: 'Media_PlayMedia',
+    Highlight: 'Media_Highlight',
+    ClearAll: 'Media_ClearAll',
+};
+/**
+ * The Media channel's CLIENT-EXECUTED tool declarations — registered with the realtime model at
+ * session mint and routed back to {@link RealtimeMediaChannel.ApplyAgentTool} by the `Media_`
+ * prefix. They let the agent put visuals (images, video, audio, PDFs, web pages) on the shared
+ * Media surface during the call, switch between them, highlight a region, and clear the board.
+ */
+export const MEDIA_TOOL_DEFINITIONS = [
+    {
+        Name: MEDIA_TOOL_NAMES.ShowMedia,
+        Description: 'Display a piece of media on the shared Media surface the user is watching during the call — ' +
+            'an image, video, audio clip, PDF, or web page. It opens in its own tab and becomes the active ' +
+            'pane. Provide `url` for an external/public asset, OR `fileId` to show a file stored in ' +
+            'MemberJunction (streamed securely, permission-gated) — supply at least one. Returns the new ' +
+            'item id so you can later play, highlight, or close it.',
+        ParametersSchema: {
+            type: 'object',
+            properties: {
+                mediaType: {
+                    type: 'string',
+                    enum: ['image', 'video', 'audio', 'pdf', 'web'],
+                    description: 'The kind of media to display.',
+                },
+                url: {
+                    type: 'string',
+                    description: 'Absolute URL of an external/public media asset (include the scheme, e.g. https://…). ' +
+                        'Provide this OR `fileId`.',
+                },
+                fileId: {
+                    type: 'string',
+                    description: 'Id of an "MJ: Files" record to show a file stored in MemberJunction — streamed securely ' +
+                        'and permission-gated (no public URL needed). Provide this OR `url`.',
+                },
+                displayName: {
+                    type: 'string',
+                    description: 'Short label shown on the media\'s tab (e.g. "Q3 Revenue Chart").',
+                },
+                caption: {
+                    type: 'string',
+                    description: 'Optional one-line caption shown beneath the media.',
+                },
+            },
+            required: ['mediaType', 'displayName'],
+        },
+    },
+    {
+        Name: MEDIA_TOOL_NAMES.CloseMedia,
+        Description: 'Close one piece of media (by its id) and remove its tab from the Media surface.',
+        ParametersSchema: {
+            type: 'object',
+            properties: {
+                id: { type: 'string', description: 'The id of the media item to close (returned by Media_ShowMedia).' },
+            },
+            required: ['id'],
+        },
+    },
+    {
+        Name: MEDIA_TOOL_NAMES.PlayMedia,
+        Description: 'Make a piece of media active (bring its tab to the front) and, for video/audio, request playback. ' +
+            'Use this to direct the user\'s attention to something already shared.',
+        ParametersSchema: {
+            type: 'object',
+            properties: {
+                id: { type: 'string', description: 'The id of the media item to activate / play.' },
+            },
+            required: ['id'],
+        },
+    },
+    {
+        Name: MEDIA_TOOL_NAMES.Highlight,
+        Description: 'Draw a highlight rectangle over a region of a media item to point at something specific. ' +
+            'Coordinates are FRACTIONAL (0..1) relative to the media\'s own box: x,y is the top-left corner, ' +
+            'w,h are the width/height. Replaces any prior highlight on that item.',
+        ParametersSchema: {
+            type: 'object',
+            properties: {
+                id: { type: 'string', description: 'The id of the media item to highlight.' },
+                x: { type: 'number', description: 'Left edge as a fraction of width (0..1).' },
+                y: { type: 'number', description: 'Top edge as a fraction of height (0..1).' },
+                w: { type: 'number', description: 'Width as a fraction of width (0..1).' },
+                h: { type: 'number', description: 'Height as a fraction of height (0..1).' },
+                label: { type: 'string', description: 'Optional short label shown on the highlight.' },
+            },
+            required: ['id', 'x', 'y', 'w', 'h'],
+        },
+    },
+    {
+        Name: MEDIA_TOOL_NAMES.ClearAll,
+        Description: 'Remove all media from the Media surface, returning it to its empty state.',
+        ParametersSchema: { type: 'object', properties: {} },
+    },
+];
+//# sourceMappingURL=media-channel-tools.js.map

package/dist/lib/components/realtime/media/media-channel-tools.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-channel-tools.js","sourceRoot":"","sources":["../../../../../src/lib/components/realtime/media/media-channel-tools.ts"],"names":[],"mappings":"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","sourcesContent":["import { RealtimeToolDefinition } from '@memberjunction/ai';\n\n/**\n * The shared name prefix of every Media-channel tool — the key the session registers so all\n * `Media_*` tool calls route locally to {@link RealtimeMediaChannel.ApplyAgentTool} (executed in\n * the browser, mutating the channel's {@link MediaChannelState}) instead of the generic server\n * tool relay. Mirrors `Whiteboard_` / `browser_`.\n */\nexport const MEDIA_TOOL_PREFIX = 'Media_';\n\n/** The canonical Media tool names (one per `Media_*` capability). */\nexport const MEDIA_TOOL_NAMES = {\n  ShowMedia: 'Media_ShowMedia',\n  CloseMedia: 'Media_CloseMedia',\n  PlayMedia: 'Media_PlayMedia',\n  Highlight: 'Media_Highlight',\n  ClearAll: 'Media_ClearAll',\n} as const;\n\n/**\n * The Media channel's CLIENT-EXECUTED tool declarations — registered with the realtime model at\n * session mint and routed back to {@link RealtimeMediaChannel.ApplyAgentTool} by the `Media_`\n * prefix. They let the agent put visuals (images, video, audio, PDFs, web pages) on the shared\n * Media surface during the call, switch between them, highlight a region, and clear the board.\n */\nexport const MEDIA_TOOL_DEFINITIONS: RealtimeToolDefinition[] = [\n  {\n    Name: MEDIA_TOOL_NAMES.ShowMedia,\n    Description:\n      'Display a piece of media on the shared Media surface the user is watching during the call — ' +\n      'an image, video, audio clip, PDF, or web page. It opens in its own tab and becomes the active ' +\n      'pane. Provide `url` for an external/public asset, OR `fileId` to show a file stored in ' +\n      'MemberJunction (streamed securely, permission-gated) — supply at least one. Returns the new ' +\n      'item id so you can later play, highlight, or close it.',\n    ParametersSchema: {\n      type: 'object',\n      properties: {\n        mediaType: {\n          type: 'string',\n          enum: ['image', 'video', 'audio', 'pdf', 'web'],\n          description: 'The kind of media to display.',\n        },\n        url: {\n          type: 'string',\n          description:\n            'Absolute URL of an external/public media asset (include the scheme, e.g. https://…). ' +\n            'Provide this OR `fileId`.',\n        },\n        fileId: {\n          type: 'string',\n          description:\n            'Id of an \"MJ: Files\" record to show a file stored in MemberJunction — streamed securely ' +\n            'and permission-gated (no public URL needed). Provide this OR `url`.',\n        },\n        displayName: {\n          type: 'string',\n          description: 'Short label shown on the media\\'s tab (e.g. \"Q3 Revenue Chart\").',\n        },\n        caption: {\n          type: 'string',\n          description: 'Optional one-line caption shown beneath the media.',\n        },\n      },\n      required: ['mediaType', 'displayName'],\n    },\n  },\n  {\n    Name: MEDIA_TOOL_NAMES.CloseMedia,\n    Description: 'Close one piece of media (by its id) and remove its tab from the Media surface.',\n    ParametersSchema: {\n      type: 'object',\n      properties: {\n        id: { type: 'string', description: 'The id of the media item to close (returned by Media_ShowMedia).' },\n      },\n      required: ['id'],\n    },\n  },\n  {\n    Name: MEDIA_TOOL_NAMES.PlayMedia,\n    Description:\n      'Make a piece of media active (bring its tab to the front) and, for video/audio, request playback. ' +\n      'Use this to direct the user\\'s attention to something already shared.',\n    ParametersSchema: {\n      type: 'object',\n      properties: {\n        id: { type: 'string', description: 'The id of the media item to activate / play.' },\n      },\n      required: ['id'],\n    },\n  },\n  {\n    Name: MEDIA_TOOL_NAMES.Highlight,\n    Description:\n      'Draw a highlight rectangle over a region of a media item to point at something specific. ' +\n      'Coordinates are FRACTIONAL (0..1) relative to the media\\'s own box: x,y is the top-left corner, ' +\n      'w,h are the width/height. Replaces any prior highlight on that item.',\n    ParametersSchema: {\n      type: 'object',\n      properties: {\n        id: { type: 'string', description: 'The id of the media item to highlight.' },\n        x: { type: 'number', description: 'Left edge as a fraction of width (0..1).' },\n        y: { type: 'number', description: 'Top edge as a fraction of height (0..1).' },\n        w: { type: 'number', description: 'Width as a fraction of width (0..1).' },\n        h: { type: 'number', description: 'Height as a fraction of height (0..1).' },\n        label: { type: 'string', description: 'Optional short label shown on the highlight.' },\n      },\n      required: ['id', 'x', 'y', 'w', 'h'],\n    },\n  },\n  {\n    Name: MEDIA_TOOL_NAMES.ClearAll,\n    Description: 'Remove all media from the Media surface, returning it to its empty state.',\n    ParametersSchema: { type: 'object', properties: {} },\n  },\n];\n"]}

package/dist/lib/components/realtime/media/media-channel.d.ts

@@ -0,0 +1,89 @@
+import type { Type } from '@angular/core';
+import { RealtimeToolDefinition } from '@memberjunction/ai';
+import { BaseRealtimeChannelClient, ChannelOnboardingDetails } from '../channels/base-realtime-channel-client';
+import { MediaChannelState } from './media-channel-state';
+import { RealtimeMediaSurfaceComponent } from './realtime-media-surface.component';
+/**
+ * The shared MEDIA SURFACE as a pluggable interactive channel — a {@link BaseRealtimeChannelClient}
+ * resolved from the `MJ: AI Agent Channels` registry row whose `ClientPluginClass` is
+ * `'RealtimeMediaChannel'`. One instance per session (created via ClassFactory at session start).
+ *
+ * It owns a {@link MediaChannelState} engine and contributes the channel's full contract:
+ *
+ *  - **Action**: the `Media_*` client-executed tool set ({@link MEDIA_TOOL_DEFINITIONS});
+ *    {@link ApplyAgentTool} parses the args, mutates the state engine, returns a short JSON result
+ *    string, and sends the model a `[media]` background context note (so it stays aware of what's
+ *    on screen). Works with NO surface bound — the tools mutate the state engine directly.
+ *  - **Surface**: {@link RealtimeMediaSurfaceComponent}, created dynamically by the overlay's
+ *    channel tab; {@link BindSurface} hands it the shared state engine + agent name.
+ *  - **State of record**: every mutation requests a debounced save of {@link MediaChannelState.ToJSON}
+ *    under channel name `'Media'`; a prior session's media is rehydrated via {@link RestoreState}.
+ *
+ * Modeled directly on `RealtimeWhiteboardChannel`.
+ */
+export declare class RealtimeMediaChannel extends BaseRealtimeChannelClient<RealtimeMediaSurfaceComponent> {
+    /** The media state of record — created fresh with the plugin (one per session). */
+    readonly State: MediaChannelState;
+    /** The live bound surface, when the channel tab's pane is instantiated. */
+    private surface;
+    /** Media-mutation subscription driving the debounced state-of-record save. */
+    private stateChangedSub;
+    get ChannelName(): string;
+    get ToolNamePrefix(): string;
+    get TabTitle(): string;
+    get TabIcon(): string;
+    GetToolDefinitions(): RealtimeToolDefinition[];
+    GetSurfaceComponent(): Type<RealtimeMediaSurfaceComponent>;
+    /** First-run intro shown the first time the user opens the Media tab (once per user). */
+    GetOnboardingDetails(): ChannelOnboardingDetails;
+    /** Persist the media surface (host-debounced) on EVERY mutation — agent tools and tab changes. */
+    protected OnInitialize(): void;
+    /**
+     * Wires the dynamically-created media surface (before first CD): shared state engine + agent name,
+     * plus the live session's MJ provider so FileID-backed items stream securely (mj-storage-media-player
+     * + CreateMediaAccessToken) under the SAME authenticated, multi-provider-safe provider.
+     */
+    BindSurface(instance: RealtimeMediaSurfaceComponent): void;
+    UnbindSurface(): void;
+    /**
+     * Executes one `Media_*` tool call LOCALLY: parse args, mutate the state engine, push a `[media]`
+     * background context note so the agent stays aware of the surface, and return a short JSON result
+     * string for the model. Never throws — malformed args resolve to a `{ success: false, error }`
+     * payload the model can narrate. Works with or without a bound surface (it mutates the state engine,
+     * which the surface observes).
+     */
+    ApplyAgentTool(toolName: string, argsJson: string): string;
+    /** Adds a media item and makes it active. Source is a public `url` OR an MJStorage `fileId` (>=1 required). */
+    private applyShowMedia;
+    /** Closes a media item. */
+    private applyCloseMedia;
+    /** Activates + requests playback of a media item. */
+    private applyPlayMedia;
+    /** Draws (or, with absent dims, clears) a fractional highlight on a media item. */
+    private applyHighlight;
+    /** Clears all media. */
+    private applyClearAll;
+    /** The Media channel's serialized state of record (persisted under {@link ChannelName}). */
+    SerializeState(): string | null;
+    /**
+     * Rehydrates a prior session's saved media into THIS session's state engine (in place — the
+     * {@link State} instance and its subscriptions are preserved). Tolerant: malformed JSON returns
+     * `false` and the surface stays empty.
+     */
+    RestoreState(stateJson: string): boolean;
+    Dispose(): void;
+    /** Builds a model-readable failure payload (never thrown — returned to the model). */
+    private fail;
+    /**
+     * Pushes a background context note so the agent stays aware of the surface state. Framed as
+     * background (like the whiteboard's scene-delta notes) so the model doesn't narrate every change.
+     */
+    private note;
+}
+/**
+ * Tree-shaking prevention: the Media channel is resolved dynamically through the ClassFactory (by the
+ * registry row's `ClientPluginClass` key), so this static call keeps its `@RegisterClass` side effect
+ * from being eliminated by the bundler. Called alongside `LoadRealtimeWhiteboardChannel()`.
+ */
+export declare function LoadRealtimeMediaChannel(): void;
+//# sourceMappingURL=media-channel.d.ts.map

package/dist/lib/components/realtime/media/media-channel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-channel.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/realtime/media/media-channel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,yBAAyB,EAAE,wBAAwB,EAAE,MAAM,0CAA0C,CAAC;AAE/G,OAAO,EAAE,iBAAiB,EAAiC,MAAM,uBAAuB,CAAC;AACzF,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AAkBnF;;;;;;;;;;;;;;;;;GAiBG;AACH,qBACa,oBAAqB,SAAQ,yBAAyB,CAAC,6BAA6B,CAAC;IAChG,mFAAmF;IACnF,SAAgB,KAAK,oBAA2B;IAEhD,2EAA2E;IAC3E,OAAO,CAAC,OAAO,CAA8C;IAC7D,8EAA8E;IAC9E,OAAO,CAAC,eAAe,CAA6B;IAEpD,IAAW,WAAW,IAAI,MAAM,CAE/B;IAED,IAAW,cAAc,IAAI,MAAM,CAElC;IAED,IAAW,QAAQ,IAAI,MAAM,CAE5B;IAED,IAAW,OAAO,IAAI,MAAM,CAE3B;IAEM,kBAAkB,IAAI,sBAAsB,EAAE;IAIrC,mBAAmB,IAAI,IAAI,CAAC,6BAA6B,CAAC;IAI1E,yFAAyF;IACzE,oBAAoB,IAAI,wBAAwB;IAgBhE,kGAAkG;cAC/E,YAAY,IAAI,IAAI;IAMvC;;;;OAIG;IACI,WAAW,CAAC,QAAQ,EAAE,6BAA6B,GAAG,IAAI;IAOjD,aAAa,IAAI,IAAI;IAIrC;;;;;;OAMG;IACI,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM;IA2BjE,+GAA+G;IAC/G,OAAO,CAAC,cAAc;IAyBtB,2BAA2B;IAC3B,OAAO,CAAC,eAAe;IAavB,qDAAqD;IACrD,OAAO,CAAC,cAAc;IAatB,mFAAmF;IACnF,OAAO,CAAC,cAAc;IAqBtB,wBAAwB;IACxB,OAAO,CAAC,aAAa;IAMrB,4FAA4F;IAC5E,cAAc,IAAI,MAAM,GAAG,IAAI;IAI/C;;;;OAIG;IACa,YAAY,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO;IAIxC,OAAO,IAAI,IAAI;IAO/B,sFAAsF;IACtF,OAAO,CAAC,IAAI;IAIZ;;;OAGG;IACH,OAAO,CAAC,IAAI;CAKb;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,IAAI,IAAI,CAE/C"}