@webiny/ai-powerups 0.0.0-unstable.0156a4c312

package/admin/presentation/AiPromptFormFactory/AiPromptFormFactory.d.ts

@@ -0,0 +1,20 @@
+import { FormModelFactory } from "@webiny/app-admin";
+import type { FormModel } from "@webiny/app-admin";
+import { AiPromptFormFactory as Abstraction, type AiPromptFormConfig } from "./abstractions.js";
+import { GetSettingsUseCase } from "../../../admin/features/settings/getSettings/abstractions.js";
+declare class AiPromptFormFactoryImpl implements Abstraction.Interface {
+    private formModelFactory;
+    private getSettings;
+    private _settings;
+    constructor(formModelFactory: FormModelFactory.Interface, getSettings: GetSettingsUseCase.Interface);
+    createForm(config?: AiPromptFormConfig): FormModel.Interface;
+    computeExcludedFileIds(form: FormModel.Interface): string[] | null;
+    private getProjectOptions;
+    private getPersonaOptions;
+    private loadSettings;
+    private getProjectFileOptions;
+}
+export declare const AiPromptFormFactory: typeof AiPromptFormFactoryImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").IAiPromptFormFactory>;
+};
+export {};

package/admin/presentation/AiPromptFormFactory/AiPromptFormFactory.js

@@ -0,0 +1,108 @@
+import { makeAutoObservable, runInAction } from "mobx";
+import { FormModelFactory } from "@webiny/app-admin";
+import { AiPromptFormFactory } from "./abstractions.js";
+import { GetSettingsUseCase } from "../../features/settings/getSettings/abstractions.js";
+class AiPromptFormFactoryImpl {
+    constructor(formModelFactory, getSettings){
+        this.formModelFactory = formModelFactory;
+        this.getSettings = getSettings;
+        this._settings = null;
+        makeAutoObservable(this, {}, {
+            autoBind: true
+        });
+    }
+    createForm(config) {
+        this.loadSettings();
+        return this.formModelFactory.create({
+            fields: (fields)=>({
+                    project: fields.text().label("Project").description("Select a predefined context to attach.").options(()=>this.getProjectOptions()).afterChange((value, { form })=>{
+                        const projectId = value;
+                        const project = projectId ? this._settings?.projects?.presets?.find((p)=>p.id === projectId) : void 0;
+                        if (project?.defaultReaderPersonaId) form.field("readerPersona").setValue(project.defaultReaderPersonaId);
+                        if (project?.defaultWriterPersonaId) form.field("writerPersona").setValue(project.defaultWriterPersonaId);
+                        const fileIds = (project?.files ?? []).map((f)=>f.id);
+                        form.field("includedFiles").setValue(fileIds);
+                    }),
+                    includedFiles: fields.text().label("Files included").description("Uncheck files to exclude them from this generation only.").options(({ form })=>this.getProjectFileOptions(form)).renderer("multiSelect", {
+                        showSelectionCount: true
+                    }).list().hiddenWhen(({ form })=>{
+                        const projectId = form.field("project").as("text").getValue();
+                        if (!projectId) return true;
+                        const project = this._settings?.projects?.presets?.find((p)=>p.id === projectId);
+                        return !project?.files || 0 === project.files.length;
+                    }),
+                    readerPersona: fields.text().label("Reader Persona").description("Select the target audience for the generated content.").options(()=>this.getPersonaOptions("reader")),
+                    writerPersona: fields.text().label("Writer Persona").description("Select the writing style for the generated content.").options(()=>this.getPersonaOptions("writer")),
+                    prompt: fields.text().label("Prompt").description(config?.promptDescription ?? "Describe the content you want to generate.").required("Prompt is required").renderer("textarea", {
+                        rows: 6
+                    }).defaultValue(config?.promptDefaultValue ?? ""),
+                    additionalFiles: fields.file().list().accept([
+                        "text/*",
+                        "application/vnd.openxmlformats-officedocument.wordprocessingml.document"
+                    ]).label("Additional files").description("Attach files as one-off context for this generation.")
+                }),
+            layout: (layout)=>[
+                    layout.row("project"),
+                    layout.row("includedFiles"),
+                    layout.row("readerPersona"),
+                    layout.row("writerPersona"),
+                    layout.row("prompt"),
+                    layout.row("additionalFiles")
+                ]
+        });
+    }
+    computeExcludedFileIds(form) {
+        const projectId = form.field("project").getValue();
+        if (!projectId) return null;
+        const project = this._settings?.projects?.presets?.find((p)=>p.id === projectId);
+        const allFileIds = (project?.files ?? []).map((f)=>f.id);
+        if (0 === allFileIds.length) return null;
+        const includedFiles = form.field("includedFiles").getValue() ?? [];
+        const included = new Set(includedFiles);
+        const excluded = allFileIds.filter((id)=>!included.has(id));
+        return excluded.length > 0 ? excluded : null;
+    }
+    getProjectOptions() {
+        const presets = this._settings?.projects?.presets;
+        if (!presets || 0 === presets.length) return [];
+        return presets.map((preset)=>({
+                label: preset.name,
+                value: preset.id
+            }));
+    }
+    getPersonaOptions(type) {
+        const presets = "reader" === type ? this._settings?.readerPersonas?.presets : this._settings?.writerPersonas?.presets;
+        if (!presets || 0 === presets.length) return [];
+        return presets.map((preset)=>({
+                label: preset.name,
+                value: preset.id
+            }));
+    }
+    async loadSettings() {
+        const settings = await this.getSettings.execute();
+        runInAction(()=>{
+            this._settings = settings;
+        });
+    }
+    getProjectFileOptions(form) {
+        const projectId = form.field("project").getValue();
+        if (!projectId) return [];
+        const project = this._settings?.projects?.presets?.find((p)=>p.id === projectId);
+        const files = project?.files;
+        if (!files || 0 === files.length) return [];
+        return files.map((f)=>({
+                label: f.name,
+                value: f.id
+            }));
+    }
+}
+const AiPromptFormFactory_AiPromptFormFactory = AiPromptFormFactory.createImplementation({
+    implementation: AiPromptFormFactoryImpl,
+    dependencies: [
+        FormModelFactory,
+        GetSettingsUseCase
+    ]
+});
+export { AiPromptFormFactory_AiPromptFormFactory as AiPromptFormFactory };
+
+//# sourceMappingURL=AiPromptFormFactory.js.map

