@salesforce/ui-design-mode 10.9.1 → 10.10.0

package/dist/authoring/core/DesignPropertyPanelRoot.d.cts

@@ -1,9 +1,10 @@
 import { default as React } from 'react';
 import { ComponentData, ComponentStyleValue, SourceLocation } from '../../protocol.cjs';
+import { CmsSpace, CmsImage, CmsFolderItemsResult, CmsContentDetailResult, CmsThumbnailResult, ImageImportResult, LocalFilePreview } from './editors/ImageEditor.cjs';
 import { ChangeContext } from './history/historyService.cjs';
 import { PanelLabels } from './labels/labels.cjs';
 /** Selected-component subset the panel renders. Mirrors the protocol payload. */
-export type DesignPanelComponent = Pick<ComponentData, "name" | "tagName" | "debugSource" | "hasNonEditableText">;
+export type DesignPanelComponent = Pick<ComponentData, "name" | "tagName" | "debugSource" | "hasNonEditableText" | "media">;
 /** Per-property inline + computed style values pushed from the host. */
 export type StylesEntryMap = Record<string, ComponentStyleValue>;
 /** The selected element's source context, sent to the host's AI chat as context info. */
@@ -33,6 +34,12 @@ export interface DesignPropertyPanelProps {
     onAddToChatContext?: (context: SelectedComponentContext) => void;
     /** User clicked the selected component's source-file link. */
     onOpenSourceFile?: (payload: OpenSourceFilePayload) => void;
+    /**
+     * Apply a media-element change (e.g. `<img src>`/`alt`/`width`/`height`) to the
+     * surface. The host posts a `media-change` to the preview iframe. Present only
+     * when the selected component is a media element (`component.media`).
+     */
+    onMediaChange?: (tag: string, attributes: Record<string, string | undefined>, sourceLocation?: SourceLocation) => void;
     /**
      * Whether to render the panel's "add selected element to chat as context"
      * button. Defaults to `true`. A surface with no AI-chat integration sets this
@@ -54,6 +61,29 @@ export interface DesignPropertyPanelProps {
      * `core/labels/labels.ts`.
      */
     labels?: PanelLabels;
+    /** CMS image-source host bindings + latest data, forwarded to the ImageEditor. */
+    imageSource?: ImageSourceBindings;
+}
+/**
+ * Host bindings for the ImageEditor's CMS and local-file acquisition. Grouped
+ * into one optional prop so a surface opts into image acquisition wholesale; the
+ * panel forwards each field straight to the `ImageEditor`. See the matching
+ * props on `ImageEditorProps`.
+ */
+export interface ImageSourceBindings {
+    cmsSpaces?: CmsSpace[];
+    cmsSpacesLoading?: boolean;
+    onFetchCmsSpaces?: () => void;
+    cmsFolderItemsResult?: CmsFolderItemsResult;
+    onFetchCmsFolderItems?: (folderId: string, page: number, pageSize: number) => void;
+    cmsContentDetail?: CmsContentDetailResult;
+    onFetchCmsContentDetail?: (contentKey: string) => void;
+    cmsThumbnailResult?: CmsThumbnailResult;
+    onFetchCmsThumbnail?: (contentKey: string, url: string, mimeType: string) => void;
+    onImportCmsImage?: (img: CmsImage) => void;
+    cmsImportResult?: ImageImportResult;
+    onPickLocalFile?: () => void;
+    localPreview?: LocalFilePreview;
 }
 /** Imperative handle exposed via ref for toolbar-driven history control. */
 export interface DesignPropertyPanelHandle {

package/dist/authoring/core/DesignPropertyPanelRoot.d.ts

@@ -1,9 +1,10 @@
 import { default as React } from 'react';
 import { ComponentData, ComponentStyleValue, SourceLocation } from '../../protocol.js';
+import { CmsSpace, CmsImage, CmsFolderItemsResult, CmsContentDetailResult, CmsThumbnailResult, ImageImportResult, LocalFilePreview } from './editors/ImageEditor.js';
 import { ChangeContext } from './history/historyService.js';
 import { PanelLabels } from './labels/labels.js';
 /** Selected-component subset the panel renders. Mirrors the protocol payload. */
-export type DesignPanelComponent = Pick<ComponentData, "name" | "tagName" | "debugSource" | "hasNonEditableText">;
+export type DesignPanelComponent = Pick<ComponentData, "name" | "tagName" | "debugSource" | "hasNonEditableText" | "media">;
 /** Per-property inline + computed style values pushed from the host. */
 export type StylesEntryMap = Record<string, ComponentStyleValue>;
 /** The selected element's source context, sent to the host's AI chat as context info. */
@@ -33,6 +34,12 @@ export interface DesignPropertyPanelProps {
     onAddToChatContext?: (context: SelectedComponentContext) => void;
     /** User clicked the selected component's source-file link. */
     onOpenSourceFile?: (payload: OpenSourceFilePayload) => void;
+    /**
+     * Apply a media-element change (e.g. `<img src>`/`alt`/`width`/`height`) to the
+     * surface. The host posts a `media-change` to the preview iframe. Present only
+     * when the selected component is a media element (`component.media`).
+     */
+    onMediaChange?: (tag: string, attributes: Record<string, string | undefined>, sourceLocation?: SourceLocation) => void;
     /**
      * Whether to render the panel's "add selected element to chat as context"
      * button. Defaults to `true`. A surface with no AI-chat integration sets this
@@ -54,6 +61,29 @@ export interface DesignPropertyPanelProps {
      * `core/labels/labels.ts`.
      */
     labels?: PanelLabels;
+    /** CMS image-source host bindings + latest data, forwarded to the ImageEditor. */
+    imageSource?: ImageSourceBindings;
+}
+/**
+ * Host bindings for the ImageEditor's CMS and local-file acquisition. Grouped
+ * into one optional prop so a surface opts into image acquisition wholesale; the
+ * panel forwards each field straight to the `ImageEditor`. See the matching
+ * props on `ImageEditorProps`.
+ */
+export interface ImageSourceBindings {
+    cmsSpaces?: CmsSpace[];
+    cmsSpacesLoading?: boolean;
+    onFetchCmsSpaces?: () => void;
+    cmsFolderItemsResult?: CmsFolderItemsResult;
+    onFetchCmsFolderItems?: (folderId: string, page: number, pageSize: number) => void;
+    cmsContentDetail?: CmsContentDetailResult;
+    onFetchCmsContentDetail?: (contentKey: string) => void;
+    cmsThumbnailResult?: CmsThumbnailResult;
+    onFetchCmsThumbnail?: (contentKey: string, url: string, mimeType: string) => void;
+    onImportCmsImage?: (img: CmsImage) => void;
+    cmsImportResult?: ImageImportResult;
+    onPickLocalFile?: () => void;
+    localPreview?: LocalFilePreview;
 }
 /** Imperative handle exposed via ref for toolbar-driven history control. */
 export interface DesignPropertyPanelHandle {

package/dist/authoring/core/DesignPropertyPanelRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DesignPropertyPanelRoot.d.ts","sourceRoot":"","sources":["../../../src/authoring/core/DesignPropertyPanelRoot.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,aAAa,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAazF,OAAO,EAEN,KAAK,aAAa,EAElB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAkElE,iFAAiF;AACjF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACtC,aAAa,EACb,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,oBAAoB,CACzD,CAAC;AAEF,wEAAwE;AACxE,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;AAEjE,yFAAyF;AACzF,MAAM,MAAM,wBAAwB,GAAG,aAAa,CAAC;AAErD,mFAAmF;AACnF,MAAM,WAAW,qBAAqB;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;CACrB;AAED,qFAAqF;AACrF,MAAM,WAAW,wBAAwB;IACxC,4DAA4D;IAC5D,SAAS,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACvC,iEAAiE;IACjE,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9B,iFAAiF;IACjF,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1F,+EAA+E;IAC/E,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACvE,sCAAsC;IACtC,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/E,4EAA4E;IAC5E,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,wBAAwB,KAAK,IAAI,CAAC;IACjE,8DAA8D;IAC9D,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC5D;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;CACrB;AAED,4EAA4E;AAC5E,MAAM,WAAW,yBAAyB;IACzC,IAAI,IAAI,IAAI,CAAC;IACb,IAAI,IAAI,IAAI,CAAC;IACb,YAAY,IAAI,IAAI,CAAC;IACrB,eAAe,IAAI,OAAO,EAAE,CAAC;IAC7B,gBAAgB,CAAC,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACvF,OAAO,IAAI,OAAO,CAAC;IACnB,OAAO,IAAI,OAAO,CAAC;CACnB;AA4XD,eAAO,MAAM,mBAAmB,4GA8N9B,CAAC;AAEH;;;GAGG;AACH,wBAAgB,wBAAwB,CACvC,MAAM,EAAE,WAAW,GAAG,IAAI,EAC1B,KAAK,EAAE,wBAAwB,EAC/B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,yBAAyB,CAAC,QAK1C"}
+{"version":3,"file":"DesignPropertyPanelRoot.d.ts","sourceRoot":"","sources":["../../../src/authoring/core/DesignPropertyPanelRoot.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EACX,aAAa,EACb,mBAAmB,EAEnB,cAAc,EACd,MAAM,gBAAgB,CAAC;AAQxB,OAAO,EAEN,KAAK,QAAQ,EACb,KAAK,QAAQ,EACb,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,EAC3B,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,MAAM,uBAAuB,CAAC;AAM/B,OAAO,EAEN,KAAK,aAAa,EAElB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAoElE,iFAAiF;AACjF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACtC,aAAa,EACb,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,oBAAoB,GAAG,OAAO,CACnE,CAAC;AAEF,wEAAwE;AACxE,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;AAEjE,yFAAyF;AACzF,MAAM,MAAM,wBAAwB,GAAG,aAAa,CAAC;AAErD,mFAAmF;AACnF,MAAM,WAAW,qBAAqB;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;CACrB;AAED,qFAAqF;AACrF,MAAM,WAAW,wBAAwB;IACxC,4DAA4D;IAC5D,SAAS,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACvC,iEAAiE;IACjE,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9B,iFAAiF;IACjF,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1F,+EAA+E;IAC/E,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACvE,sCAAsC;IACtC,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/E,4EAA4E;IAC5E,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,wBAAwB,KAAK,IAAI,CAAC;IACjE,8DAA8D;IAC9D,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC5D;;;;OAIG;IACH,aAAa,CAAC,EAAE,CACf,GAAG,EAAE,MAAM,EACX,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,EAC9C,cAAc,CAAC,EAAE,cAAc,KAC3B,IAAI,CAAC;IACV;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IAKrB,kFAAkF;IAClF,WAAW,CAAC,EAAE,mBAAmB,CAAC;CAClC;AAED;;;;;GAKG;AACH,MAAM,WAAW,mBAAmB;IACnC,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,oBAAoB,CAAC,EAAE,oBAAoB,CAAC;IAC5C,qBAAqB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACnF,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;IAC1C,uBAAuB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,mBAAmB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAClF,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC3C,eAAe,CAAC,EAAE,iBAAiB,CAAC;IACpC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,YAAY,CAAC,EAAE,gBAAgB,CAAC;CAChC;AAED,4EAA4E;AAC5E,MAAM,WAAW,yBAAyB;IACzC,IAAI,IAAI,IAAI,CAAC;IACb,IAAI,IAAI,IAAI,CAAC;IACb,YAAY,IAAI,IAAI,CAAC;IACrB,eAAe,IAAI,OAAO,EAAE,CAAC;IAC7B,gBAAgB,CAAC,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACvF,OAAO,IAAI,OAAO,CAAC;IACnB,OAAO,IAAI,OAAO,CAAC;CACnB;AAwZD,eAAO,MAAM,mBAAmB,4GA4P9B,CAAC;AAEH;;;GAGG;AACH,wBAAgB,wBAAwB,CACvC,MAAM,EAAE,WAAW,GAAG,IAAI,EAC1B,KAAK,EAAE,wBAAwB,EAC/B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,yBAAyB,CAAC,QAK1C"}

package/dist/authoring/core/editors/ImageEditor.d.cts

@@ -0,0 +1,110 @@
+import { PanelLabels } from '../labels/labels.cjs';
+/** Localized strings for the ImageEditor (the `editors.image` slice of `PanelLabels`). */
+type ImageLabels = PanelLabels["editors"]["image"];
+export interface CmsSpace {
+    id: string;
+    apiName: string;
+    name: string;
+    rootFolderId: string;
+}
+export interface CmsFolderItem {
+    contentKey: string;
+    title: string;
+    mimeType: string;
+}
+export interface CmsImage {
+    id: string;
+    title: string;
+    url: string;
+    thumbnailUrl: string;
+    altText?: string;
+    contentType?: string;
+}
+/** Editable `<img>` attributes other than `src`, mirroring what the iframe honors. */
+export interface ImageAttributes {
+    alt: string;
+    width: string;
+    height: string;
+}
+/**
+ * A page of CMS folder items pushed from the host in response to
+ * {@link ImageEditorProps.onFetchCmsFolderItems}. The picker replaces its grid
+ * when `page === 0` and appends for later pages, mirroring infinite scroll.
+ */
+export interface CmsFolderItemsResult {
+    items: CmsFolderItem[];
+    hasMore: boolean;
+    page: number;
+    error?: string;
+}
+/** A single content's resolved binary URL + metadata, pushed from the host. */
+export interface CmsContentDetailResult {
+    contentKey: string;
+    url: string;
+    mimeType: string;
+    title?: string;
+    error?: string;
+}
+/** An authenticated, base64-encoded thumbnail for a content key, pushed from the host. */
+export interface CmsThumbnailResult {
+    imageId: string;
+    thumbnailUrl: string;
+}
+/** Preview metadata for a locally-picked file, pushed from the host. */
+export interface LocalFilePreview {
+    webviewUri: string;
+    fileName: string;
+    devUrl?: string;
+}
+/** Outcome of importing a CMS image (download + save to the app's assets). */
+export interface ImageImportResult {
+    success: boolean;
+    devUrl?: string;
+}
+export interface ImageEditorProps {
+    label: string;
+    value: string;
+    onChange: (value: string) => void;
+    id?: string;
+    /** Current alt/width/height values; shown as editable fields below the source tabs. */
+    attributes?: ImageAttributes;
+    /** Apply a non-`src` attribute change (alt/width/height). */
+    onAttributeChange?: (attribute: keyof ImageAttributes, value: string) => void;
+    /** Available CMS workspaces, pushed from the host after {@link onFetchCmsSpaces}. */
+    cmsSpaces?: CmsSpace[];
+    /** Whether a workspace fetch is in flight. */
+    cmsSpacesLoading?: boolean;
+    /** Request the org's CMS workspaces. */
+    onFetchCmsSpaces?: () => void;
+    /** Latest page of folder items, pushed from the host. */
+    cmsFolderItemsResult?: CmsFolderItemsResult;
+    /** Request a page of image items within a folder. */
+    onFetchCmsFolderItems?: (folderId: string, page: number, pageSize: number) => void;
+    /** Latest resolved content detail, pushed from the host. */
+    cmsContentDetail?: CmsContentDetailResult;
+    /** Request a single content's binary URL + metadata. */
+    onFetchCmsContentDetail?: (contentKey: string) => void;
+    /** Latest downloaded thumbnail, pushed from the host. */
+    cmsThumbnailResult?: CmsThumbnailResult;
+    /** Request an authenticated thumbnail for a content key. */
+    onFetchCmsThumbnail?: (contentKey: string, url: string, mimeType: string) => void;
+    /** Import (download + save) the chosen CMS image; the result arrives via {@link cmsImportResult}. */
+    onImportCmsImage?: (img: CmsImage) => void;
+    /** Outcome of the most recent import, pushed from the host. */
+    cmsImportResult?: ImageImportResult;
+    /** Open the host's native file picker; the result arrives via {@link localPreview}. */
+    onPickLocalFile?: () => void;
+    /** Preview of the most recently picked local file, pushed from the host. */
+    localPreview?: LocalFilePreview;
+    /** Localized strings; optional/partial, merged over {@link DEFAULT_IMAGE_LABELS}. */
+    imageLabels?: ImageLabels;
+}
+/**
+ * Image-source editor: pick an `<img>` source via CMS browse, local file, or a
+ * direct URL, plus edit alt/width/height. All host I/O (CMS fetches, local file
+ * picking, importing) is supplied via optional callback + data props so the
+ * shared panel stays host-agnostic; absent callbacks make that action inert.
+ */
+export declare function ImageEditor({ label, value, onChange, id, attributes, onAttributeChange, cmsSpaces, cmsSpacesLoading, onFetchCmsSpaces, cmsFolderItemsResult, onFetchCmsFolderItems, cmsContentDetail, onFetchCmsContentDetail, cmsThumbnailResult, onFetchCmsThumbnail, onImportCmsImage, cmsImportResult, onPickLocalFile, localPreview, imageLabels, }: ImageEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ImageEditor.d.ts.map

package/dist/authoring/core/editors/ImageEditor.d.ts

@@ -0,0 +1,110 @@
+import { PanelLabels } from '../labels/labels.js';
+/** Localized strings for the ImageEditor (the `editors.image` slice of `PanelLabels`). */
+type ImageLabels = PanelLabels["editors"]["image"];
+export interface CmsSpace {
+    id: string;
+    apiName: string;
+    name: string;
+    rootFolderId: string;
+}
+export interface CmsFolderItem {
+    contentKey: string;
+    title: string;
+    mimeType: string;
+}
+export interface CmsImage {
+    id: string;
+    title: string;
+    url: string;
+    thumbnailUrl: string;
+    altText?: string;
+    contentType?: string;
+}
+/** Editable `<img>` attributes other than `src`, mirroring what the iframe honors. */
+export interface ImageAttributes {
+    alt: string;
+    width: string;
+    height: string;
+}
+/**
+ * A page of CMS folder items pushed from the host in response to
+ * {@link ImageEditorProps.onFetchCmsFolderItems}. The picker replaces its grid
+ * when `page === 0` and appends for later pages, mirroring infinite scroll.
+ */
+export interface CmsFolderItemsResult {
+    items: CmsFolderItem[];
+    hasMore: boolean;
+    page: number;
+    error?: string;
+}
+/** A single content's resolved binary URL + metadata, pushed from the host. */
+export interface CmsContentDetailResult {
+    contentKey: string;
+    url: string;
+    mimeType: string;
+    title?: string;
+    error?: string;
+}
+/** An authenticated, base64-encoded thumbnail for a content key, pushed from the host. */
+export interface CmsThumbnailResult {
+    imageId: string;
+    thumbnailUrl: string;
+}
+/** Preview metadata for a locally-picked file, pushed from the host. */
+export interface LocalFilePreview {
+    webviewUri: string;
+    fileName: string;
+    devUrl?: string;
+}
+/** Outcome of importing a CMS image (download + save to the app's assets). */
+export interface ImageImportResult {
+    success: boolean;
+    devUrl?: string;
+}
+export interface ImageEditorProps {
+    label: string;
+    value: string;
+    onChange: (value: string) => void;
+    id?: string;
+    /** Current alt/width/height values; shown as editable fields below the source tabs. */
+    attributes?: ImageAttributes;
+    /** Apply a non-`src` attribute change (alt/width/height). */
+    onAttributeChange?: (attribute: keyof ImageAttributes, value: string) => void;
+    /** Available CMS workspaces, pushed from the host after {@link onFetchCmsSpaces}. */
+    cmsSpaces?: CmsSpace[];
+    /** Whether a workspace fetch is in flight. */
+    cmsSpacesLoading?: boolean;
+    /** Request the org's CMS workspaces. */
+    onFetchCmsSpaces?: () => void;
+    /** Latest page of folder items, pushed from the host. */
+    cmsFolderItemsResult?: CmsFolderItemsResult;
+    /** Request a page of image items within a folder. */
+    onFetchCmsFolderItems?: (folderId: string, page: number, pageSize: number) => void;
+    /** Latest resolved content detail, pushed from the host. */
+    cmsContentDetail?: CmsContentDetailResult;
+    /** Request a single content's binary URL + metadata. */
+    onFetchCmsContentDetail?: (contentKey: string) => void;
+    /** Latest downloaded thumbnail, pushed from the host. */
+    cmsThumbnailResult?: CmsThumbnailResult;
+    /** Request an authenticated thumbnail for a content key. */
+    onFetchCmsThumbnail?: (contentKey: string, url: string, mimeType: string) => void;
+    /** Import (download + save) the chosen CMS image; the result arrives via {@link cmsImportResult}. */
+    onImportCmsImage?: (img: CmsImage) => void;
+    /** Outcome of the most recent import, pushed from the host. */
+    cmsImportResult?: ImageImportResult;
+    /** Open the host's native file picker; the result arrives via {@link localPreview}. */
+    onPickLocalFile?: () => void;
+    /** Preview of the most recently picked local file, pushed from the host. */
+    localPreview?: LocalFilePreview;
+    /** Localized strings; optional/partial, merged over {@link DEFAULT_IMAGE_LABELS}. */
+    imageLabels?: ImageLabels;
+}
+/**
+ * Image-source editor: pick an `<img>` source via CMS browse, local file, or a
+ * direct URL, plus edit alt/width/height. All host I/O (CMS fetches, local file
+ * picking, importing) is supplied via optional callback + data props so the
+ * shared panel stays host-agnostic; absent callbacks make that action inert.
+ */
+export declare function ImageEditor({ label, value, onChange, id, attributes, onAttributeChange, cmsSpaces, cmsSpacesLoading, onFetchCmsSpaces, cmsFolderItemsResult, onFetchCmsFolderItems, cmsContentDetail, onFetchCmsContentDetail, cmsThumbnailResult, onFetchCmsThumbnail, onImportCmsImage, cmsImportResult, onPickLocalFile, localPreview, imageLabels, }: ImageEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ImageEditor.d.ts.map

package/dist/authoring/core/editors/ImageEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageEditor.d.ts","sourceRoot":"","sources":["../../../../src/authoring/core/editors/ImageEditor.tsx"],"names":[],"mappings":"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"}

package/dist/authoring/core/history/historyService.d.cts

@@ -19,6 +19,8 @@ export interface ChangeContext {
 export interface HistoryService {
     recordStyleChange(property: string, oldValue: string, newValue: string, context?: ChangeContext): void;
     recordTextChange(originalText: string, newText: string, context?: ChangeContext): void;
+    /** Record an `<img>` attribute change (src/alt/width/height) into the history stack. */
+    recordMediaChange(tag: string, attribute: string, oldValue: string, newValue: string, context?: ChangeContext): void;
     undo(): void;
     redo(): void;
     canUndo(): boolean;
@@ -33,5 +35,5 @@ export interface HistoryService {
  * @param sendTextChange - Send (text, sourceLocation?) to the iframe
  * @returns Service with recordStyleChange, recordTextChange, undo(), redo(), subscribe(listener)
  */
-export declare function createHistoryService(sendStyleChange: (property: string, value: string, sourceLocation?: SourceLocation) => void, sendTextChange: (text: string, sourceLocation?: SourceLocation) => void): HistoryService;
+export declare function createHistoryService(sendStyleChange: (property: string, value: string, sourceLocation?: SourceLocation) => void, sendTextChange: (text: string, sourceLocation?: SourceLocation) => void, sendMediaChange?: (tag: string, attributes: Record<string, string | undefined>, sourceLocation?: SourceLocation) => void): HistoryService;
 //# sourceMappingURL=historyService.d.ts.map

package/dist/authoring/core/history/historyService.d.ts

@@ -19,6 +19,8 @@ export interface ChangeContext {
 export interface HistoryService {
     recordStyleChange(property: string, oldValue: string, newValue: string, context?: ChangeContext): void;
     recordTextChange(originalText: string, newText: string, context?: ChangeContext): void;
+    /** Record an `<img>` attribute change (src/alt/width/height) into the history stack. */
+    recordMediaChange(tag: string, attribute: string, oldValue: string, newValue: string, context?: ChangeContext): void;
     undo(): void;
     redo(): void;
     canUndo(): boolean;
@@ -33,5 +35,5 @@ export interface HistoryService {
  * @param sendTextChange - Send (text, sourceLocation?) to the iframe
  * @returns Service with recordStyleChange, recordTextChange, undo(), redo(), subscribe(listener)
  */
-export declare function createHistoryService(sendStyleChange: (property: string, value: string, sourceLocation?: SourceLocation) => void, sendTextChange: (text: string, sourceLocation?: SourceLocation) => void): HistoryService;
+export declare function createHistoryService(sendStyleChange: (property: string, value: string, sourceLocation?: SourceLocation) => void, sendTextChange: (text: string, sourceLocation?: SourceLocation) => void, sendMediaChange?: (tag: string, attributes: Record<string, string | undefined>, sourceLocation?: SourceLocation) => void): HistoryService;
 //# sourceMappingURL=historyService.d.ts.map

package/dist/authoring/core/history/historyService.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"historyService.d.ts","sourceRoot":"","sources":["../../../../src/authoring/core/history/historyService.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH;;;GAGG;AAEH,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD;;;;;;;;;GASG;AACH,MAAM,WAAW,aAAa;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC9B,iBAAiB,CAChB,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,OAAO,CAAC,EAAE,aAAa,GACrB,IAAI,CAAC;IACR,gBAAgB,CAAC,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACvF,IAAI,IAAI,IAAI,CAAC;IACb,IAAI,IAAI,IAAI,CAAC;IACb,OAAO,IAAI,OAAO,CAAC;IACnB,OAAO,IAAI,OAAO,CAAC;IACnB,SAAS,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,GAAG,MAAM,IAAI,CAAC;IAC/D,eAAe,IAAI,OAAO,EAAE,CAAC;IAC7B,KAAK,IAAI,IAAI,CAAC;CACd;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CACnC,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,cAAc,KAAK,IAAI,EAC3F,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,cAAc,KAAK,IAAI,GACrE,cAAc,CAgChB"}
+{"version":3,"file":"historyService.d.ts","sourceRoot":"","sources":["../../../../src/authoring/core/history/historyService.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH;;;GAGG;AAEH,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD;;;;;;;;;GASG;AACH,MAAM,WAAW,aAAa;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC9B,iBAAiB,CAChB,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,OAAO,CAAC,EAAE,aAAa,GACrB,IAAI,CAAC;IACR,gBAAgB,CAAC,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACvF,wFAAwF;IACxF,iBAAiB,CAChB,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,OAAO,CAAC,EAAE,aAAa,GACrB,IAAI,CAAC;IACR,IAAI,IAAI,IAAI,CAAC;IACb,IAAI,IAAI,IAAI,CAAC;IACb,OAAO,IAAI,OAAO,CAAC;IACnB,OAAO,IAAI,OAAO,CAAC;IACnB,SAAS,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,GAAG,MAAM,IAAI,CAAC;IAC/D,eAAe,IAAI,OAAO,EAAE,CAAC;IAC7B,KAAK,IAAI,IAAI,CAAC;CACd;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CACnC,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,cAAc,KAAK,IAAI,EAC3F,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,cAAc,KAAK,IAAI,EACvE,eAAe,CAAC,EAAE,CACjB,GAAG,EAAE,MAAM,EACX,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,EAC9C,cAAc,CAAC,EAAE,cAAc,KAC3B,IAAI,GACP,cAAc,CAiDhB"}

package/dist/authoring/core/history/iframeCommandExecutor.d.cts

@@ -6,5 +6,5 @@ import { SourceLocation } from '../../../protocol.cjs';
  * @param sendTextChange - Called to apply a text change in the iframe
  * @returns Executor implementing CommandExecutor interface
  */
-export declare const createIframeCommandExecutor: (sendStyleChange: (property: string, value: string, sourceLocation?: SourceLocation) => void, sendTextChange: (text: string, sourceLocation?: SourceLocation) => void) => CommandExecutor;
+export declare const createIframeCommandExecutor: (sendStyleChange: (property: string, value: string, sourceLocation?: SourceLocation) => void, sendTextChange: (text: string, sourceLocation?: SourceLocation) => void, sendMediaChange?: (tag: string, attributes: Record<string, string | undefined>, sourceLocation?: SourceLocation) => void) => CommandExecutor;
 //# sourceMappingURL=iframeCommandExecutor.d.ts.map

package/dist/authoring/core/history/iframeCommandExecutor.d.ts

@@ -6,5 +6,5 @@ import { SourceLocation } from '../../../protocol.js';
  * @param sendTextChange - Called to apply a text change in the iframe
  * @returns Executor implementing CommandExecutor interface
  */
-export declare const createIframeCommandExecutor: (sendStyleChange: (property: string, value: string, sourceLocation?: SourceLocation) => void, sendTextChange: (text: string, sourceLocation?: SourceLocation) => void) => CommandExecutor;
+export declare const createIframeCommandExecutor: (sendStyleChange: (property: string, value: string, sourceLocation?: SourceLocation) => void, sendTextChange: (text: string, sourceLocation?: SourceLocation) => void, sendMediaChange?: (tag: string, attributes: Record<string, string | undefined>, sourceLocation?: SourceLocation) => void) => CommandExecutor;
 //# sourceMappingURL=iframeCommandExecutor.d.ts.map

package/dist/authoring/core/history/iframeCommandExecutor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"iframeCommandExecutor.d.ts","sourceRoot":"","sources":["../../../../src/authoring/core/history/iframeCommandExecutor.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH;;;;GAIG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AA0CxD;;;;;GAKG;AACH,eAAO,MAAM,2BAA2B,GACvC,iBAAiB,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,cAAc,KAAK,IAAI,EAC3F,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,cAAc,KAAK,IAAI,KACrE,eA6BF,CAAC"}
+{"version":3,"file":"iframeCommandExecutor.d.ts","sourceRoot":"","sources":["../../../../src/authoring/core/history/iframeCommandExecutor.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH;;;;GAIG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AA4DxD;;;;;GAKG;AACH,eAAO,MAAM,2BAA2B,GACvC,iBAAiB,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,cAAc,KAAK,IAAI,EAC3F,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,cAAc,KAAK,IAAI,EACvE,kBAAkB,CACjB,GAAG,EAAE,MAAM,EACX,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,EAC9C,cAAc,CAAC,EAAE,cAAc,KAC3B,IAAI,KACP,eAsCF,CAAC"}

package/dist/authoring/core/labels/labels.d.cts

@@ -53,6 +53,7 @@ export interface PanelLabels {
         ariaElementStyling: string;
     };
     sections: {
+        imageSource: string;
         background: string;
         spacing: string;
         border: string;
@@ -60,6 +61,7 @@ export interface PanelLabels {
         elementDimensions: string;
     };
     instances: {
+        imageSource: string;
         backgroundColor: string;
         padding: string;
         margin: string;
@@ -86,6 +88,40 @@ export interface PanelLabels {
         overflow: string;
     };
     editors: {
+        image: {
+            tabCms: string;
+            tabLocal: string;
+            tabUrl: string;
+            ariaTablist: string;
+            clearImage: string;
+            chooseFile: string;
+            ariaChooseFile: string;
+            useThisImage: string;
+            ariaImageUrl: string;
+            urlPlaceholder: string;
+            previewAlt: string;
+            altText: string;
+            altPlaceholder: string;
+            width: string;
+            height: string;
+            autoPlaceholder: string;
+            workspace: string;
+            selectWorkspace: string;
+            selectImage: string;
+            loadingWorkspaces: string;
+            noWorkspaces: string;
+            loadingImages: string;
+            noImages: string;
+            loadingMore: string;
+            untitled: string;
+            downloadingImage: string;
+            downloadFailed: string;
+            closePicker: string;
+            cancel: string;
+            done: string;
+            pickerTitle: string;
+            pickerError: string;
+        };
         boxDimension: {
             sides: {
                 top: string;
@@ -239,6 +275,8 @@ export declare const REQUIRED_LABEL_KEYS: readonly [{
     readonly path: "general.ariaSelectedComponent";
 }, {
     readonly path: "general.ariaElementStyling";
+}, {
+    readonly path: "sections.imageSource";
 }, {
     readonly path: "sections.background";
 }, {
@@ -249,6 +287,8 @@ export declare const REQUIRED_LABEL_KEYS: readonly [{
     readonly path: "sections.typography";
 }, {
     readonly path: "sections.elementDimensions";
+}, {
+    readonly path: "instances.imageSource";
 }, {
     readonly path: "instances.backgroundColor";
 }, {
@@ -297,6 +337,72 @@ export declare const REQUIRED_LABEL_KEYS: readonly [{
     readonly path: "instances.maxHeight";
 }, {
     readonly path: "instances.overflow";
+}, {
+    readonly path: "editors.image.tabCms";
+}, {
+    readonly path: "editors.image.tabLocal";
+}, {
+    readonly path: "editors.image.tabUrl";
+}, {
+    readonly path: "editors.image.ariaTablist";
+}, {
+    readonly path: "editors.image.clearImage";
+}, {
+    readonly path: "editors.image.chooseFile";
+}, {
+    readonly path: "editors.image.ariaChooseFile";
+}, {
+    readonly path: "editors.image.useThisImage";
+}, {
+    readonly path: "editors.image.ariaImageUrl";
+}, {
+    readonly path: "editors.image.urlPlaceholder";
+}, {
+    readonly path: "editors.image.previewAlt";
+}, {
+    readonly path: "editors.image.altText";
+}, {
+    readonly path: "editors.image.altPlaceholder";
+}, {
+    readonly path: "editors.image.width";
+}, {
+    readonly path: "editors.image.height";
+}, {
+    readonly path: "editors.image.autoPlaceholder";
+}, {
+    readonly path: "editors.image.workspace";
+}, {
+    readonly path: "editors.image.selectWorkspace";
+}, {
+    readonly path: "editors.image.selectImage";
+}, {
+    readonly path: "editors.image.loadingWorkspaces";
+}, {
+    readonly path: "editors.image.noWorkspaces";
+}, {
+    readonly path: "editors.image.loadingImages";
+}, {
+    readonly path: "editors.image.noImages";
+}, {
+    readonly path: "editors.image.loadingMore";
+}, {
+    readonly path: "editors.image.untitled";
+}, {
+    readonly path: "editors.image.downloadingImage";
+}, {
+    readonly path: "editors.image.downloadFailed";
+}, {
+    readonly path: "editors.image.closePicker";
+}, {
+    readonly path: "editors.image.cancel";
+}, {
+    readonly path: "editors.image.done";
+}, {
+    readonly path: "editors.image.pickerTitle";
+    readonly placeholders: readonly [0];
+}, {
+    readonly path: "editors.image.pickerError";
+    readonly placeholders: readonly [0];
 }, {
     readonly path: "editors.boxDimension.sides.top";
 }, {