package/admin/presentation/AiPromptFormFactory/AiPromptFormFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/AiPromptFormFactory/AiPromptFormFactory.js","sources":["../../../../src/admin/presentation/AiPromptFormFactory/AiPromptFormFactory.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport { FormModelFactory } from \"@webiny/app-admin\";\nimport type { FormModel } from \"@webiny/app-admin\";\nimport { AiPromptFormFactory as Abstraction, type AiPromptFormConfig } from \"./abstractions.js\";\nimport { GetSettingsUseCase } from \"~/admin/features/settings/getSettings/abstractions.js\";\nimport type { IAiPowerUpsSettings } from \"~/admin/features/settings/shared/abstractions.js\";\n\nclass AiPromptFormFactoryImpl implements Abstraction.Interface {\n    private _settings: IAiPowerUpsSettings | null = null;\n\n    constructor(\n        private formModelFactory: FormModelFactory.Interface,\n        private getSettings: GetSettingsUseCase.Interface\n    ) {\n        makeAutoObservable(this, {}, { autoBind: true });\n    }\n\n    createForm(config?: AiPromptFormConfig): FormModel.Interface {\n        this.loadSettings();\n\n        return this.formModelFactory.create({\n            fields: fields => ({\n                project: fields\n                    .text()\n                    .label(\"Project\")\n                    .description(\"Select a predefined context to attach.\")\n                    .options(() => this.getProjectOptions())\n                    .afterChange((value, { form }) => {\n                        const projectId = value as string | undefined;\n                        const project = projectId\n                            ? this._settings?.projects?.presets?.find(p => p.id === projectId)\n                            : undefined;\n\n                        if (project?.defaultReaderPersonaId) {\n                            form.field(\"readerPersona\").setValue(project.defaultReaderPersonaId);\n                        }\n                        if (project?.defaultWriterPersonaId) {\n                            form.field(\"writerPersona\").setValue(project.defaultWriterPersonaId);\n                        }\n\n                        const fileIds = (project?.files ?? []).map((f: { id: string }) => f.id);\n                        form.field(\"includedFiles\").setValue(fileIds);\n                    }),\n                includedFiles: fields\n                    .text()\n                    .label(\"Files included\")\n                    .description(\"Uncheck files to exclude them from this generation only.\")\n                    .options(({ form }) => this.getProjectFileOptions(form))\n                    .renderer(\"multiSelect\", { showSelectionCount: true })\n                    .list()\n                    .hiddenWhen(({ form }) => {\n                        const projectId = form.field(\"project\").as(\"text\").getValue();\n                        if (!projectId) {\n                            return true;\n                        }\n                        const project = this._settings?.projects?.presets?.find(\n                            p => p.id === projectId\n                        );\n                        return !project?.files || project.files.length === 0;\n                    }),\n                readerPersona: fields\n                    .text()\n                    .label(\"Reader Persona\")\n                    .description(\"Select the target audience for the generated content.\")\n                    .options(() => this.getPersonaOptions(\"reader\")),\n                writerPersona: fields\n                    .text()\n                    .label(\"Writer Persona\")\n                    .description(\"Select the writing style for the generated content.\")\n                    .options(() => this.getPersonaOptions(\"writer\")),\n                prompt: fields\n                    .text()\n                    .label(\"Prompt\")\n                    .description(\n                        config?.promptDescription ?? \"Describe the content you want to generate.\"\n                    )\n                    .required(\"Prompt is required\")\n                    .renderer(\"textarea\", { rows: 6 })\n                    .defaultValue(config?.promptDefaultValue ?? \"\"),\n                additionalFiles: fields\n                    .file()\n                    .list()\n                    .accept([\n                        \"text/*\",\n                        \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\"\n                    ])\n                    .label(\"Additional files\")\n                    .description(\"Attach files as one-off context for this generation.\")\n            }),\n            layout: layout => [\n                layout.row(\"project\"),\n                layout.row(\"includedFiles\"),\n                layout.row(\"readerPersona\"),\n                layout.row(\"writerPersona\"),\n                layout.row(\"prompt\"),\n                layout.row(\"additionalFiles\")\n            ]\n        });\n    }\n\n    computeExcludedFileIds(form: FormModel.Interface): string[] | null {\n        const projectId = form.field(\"project\").getValue<string>();\n        if (!projectId) {\n            return null;\n        }\n        const project = this._settings?.projects?.presets?.find(p => p.id === projectId);\n        const allFileIds = (project?.files ?? []).map((f: { id: string }) => f.id);\n        if (allFileIds.length === 0) {\n            return null;\n        }\n        const includedFiles = form.field(\"includedFiles\").getValue<string[]>() ?? [];\n        const included = new Set(includedFiles);\n        const excluded = allFileIds.filter((id: string) => !included.has(id));\n        return excluded.length > 0 ? excluded : null;\n    }\n\n    private getProjectOptions() {\n        const presets = this._settings?.projects?.presets;\n        if (!presets || presets.length === 0) {\n            return [];\n        }\n        return presets.map(preset => ({\n            label: preset.name,\n            value: preset.id\n        }));\n    }\n\n    private getPersonaOptions(type: \"reader\" | \"writer\") {\n        const presets =\n            type === \"reader\"\n                ? this._settings?.readerPersonas?.presets\n                : this._settings?.writerPersonas?.presets;\n\n        if (!presets || presets.length === 0) {\n            return [];\n        }\n\n        return presets.map(preset => ({\n            label: preset.name,\n            value: preset.id\n        }));\n    }\n\n    private async loadSettings(): Promise<void> {\n        const settings = await this.getSettings.execute();\n        runInAction(() => {\n            this._settings = settings;\n        });\n    }\n\n    private getProjectFileOptions(form: FormModel.Interface) {\n        const projectId = form.field(\"project\").getValue<string>();\n        if (!projectId) {\n            return [];\n        }\n        const project = this._settings?.projects?.presets?.find(p => p.id === projectId);\n        const files = project?.files;\n        if (!files || files.length === 0) {\n            return [];\n        }\n        return files.map((f: { id: string; name: string }) => ({\n            label: f.name,\n            value: f.id\n        }));\n    }\n}\n\nexport const AiPromptFormFactory = Abstraction.createImplementation({\n    implementation: AiPromptFormFactoryImpl,\n    dependencies: [FormModelFactory, GetSettingsUseCase]\n});\n"],"names":["AiPromptFormFactoryImpl","formModelFactory","getSettings","makeAutoObservable","config","fields","value","form","projectId","project","p","undefined","fileIds","f","layout","allFileIds","includedFiles","included","Set","excluded","id","presets","preset","type","settings","runInAction","files","AiPromptFormFactory","Abstraction","FormModelFactory","GetSettingsUseCase"],"mappings":"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"}

package/admin/presentation/AiPromptFormFactory/abstractions.d.ts

@@ -0,0 +1,14 @@
+import type { FormModel } from "@webiny/app-admin";
+export interface AiPromptFormConfig {
+    promptDescription?: string;
+    promptDefaultValue?: string;
+}
+export interface IAiPromptFormFactory {
+    createForm(config?: AiPromptFormConfig): FormModel.Interface;
+    computeExcludedFileIds(form: FormModel.Interface): string[] | null;
+}
+export declare const AiPromptFormFactory: import("@webiny/di").Abstraction<IAiPromptFormFactory>;
+export declare namespace AiPromptFormFactory {
+    type Interface = IAiPromptFormFactory;
+    type Config = AiPromptFormConfig;
+}

package/admin/presentation/AiPromptFormFactory/abstractions.js

@@ -0,0 +1,5 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const AiPromptFormFactory = createAbstraction("AiPromptFormFactory");
+export { AiPromptFormFactory };
+
+//# sourceMappingURL=abstractions.js.map

package/admin/presentation/AiPromptFormFactory/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/AiPromptFormFactory/abstractions.js","sources":["../../../../src/admin/presentation/AiPromptFormFactory/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { FormModel } from \"@webiny/app-admin\";\n\nexport interface AiPromptFormConfig {\n    promptDescription?: string;\n    promptDefaultValue?: string;\n}\n\nexport interface IAiPromptFormFactory {\n    createForm(config?: AiPromptFormConfig): FormModel.Interface;\n    computeExcludedFileIds(form: FormModel.Interface): string[] | null;\n}\n\nexport const AiPromptFormFactory = createAbstraction<IAiPromptFormFactory>(\"AiPromptFormFactory\");\n\nexport namespace AiPromptFormFactory {\n    export type Interface = IAiPromptFormFactory;\n    export type Config = AiPromptFormConfig;\n}\n"],"names":["AiPromptFormFactory","createAbstraction"],"mappings":";AAaO,MAAMA,sBAAsBC,kBAAwC"}

package/admin/presentation/AiPromptFormFactory/feature.d.ts

@@ -0,0 +1 @@
+export declare const AiPromptFormFeature: import("@webiny/feature/admin").FeatureDefinition<any, []>;

package/admin/presentation/AiPromptFormFactory/feature.js

@@ -0,0 +1,11 @@
+import { createFeature } from "@webiny/feature/admin";
+import { AiPromptFormFactory } from "./AiPromptFormFactory.js";
+const AiPromptFormFeature = createFeature({
+    name: "AiPowerUps/PromptFormFactory",
+    register (container) {
+        container.register(AiPromptFormFactory);
+    }
+});
+export { AiPromptFormFeature };
+
+//# sourceMappingURL=feature.js.map

package/admin/presentation/AiPromptFormFactory/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/AiPromptFormFactory/feature.js","sources":["../../../../src/admin/presentation/AiPromptFormFactory/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { AiPromptFormFactory } from \"./AiPromptFormFactory.js\";\n\nexport const AiPromptFormFeature = createFeature({\n    name: \"AiPowerUps/PromptFormFactory\",\n    register(container) {\n        container.register(AiPromptFormFactory);\n    }\n});\n"],"names":["AiPromptFormFeature","createFeature","container","AiPromptFormFactory"],"mappings":";;AAGO,MAAMA,sBAAsBC,cAAc;IAC7C,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC;IACvB;AACJ"}

package/admin/presentation/CapabilitiesSettings.d.ts

@@ -0,0 +1,39 @@
+import { AiPowerUpsSettingsGroup } from "./AiPowerUpsSettings/settingsGroup.js";
+import { ListCapabilitiesUseCase, ListCapabilitiesRepository } from "../../admin/features/listCapabilities/abstractions.js";
+import { ListModelsUseCase, ListModelsRepository } from "../../admin/features/listModels/abstractions.js";
+/**
+ * One row per AI feature, all of them empty by default.
+ *
+ * The rows come from the api's registered capabilities, so a feature that declares one appears here
+ * without a change to this file. That is the point: the previous plan was a hand-maintained tab per
+ * feature, which is the kind of list that stops matching reality on the second addition.
+ */
+declare class CapabilitiesSettingsImpl implements AiPowerUpsSettingsGroup.Interface {
+    private listCapabilities;
+    private capabilitiesRepository;
+    private listModels;
+    private modelsRepository;
+    name: string;
+    label: string;
+    description: string;
+    constructor(listCapabilities: ListCapabilitiesUseCase.Interface, capabilitiesRepository: ListCapabilitiesRepository.Interface, listModels: ListModelsUseCase.Interface, modelsRepository: ListModelsRepository.Interface);
+    init(): Promise<void>;
+    /**
+     * Alphabetical by the label people actually read, not by id or registration order.
+     *
+     * Registration order is whatever the container happened to do, which puts "Page generation"
+     * above "CMS entry generation" for no reason a reader could infer. `localeCompare` rather than
+     * `<` so accented labels from an extension sort where a person would expect.
+     */
+    private sortedCapabilities;
+    buildForm(form: AiPowerUpsSettingsGroup.FormBuilder): void;
+    private buildCapabilityField;
+    private getConnections;
+    private getOverride;
+    private getPinnedConnection;
+    private getModelOptions;
+}
+export declare const CapabilitiesSettings: typeof CapabilitiesSettingsImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./AiPowerUpsSettings/settingsGroup.js").IAiPowerUpsSettingsGroup>;
+};
+export {};

package/admin/presentation/CapabilitiesSettings.js

@@ -0,0 +1,104 @@
+import { AiPowerUpsSettingsGroup } from "./AiPowerUpsSettings/settingsGroup.js";
+import { ListCapabilitiesRepository, ListCapabilitiesUseCase } from "../features/listCapabilities/abstractions.js";
+import { ListModelsRepository, ListModelsUseCase } from "../features/listModels/abstractions.js";
+import { AI_MODEL_ROLE_DISPLAY, roleLabel } from "./modelRoles.js";
+function isEnabled(form, capabilityId) {
+    const data = form.getData();
+    return data.capabilities?.items?.[capabilityId]?.enabled !== false;
+}
+class CapabilitiesSettingsImpl {
+    constructor(listCapabilities, capabilitiesRepository, listModels, modelsRepository){
+        this.listCapabilities = listCapabilities;
+        this.capabilitiesRepository = capabilitiesRepository;
+        this.listModels = listModels;
+        this.modelsRepository = modelsRepository;
+        this.name = "capabilities";
+        this.label = "Capabilities";
+        this.description = "Per-feature model and prompt overrides. Empty means inherit.";
+    }
+    async init() {
+        await Promise.all([
+            this.listCapabilities.execute(),
+            this.listModels.execute()
+        ]);
+    }
+    sortedCapabilities() {
+        return [
+            ...this.capabilitiesRepository.getCapabilities()
+        ].sort((a, b)=>a.label.localeCompare(b.label));
+    }
+    buildForm(form) {
+        form.fields((fields)=>({
+                items: fields.object().label("Capabilities").renderer("passthrough").fields((f)=>Object.fromEntries(this.sortedCapabilities().map((capability)=>[
+                            capability.id,
+                            this.buildCapabilityField(f, capability)
+                        ])))
+            }));
+        form.layout((layout)=>[
+                layout.row("items")
+            ]);
+    }
+    buildCapabilityField(f, capability) {
+        const defaultRoleLabel = roleLabel(capability.defaultRole);
+        return f.object().label(capability.label).renderer("objectAccordionSingle", {
+            itemTitle: ()=>capability.label,
+            itemDescription: ()=>capability.description,
+            open: false
+        }).fields((cf)=>({
+                enabled: cf.boolean().label("Enabled").defaultValue(true).description("Turn this off to remove the feature from the app. The settings below are kept, but ignored, while it is off."),
+                overrides: cf.object().label("Overrides").renderer("passthrough").fields((of)=>({
+                        roleId: of.text().label("Model role").disabledWhen(({ form })=>!isEnabled(form, capability.id)).description(`Which role supplies this feature's model. Left empty, it uses ${defaultRoleLabel}.`).options(()=>AI_MODEL_ROLE_DISPLAY.map((role)=>({
+                                    label: role.label,
+                                    value: role.id
+                                }))),
+                        connectionId: of.text().label("Pin a connection").disabledWhen(({ form })=>!isEnabled(form, capability.id)).description("Advanced. Overrides the role above for this feature only.").options(({ form })=>[
+                                {
+                                    label: "Use the role's connection",
+                                    value: ""
+                                },
+                                ...this.getConnections(form).map((c)=>({
+                                        label: c.name,
+                                        value: c.id
+                                    }))
+                            ]),
+                        model: of.text().label("Pin a model").disabledWhen(({ form })=>!isEnabled(form, capability.id) || !this.getPinnedConnection(form, capability.id)).description("Both the connection and the model must be set for a pin to apply.").options(({ form })=>this.getModelOptions(form, capability.id)),
+                        additionalInstructions: of.text().label("Additional instructions").renderer("textarea", {
+                            rows: 5
+                        }).disabledWhen(({ form })=>!isEnabled(form, capability.id)).description("Appended to this feature's prompt. Use this for house style and standing rules.").note("Appending keeps Webiny's prompt in place, including the output format the feature depends on.")
+                    }))
+            }));
+    }
+    getConnections(form) {
+        const data = form.getData();
+        return (data.connections?.presets ?? []).filter((c)=>c.id && c.name);
+    }
+    getOverride(form, capabilityId) {
+        const data = form.getData();
+        return data.capabilities?.items?.[capabilityId]?.overrides ?? {};
+    }
+    getPinnedConnection(form, capabilityId) {
+        const connectionId = this.getOverride(form, capabilityId).connectionId;
+        if (!connectionId) return;
+        return this.getConnections(form).find((c)=>c.id === connectionId);
+    }
+    getModelOptions(form, capabilityId) {
+        const connection = this.getPinnedConnection(form, capabilityId);
+        if (!connection) return [];
+        return this.modelsRepository.getModels().filter((model)=>model.providerId === connection.sdkName).map((model)=>({
+                label: model.modelName,
+                value: `${model.providerId}/${model.modelId}`
+            }));
+    }
+}
+const CapabilitiesSettings = AiPowerUpsSettingsGroup.createImplementation({
+    implementation: CapabilitiesSettingsImpl,
+    dependencies: [
+        ListCapabilitiesUseCase,
+        ListCapabilitiesRepository,
+        ListModelsUseCase,
+        ListModelsRepository
+    ]
+});
+export { CapabilitiesSettings };
+
+//# sourceMappingURL=CapabilitiesSettings.js.map

package/admin/presentation/CapabilitiesSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/CapabilitiesSettings.js","sources":["../../../src/admin/presentation/CapabilitiesSettings.ts"],"sourcesContent":["import type { IAiPowerUpsConnectionPreset } from \"~/admin/features/settings/shared/abstractions.js\";\nimport { AiPowerUpsSettingsGroup } from \"./AiPowerUpsSettings/settingsGroup.js\";\nimport {\n    ListCapabilitiesUseCase,\n    ListCapabilitiesRepository\n} from \"~/admin/features/listCapabilities/abstractions.js\";\nimport {\n    ListModelsUseCase,\n    ListModelsRepository\n} from \"~/admin/features/listModels/abstractions.js\";\nimport { AI_MODEL_ROLE_DISPLAY, roleLabel } from \"./modelRoles.js\";\nimport type { AiCapability } from \"~/admin/features/listCapabilities/abstractions.js\";\nimport type { FormModel, FormModelFactory } from \"@webiny/app-admin\";\n\n/**\n * Absent means enabled, exactly as it does in storage and in the resolver.\n *\n * The form seeds an untouched switch to `true`, so in practice this only reads `false` after someone\n * flips one. Spelled `!== false` anyway, so it keeps agreeing with the other two if that default\n * ever goes away.\n */\nfunction isEnabled(form: FormModel.Interface, capabilityId: string): boolean {\n    const data = form.getData() as {\n        capabilities?: { items?: Record<string, { enabled?: boolean }> };\n    };\n    return data.capabilities?.items?.[capabilityId]?.enabled !== false;\n}\n\n/**\n * One row per AI feature, all of them empty by default.\n *\n * The rows come from the api's registered capabilities, so a feature that declares one appears here\n * without a change to this file. That is the point: the previous plan was a hand-maintained tab per\n * feature, which is the kind of list that stops matching reality on the second addition.\n */\nclass CapabilitiesSettingsImpl implements AiPowerUpsSettingsGroup.Interface {\n    name = \"capabilities\";\n    label = \"Capabilities\";\n    description = \"Per-feature model and prompt overrides. Empty means inherit.\";\n\n    constructor(\n        private listCapabilities: ListCapabilitiesUseCase.Interface,\n        private capabilitiesRepository: ListCapabilitiesRepository.Interface,\n        private listModels: ListModelsUseCase.Interface,\n        private modelsRepository: ListModelsRepository.Interface\n    ) {}\n\n    async init(): Promise<void> {\n        await Promise.all([this.listCapabilities.execute(), this.listModels.execute()]);\n    }\n\n    /**\n     * Alphabetical by the label people actually read, not by id or registration order.\n     *\n     * Registration order is whatever the container happened to do, which puts \"Page generation\"\n     * above \"CMS entry generation\" for no reason a reader could infer. `localeCompare` rather than\n     * `<` so accented labels from an extension sort where a person would expect.\n     */\n    private sortedCapabilities(): AiCapability[] {\n        return [...this.capabilitiesRepository.getCapabilities()].sort((a, b) =>\n            a.label.localeCompare(b.label)\n        );\n    }\n\n    buildForm(form: AiPowerUpsSettingsGroup.FormBuilder): void {\n        form.fields(fields => ({\n            items: fields\n                .object()\n                .label(\"Capabilities\")\n                .renderer(\"passthrough\")\n                .fields(f =>\n                    Object.fromEntries(\n                        this.sortedCapabilities().map(capability => [\n                            capability.id,\n                            this.buildCapabilityField(f, capability)\n                        ])\n                    )\n                )\n        }));\n\n        form.layout(layout => [layout.row(\"items\")]);\n    }\n\n    private buildCapabilityField(\n        f: FormModelFactory.FieldBuilderRegistry,\n        capability: AiCapability\n    ): FormModelFactory.FieldBuilder {\n        const defaultRoleLabel = roleLabel(capability.defaultRole);\n\n        return (\n            f\n                .object()\n                .label(capability.label)\n                /*\n                 * Callbacks, not strings: a string is read as a field name, not as literal text. The\n                 * title happened to survive that because the renderer falls back to the field label,\n                 * but the description silently vanished.\n                 */\n                .renderer(\"objectAccordionSingle\", {\n                    itemTitle: () => capability.label,\n                    itemDescription: () => capability.description,\n                    // Closed by default. Every row is empty until someone changes something, so an\n                    // expanded list of five would be five screens of nothing.\n                    open: false\n                })\n                .fields(cf => ({\n                    /*\n                     * On unless someone turns it off. A licence that grants a capability enables it\n                     * immediately, so nobody has to come here and opt in; the only thing this\n                     * records is a decision to switch one off.\n                     */\n                    enabled: cf\n                        .boolean()\n                        .label(\"Enabled\")\n                        /*\n                         * On unless storage explicitly says otherwise. Nothing is written down for a\n                         * capability a licence enabled, so the stored value is absent, and a switch\n                         * renders absent as off. Without this default every untouched capability\n                         * shows as disabled while actually running, which is the same `undefined`\n                         * confusion the storage side guards against, seen from the front.\n                         */\n                        .defaultValue(true)\n                        .description(\n                            \"Turn this off to remove the feature from the app. The settings below are kept, but ignored, while it is off.\"\n                        ),\n\n                    overrides: cf\n                        .object()\n                        .label(\"Overrides\")\n                        .renderer(\"passthrough\")\n                        .fields(of => ({\n                            /*\n                             * The inherited role goes in the description, not in the option list. An option\n                             * with an empty value is dropped by the select renderer, so the \"Inherit (Fast)\"\n                             * entry never rendered and nothing said which role this feature falls back to.\n                             * Clearing the field is done with the select's own reset control.\n                             */\n                            roleId: of\n                                .text()\n                                .label(\"Model role\")\n                                .disabledWhen(({ form }) => !isEnabled(form, capability.id))\n                                .description(\n                                    `Which role supplies this feature's model. Left empty, it uses ${defaultRoleLabel}.`\n                                )\n                                .options(() =>\n                                    AI_MODEL_ROLE_DISPLAY.map(role => ({\n                                        label: role.label,\n                                        value: role.id\n                                    }))\n                                ),\n\n                            /*\n                             * Pinning a model bypasses roles for this one feature. It is the escape hatch, not\n                             * the mechanism: a project that pins everything has thrown away the indirection\n                             * that makes \"switch our cheap model\" a single edit.\n                             */\n                            connectionId: of\n                                .text()\n                                .label(\"Pin a connection\")\n                                .disabledWhen(({ form }) => !isEnabled(form, capability.id))\n                                .description(\n                                    \"Advanced. Overrides the role above for this feature only.\"\n                                )\n                                .options(({ form }) => [\n                                    { label: \"Use the role's connection\", value: \"\" },\n                                    ...this.getConnections(form).map(c => ({\n                                        label: c.name,\n                                        value: c.id\n                                    }))\n                                ]),\n                            model: of\n                                .text()\n                                .label(\"Pin a model\")\n                                .disabledWhen(\n                                    ({ form }) =>\n                                        !isEnabled(form, capability.id) ||\n                                        !this.getPinnedConnection(form, capability.id)\n                                )\n                                .description(\n                                    \"Both the connection and the model must be set for a pin to apply.\"\n                                )\n                                .options(({ form }) => this.getModelOptions(form, capability.id)),\n\n                            additionalInstructions: of\n                                .text()\n                                .label(\"Additional instructions\")\n                                .renderer(\"textarea\", { rows: 5 })\n                                .disabledWhen(({ form }) => !isEnabled(form, capability.id))\n                                .description(\n                                    \"Appended to this feature's prompt. Use this for house style and standing rules.\"\n                                )\n                                .note(\n                                    \"Appending keeps Webiny's prompt in place, including the output format the feature depends on.\"\n                                )\n                        }))\n                }))\n        );\n    }\n\n    private getConnections(form: FormModel.Interface): IAiPowerUpsConnectionPreset[] {\n        const data = form.getData() as {\n            connections?: { presets?: IAiPowerUpsConnectionPreset[] };\n        };\n        return (data.connections?.presets ?? []).filter(c => c.id && c.name);\n    }\n\n    private getOverride(\n        form: FormModel.Interface,\n        capabilityId: string\n    ): { connectionId?: string } {\n        const data = form.getData() as {\n            capabilities?: { items?: Record<string, { overrides?: { connectionId?: string } }> };\n        };\n        return data.capabilities?.items?.[capabilityId]?.overrides ?? {};\n    }\n\n    private getPinnedConnection(\n        form: FormModel.Interface,\n        capabilityId: string\n    ): IAiPowerUpsConnectionPreset | undefined {\n        const connectionId = this.getOverride(form, capabilityId).connectionId;\n\n        if (!connectionId) {\n            return undefined;\n        }\n\n        return this.getConnections(form).find(c => c.id === connectionId);\n    }\n\n    private getModelOptions(form: FormModel.Interface, capabilityId: string) {\n        const connection = this.getPinnedConnection(form, capabilityId);\n\n        if (!connection) {\n            return [];\n        }\n\n        return this.modelsRepository\n            .getModels()\n            .filter(model => model.providerId === connection.sdkName)\n            .map(model => ({\n                label: model.modelName,\n                value: `${model.providerId}/${model.modelId}`\n            }));\n    }\n}\n\nexport const CapabilitiesSettings = AiPowerUpsSettingsGroup.createImplementation({\n    implementation: CapabilitiesSettingsImpl,\n    dependencies: [\n        ListCapabilitiesUseCase,\n        ListCapabilitiesRepository,\n        ListModelsUseCase,\n        ListModelsRepository\n    ]\n});\n"],"names":["isEnabled","form","capabilityId","data","CapabilitiesSettingsImpl","listCapabilities","capabilitiesRepository","listModels","modelsRepository","Promise","a","b","fields","f","Object","capability","layout","defaultRoleLabel","roleLabel","cf","of","AI_MODEL_ROLE_DISPLAY","role","c","connectionId","connection","model","CapabilitiesSettings","AiPowerUpsSettingsGroup","ListCapabilitiesUseCase","ListCapabilitiesRepository","ListModelsUseCase","ListModelsRepository"],"mappings":"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"}

package/admin/presentation/CmsCompareEntryRevisions/CmsCompareEntryRevisionsDialog.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { CmsCompareEntryRevisionsPresenter } from "./abstractions.js";
+interface CmsCompareEntryRevisionsDialogProps {
+    presenter: CmsCompareEntryRevisionsPresenter.Interface;
+}
+export declare const CmsCompareEntryRevisionsDialog: (({ presenter }: CmsCompareEntryRevisionsDialogProps) => React.JSX.Element) & React.NamedExoticComponent<CmsCompareEntryRevisionsDialogProps> & {
+    readonly type: ({ presenter }: CmsCompareEntryRevisionsDialogProps) => React.JSX.Element;
+};
+export {};

package/admin/presentation/CmsCompareEntryRevisions/CmsCompareEntryRevisionsDialog.js

@@ -0,0 +1,118 @@
+import react from "react";
+import { createReactiveComponent } from "@webiny/app-admin";
+import { Alert, Button, Dialog } from "@webiny/admin-ui";
+const COMPARISON_STYLES = `
+    .comparison-report {
+        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+        line-height: 1.6;
+        color: #333;
+        max-width: 100%;
+        overflow-x: auto;
+    }
+    .comparison-report h2 {
+        color: #2563eb;
+        border-bottom: 2px solid #e5e7eb;
+        padding-bottom: 0.5rem;
+        margin-bottom: 1.5rem;
+        font-size: 1.5rem;
+        font-weight: 700;
+    }
+    .comparison-table {
+        width: 100%;
+        border-collapse: collapse;
+        margin-top: 1rem;
+        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+        border-radius: 0.5rem;
+        overflow: hidden;
+        table-layout: fixed;
+    }
+    .comparison-table thead {
+        background-color: #f8fafc;
+        position: sticky;
+        top: 0;
+        z-index: 10;
+    }
+    .comparison-table th {
+        padding: 0.75rem 0.5rem;
+        text-align: left;
+        font-weight: 600;
+        color: #374151;
+        border-bottom: 2px solid #e5e7eb;
+        font-size: 0.875rem;
+        white-space: nowrap;
+    }
+    .comparison-table th:first-child { width: 15%; min-width: 120px; }
+    .comparison-table th:nth-child(2),
+    .comparison-table th:nth-child(3) { width: 30%; min-width: 200px; }
+    .comparison-table th:last-child { width: 25%; min-width: 180px; }
+    .comparison-table td {
+        padding: 0.75rem 0.5rem;
+        border-bottom: 1px solid #f3f4f6;
+        vertical-align: top;
+        word-wrap: break-word;
+        overflow-wrap: break-word;
+        max-width: 0;
+    }
+    .comparison-table tr:hover { background-color: #f9fafb; }
+    .comparison-table tr:last-child td { border-bottom: none; }
+    .comparison-table strong {
+        color: #1f2937;
+        font-weight: 600;
+        display: block;
+        margin-bottom: 0.25rem;
+    }
+    .comparison-table .field-changed { background-color: #fef3c7; }
+    .comparison-table .field-added { background-color: #d1fae5; }
+    .comparison-table .field-removed { background-color: #fee2e2; }
+    .comparison-table .value-old { color: #dc2626; text-decoration: line-through; }
+    .comparison-table .value-new { color: #059669; font-weight: 500; }
+    .comparison-table .change-summary { font-style: italic; color: #4b5563; }
+    .no-changes {
+        text-align: center;
+        padding: 2rem;
+        color: #6b7280;
+        font-style: italic;
+        background-color: #f9fafb;
+        border-radius: 0.5rem;
+        border: 1px dashed #d1d5db;
+    }
+`;
+const CmsCompareEntryRevisionsDialog = createReactiveComponent(({ presenter })=>{
+    const { dialogVisible, comparing, error, result } = presenter.vm;
+    const renderContent = ()=>{
+        if (error) return /*#__PURE__*/ react.createElement(Alert, {
+            type: "danger",
+            title: "Comparison Error"
+        }, error);
+        if (result) return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("style", null, COMPARISON_STYLES), /*#__PURE__*/ react.createElement("div", {
+            className: "wby-prose wby-max-w-none",
+            dangerouslySetInnerHTML: {
+                __html: result.html
+            }
+        }));
+        if (!comparing) return /*#__PURE__*/ react.createElement("div", {
+            className: "wby-text-center wby-py-lg wby-text-neutral-subtle"
+        }, "No comparison data available.");
+        return null;
+    };
+    return /*#__PURE__*/ react.createElement(Dialog, {
+        open: dialogVisible,
+        onOpenChange: (open)=>{
+            if (!open) presenter.hideDialog();
+        },
+        title: "Compare Revisions",
+        size: "full",
+        loading: comparing ? {
+            text: "Comparing revisions with AI..."
+        } : false,
+        actions: /*#__PURE__*/ react.createElement(Button, {
+            variant: "secondary",
+            onClick: ()=>presenter.hideDialog(),
+            text: "Close"
+        }),
+        "data-testid": "cms.compare-revisions.dialog"
+    }, renderContent());
+});
+export { CmsCompareEntryRevisionsDialog };
+
+//# sourceMappingURL=CmsCompareEntryRevisionsDialog.js.map

package/admin/presentation/CmsCompareEntryRevisions/CmsCompareEntryRevisionsDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/CmsCompareEntryRevisions/CmsCompareEntryRevisionsDialog.js","sources":["../../../../src/admin/presentation/CmsCompareEntryRevisions/CmsCompareEntryRevisionsDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { createReactiveComponent } from \"@webiny/app-admin\";\nimport { Dialog, Button, Alert } from \"@webiny/admin-ui\";\nimport type { CmsCompareEntryRevisionsPresenter } from \"./abstractions.js\";\n\ninterface CmsCompareEntryRevisionsDialogProps {\n    presenter: CmsCompareEntryRevisionsPresenter.Interface;\n}\n\nconst COMPARISON_STYLES = `\n    .comparison-report {\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n        line-height: 1.6;\n        color: #333;\n        max-width: 100%;\n        overflow-x: auto;\n    }\n    .comparison-report h2 {\n        color: #2563eb;\n        border-bottom: 2px solid #e5e7eb;\n        padding-bottom: 0.5rem;\n        margin-bottom: 1.5rem;\n        font-size: 1.5rem;\n        font-weight: 700;\n    }\n    .comparison-table {\n        width: 100%;\n        border-collapse: collapse;\n        margin-top: 1rem;\n        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n        border-radius: 0.5rem;\n        overflow: hidden;\n        table-layout: fixed;\n    }\n    .comparison-table thead {\n        background-color: #f8fafc;\n        position: sticky;\n        top: 0;\n        z-index: 10;\n    }\n    .comparison-table th {\n        padding: 0.75rem 0.5rem;\n        text-align: left;\n        font-weight: 600;\n        color: #374151;\n        border-bottom: 2px solid #e5e7eb;\n        font-size: 0.875rem;\n        white-space: nowrap;\n    }\n    .comparison-table th:first-child { width: 15%; min-width: 120px; }\n    .comparison-table th:nth-child(2),\n    .comparison-table th:nth-child(3) { width: 30%; min-width: 200px; }\n    .comparison-table th:last-child { width: 25%; min-width: 180px; }\n    .comparison-table td {\n        padding: 0.75rem 0.5rem;\n        border-bottom: 1px solid #f3f4f6;\n        vertical-align: top;\n        word-wrap: break-word;\n        overflow-wrap: break-word;\n        max-width: 0;\n    }\n    .comparison-table tr:hover { background-color: #f9fafb; }\n    .comparison-table tr:last-child td { border-bottom: none; }\n    .comparison-table strong {\n        color: #1f2937;\n        font-weight: 600;\n        display: block;\n        margin-bottom: 0.25rem;\n    }\n    .comparison-table .field-changed { background-color: #fef3c7; }\n    .comparison-table .field-added { background-color: #d1fae5; }\n    .comparison-table .field-removed { background-color: #fee2e2; }\n    .comparison-table .value-old { color: #dc2626; text-decoration: line-through; }\n    .comparison-table .value-new { color: #059669; font-weight: 500; }\n    .comparison-table .change-summary { font-style: italic; color: #4b5563; }\n    .no-changes {\n        text-align: center;\n        padding: 2rem;\n        color: #6b7280;\n        font-style: italic;\n        background-color: #f9fafb;\n        border-radius: 0.5rem;\n        border: 1px dashed #d1d5db;\n    }\n`;\n\nexport const CmsCompareEntryRevisionsDialog = createReactiveComponent(\n    ({ presenter }: CmsCompareEntryRevisionsDialogProps) => {\n        const { dialogVisible, comparing, error, result } = presenter.vm;\n\n        const renderContent = () => {\n            if (error) {\n                return (\n                    <Alert type={\"danger\"} title={\"Comparison Error\"}>\n                        {error}\n                    </Alert>\n                );\n            }\n\n            if (result) {\n                return (\n                    <>\n                        <style>{COMPARISON_STYLES}</style>\n                        <div\n                            className={\"wby-prose wby-max-w-none\"}\n                            dangerouslySetInnerHTML={{\n                                __html: result.html\n                            }}\n                        />\n                    </>\n                );\n            }\n\n            if (!comparing) {\n                return (\n                    <div className={\"wby-text-center wby-py-lg wby-text-neutral-subtle\"}>\n                        No comparison data available.\n                    </div>\n                );\n            }\n\n            return null;\n        };\n\n        return (\n            <Dialog\n                open={dialogVisible}\n                onOpenChange={open => {\n                    if (!open) {\n                        presenter.hideDialog();\n                    }\n                }}\n                title={\"Compare Revisions\"}\n                size={\"full\"}\n                loading={comparing ? { text: \"Comparing revisions with AI...\" } : false}\n                actions={\n                    <Button\n                        variant={\"secondary\"}\n                        onClick={() => presenter.hideDialog()}\n                        text={\"Close\"}\n                    />\n                }\n                data-testid={\"cms.compare-revisions.dialog\"}\n            >\n                {renderContent()}\n            </Dialog>\n        );\n    }\n);\n"],"names":["COMPARISON_STYLES","CmsCompareEntryRevisionsDialog","createReactiveComponent","presenter","dialogVisible","comparing","error","result","renderContent","Alert","Dialog","open","Button"],"mappings":";;;AASA,MAAMA,oBAAoB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2E3B,CAAC;AAEM,MAAMC,iCAAiCC,wBAC1C,CAAC,EAAEC,SAAS,EAAuC;IAC/C,MAAM,EAAEC,aAAa,EAAEC,SAAS,EAAEC,KAAK,EAAEC,MAAM,EAAE,GAAGJ,UAAU,EAAE;IAEhE,MAAMK,gBAAgB;QAClB,IAAIF,OACA,OAAO,WAAP,GACI,oBAACG,OAAKA;YAAC,MAAM;YAAU,OAAO;WACzBH;QAKb,IAAIC,QACA,OAAO,WAAP,GACI,wDACI,oBAAC,eAAOP,oBAAiBA,WAAAA,GACzB,oBAAC;YACG,WAAW;YACX,yBAAyB;gBACrB,QAAQO,OAAO,IAAI;YACvB;;QAMhB,IAAI,CAACF,WACD,OAAO,WAAP,GACI,oBAAC;YAAI,WAAW;WAAqD;QAM7E,OAAO;IACX;IAEA,OAAO,WAAP,GACI,oBAACK,QAAMA;QACH,MAAMN;QACN,cAAcO,CAAAA;YACV,IAAI,CAACA,MACDR,UAAU,UAAU;QAE5B;QACA,OAAO;QACP,MAAM;QACN,SAASE,YAAY;YAAE,MAAM;QAAiC,IAAI;QAClE,uBACI,oBAACO,QAAMA;YACH,SAAS;YACT,SAAS,IAAMT,UAAU,UAAU;YACnC,MAAM;;QAGd,eAAa;OAEZK;AAGb"}

package/admin/presentation/CmsCompareEntryRevisions/CmsCompareEntryRevisionsDrawer.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { CmsCompareEntryRevisionsPresenter } from "./abstractions.js";
+interface CmsCompareEntryRevisionsDrawerProps {
+    presenter: CmsCompareEntryRevisionsPresenter.Interface;
+}
+export declare const CmsCompareEntryRevisionsDrawer: (({ presenter }: CmsCompareEntryRevisionsDrawerProps) => React.JSX.Element) & React.NamedExoticComponent<CmsCompareEntryRevisionsDrawerProps> & {
+    readonly type: ({ presenter }: CmsCompareEntryRevisionsDrawerProps) => React.JSX.Element;
+};
+export {};

package/admin/presentation/CmsCompareEntryRevisions/CmsCompareEntryRevisionsDrawer.js

@@ -0,0 +1,72 @@
+import react from "react";
+import { createReactiveComponent } from "@webiny/app-admin";
+import { Button, Checkbox, Drawer, List, Text } from "@webiny/admin-ui";
+import { useContentEntryFormPresenter } from "@webiny/app-headless-cms/exports/admin/cms/entry/editor.js";
+const DateDisplay = ({ date })=>{
+    const formatted = react.useMemo(()=>{
+        const d = new globalThis.Date(date);
+        if (isNaN(d.getTime())) return "";
+        return new Intl.DateTimeFormat(navigator.language, {
+            day: "numeric",
+            month: "long",
+            year: "numeric"
+        }).format(d);
+    }, [
+        date
+    ]);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, formatted);
+};
+const CmsCompareEntryRevisionsDrawer = createReactiveComponent(({ presenter })=>{
+    const formPresenter = useContentEntryFormPresenter();
+    const { revisions, selectedIds, canCompare, drawerVisible } = presenter.vm;
+    const modelId = formPresenter.vm.model.modelId;
+    return /*#__PURE__*/ react.createElement(Drawer, {
+        title: "Compare entry revisions",
+        description: "Select two revisions to compare their content using AI",
+        open: drawerVisible,
+        onOpenChange: (open)=>{
+            if (!open) presenter.hideDrawer();
+        },
+        modal: true,
+        bodyPadding: false,
+        headerSeparator: true,
+        width: 800,
+        actions: /*#__PURE__*/ react.createElement(Button, {
+            variant: "primary",
+            disabled: !canCompare,
+            onClick: ()=>presenter.compare(modelId),
+            text: canCompare ? "Compare" : `Select ${2 - selectedIds.length} revision${1 === selectedIds.length ? "" : "s"}`,
+            "data-testid": "cms.compare-revisions.compare-button"
+        })
+    }, revisions.length > 0 ? /*#__PURE__*/ react.createElement(List, {
+        "data-testid": "cms.compare-revisions.list"
+    }, revisions.map((revision)=>{
+        const isSelected = selectedIds.includes(revision.id);
+        const isDisabled = selectedIds.length >= 2 && !isSelected;
+        return /*#__PURE__*/ react.createElement(List.Item, {
+            key: revision.id,
+            icon: /*#__PURE__*/ react.createElement("div", {
+                onClick: (e)=>e.stopPropagation()
+            }, /*#__PURE__*/ react.createElement(Checkbox, {
+                checked: isSelected,
+                onChange: ()=>presenter.toggleRevision(revision.id),
+                disabled: isDisabled,
+                "data-testid": `cms.compare-revisions.select-${revision.meta.version}`
+            })),
+            title: revision.meta.title || "N/A",
+            description: /*#__PURE__*/ react.createElement(Text, {
+                as: "div",
+                size: "sm"
+            }, "Last modified by", " ", revision.revisionCreatedBy ? revision.revisionCreatedBy.displayName : "Unknown", " ", "on ", /*#__PURE__*/ react.createElement(DateDisplay, {
+                date: revision.revisionSavedOn
+            }), " (#", revision.meta.version, ")"),
+            onClick: ()=>presenter.toggleRevision(revision.id),
+            "data-testid": `cms.compare-revisions.item-${revision.meta.version}`
+        });
+    })) : /*#__PURE__*/ react.createElement("div", {
+        className: "p-lg"
+    }, "No revisions to compare."));
+});
+export { CmsCompareEntryRevisionsDrawer };
+
+//# sourceMappingURL=CmsCompareEntryRevisionsDrawer.js.map