@webiny/app-file-manager 6.4.11 → 6.6.0-alpha.1

package/app.js

@@ -4,8 +4,8 @@ import { FolderTreeFieldRenderer } from "@webiny/app-aco/presentation/folderTree
 import { SettingsModule } from "./modules/Settings/index.js";
 import { FileModelModule } from "./modules/FileModelModule.js";
 import { DefaultFileManagerConfig } from "./presentation/config/DefaultFileManagerConfig.js";
-import { HeadlessCmsModule } from "./modules/HeadlessCms/index.js";
 import { EnterpriseModule } from "./modules/Enterprise/index.js";
+import { AiEnrichmentModule } from "./modules/AiEnrichment/index.js";
 import { SecurityPermissions } from "./modules/SecurityPermissions.js";
 import { FileUrlFormatterModule } from "./modules/FileUrlFormatter.js";
 import { FmPermissionsFeature } from "./features/permissions/feature.js";
@@ -22,6 +22,11 @@ import { FileManagerPresenterFeature } from "./presentation/FileList/index.js";
 import { FileManagerRoutes } from "./modules/FileManagerRoutes.js";
 import { FileManagerRendererDecorator } from "./presentation/FileManager/FileManagerRenderer.js";
 import { FileModelProviderFeature } from "./features/fileModel/index.js";
+import { FileFieldTypeFeature } from "./modules/HeadlessCms/fieldType/feature.js";
+import { CmsFilePickerRenderer } from "./presentation/fieldRenderers/CmsFilePickerRenderer.js";
+import { CmsMultiFilePickerRenderer } from "./presentation/fieldRenderers/CmsMultiFilePickerRenderer.js";
+import { CmsAssetPickerRenderer } from "./presentation/fieldRenderers/CmsAssetPickerRenderer.js";
+import { CmsMultiAssetPickerRenderer } from "./presentation/fieldRenderers/CmsMultiAssetPickerRenderer.js";
 const FileManager = ()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(RegisterFeature, {
         feature: FileModelProviderFeature
     }), /*#__PURE__*/ react.createElement(RegisterFeature, {
@@ -51,7 +56,21 @@ const FileManager = ()=>/*#__PURE__*/ react.createElement(react.Fragment, null,
     }), /*#__PURE__*/ react.createElement(AdminConfig, null, /*#__PURE__*/ react.createElement(AdminConfig.Form.FieldRenderer, {
         name: "folderTree",
         component: FolderTreeFieldRenderer
-    })), /*#__PURE__*/ react.createElement(FileManagerRoutes, null), /*#__PURE__*/ react.createElement(SettingsModule, null), /*#__PURE__*/ react.createElement(FileManagerRendererDecorator, null), /*#__PURE__*/ react.createElement(DefaultFileManagerConfig, null), /*#__PURE__*/ react.createElement(HeadlessCmsModule, null), /*#__PURE__*/ react.createElement(EnterpriseModule, null), /*#__PURE__*/ react.createElement(SecurityPermissions, null), /*#__PURE__*/ react.createElement(FileUrlFormatterModule, null));
+    }), /*#__PURE__*/ react.createElement(AdminConfig.Form.FieldRenderer, {
+        name: "cmsFilePicker",
+        component: CmsFilePickerRenderer
+    }), /*#__PURE__*/ react.createElement(AdminConfig.Form.FieldRenderer, {
+        name: "cmsMultiFilePicker",
+        component: CmsMultiFilePickerRenderer
+    }), /*#__PURE__*/ react.createElement(AdminConfig.Form.FieldRenderer, {
+        name: "cmsAssetPicker",
+        component: CmsAssetPickerRenderer
+    }), /*#__PURE__*/ react.createElement(AdminConfig.Form.FieldRenderer, {
+        name: "cmsMultiAssetPicker",
+        component: CmsMultiAssetPickerRenderer
+    })), /*#__PURE__*/ react.createElement(FileManagerRoutes, null), /*#__PURE__*/ react.createElement(SettingsModule, null), /*#__PURE__*/ react.createElement(FileManagerRendererDecorator, null), /*#__PURE__*/ react.createElement(DefaultFileManagerConfig, null), /*#__PURE__*/ react.createElement(RegisterFeature, {
+        feature: FileFieldTypeFeature
+    }), /*#__PURE__*/ react.createElement(EnterpriseModule, null), /*#__PURE__*/ react.createElement(AiEnrichmentModule, null), /*#__PURE__*/ react.createElement(SecurityPermissions, null), /*#__PURE__*/ react.createElement(FileUrlFormatterModule, null));
 export { FileManager };
 
 //# sourceMappingURL=app.js.map

package/app.js.map

@@ -1 +1 @@
-{"version":3,"file":"app.js","sources":["../src/app.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig, RegisterFeature } from \"@webiny/app-admin\";\nimport { FolderTreeFieldRenderer } from \"@webiny/app-aco/presentation/folderTree/FolderTreeFieldRenderer.js\";\nimport { SettingsModule } from \"~/modules/Settings/index.js\";\nimport { FileModelModule } from \"~/modules/FileModelModule.js\";\nimport { DefaultFileManagerConfig } from \"~/presentation/config/DefaultFileManagerConfig.js\";\nimport { HeadlessCmsModule } from \"~/modules/HeadlessCms/index.js\";\nimport { EnterpriseModule } from \"~/modules/Enterprise/index.js\";\nimport { SecurityPermissions } from \"./modules/SecurityPermissions.js\";\nimport { FileUrlFormatterModule } from \"./modules/FileUrlFormatter.js\";\nimport { FmPermissionsFeature } from \"~/features/permissions/feature.js\";\nimport { GetFileFeature } from \"~/features/getFile/feature.js\";\nimport { ResolveImageToolFeature } from \"~/features/resolveImageTool/feature.js\";\nimport { ListFilesFeature } from \"~/features/listFiles/index.js\";\nimport { UpdateFileFeature } from \"~/features/updateFile/index.js\";\nimport { DeleteFileFeature } from \"~/features/deleteFile/index.js\";\nimport { FileUploaderFeature } from \"~/features/fileUploader/index.js\";\nimport { ListTagsFeature } from \"~/features/tags/index.js\";\nimport { GetSettingsFeature } from \"~/features/settings/index.js\";\nimport { SharedCacheFeature } from \"~/features/shared/index.js\";\nimport { FileManagerPresenterFeature } from \"~/presentation/FileList/index.js\";\nimport { FileManagerRoutes } from \"~/modules/FileManagerRoutes.js\";\nimport { FileManagerRendererDecorator } from \"~/presentation/FileManager/FileManagerRenderer.js\";\nimport { FileModelProviderFeature } from \"~/features/fileModel/index.js\";\n\nexport const FileManager = () => {\n    return (\n        <>\n            {/* Headless features. */}\n            <RegisterFeature feature={FileModelProviderFeature} />\n            <RegisterFeature feature={SharedCacheFeature} />\n            <RegisterFeature feature={ListFilesFeature} />\n            <RegisterFeature feature={GetFileFeature} />\n            <RegisterFeature feature={UpdateFileFeature} />\n            <RegisterFeature feature={DeleteFileFeature} />\n            <RegisterFeature feature={FileUploaderFeature} />\n            <RegisterFeature feature={ListTagsFeature} />\n            <RegisterFeature feature={GetSettingsFeature} />\n            <RegisterFeature feature={FmPermissionsFeature} />\n            <RegisterFeature feature={GetFileFeature} />\n            <RegisterFeature feature={ResolveImageToolFeature} />\n            <FileModelModule />\n            {/* Presentation features. */}\n            <RegisterFeature feature={FileManagerPresenterFeature} />\n            {/* Field renderers. */}\n            <AdminConfig>\n                <AdminConfig.Form.FieldRenderer\n                    name={\"folderTree\"}\n                    component={FolderTreeFieldRenderer}\n                />\n            </AdminConfig>\n            {/* Legacy modules. */}\n            <FileManagerRoutes />\n            <SettingsModule />\n            <FileManagerRendererDecorator />\n            <DefaultFileManagerConfig />\n            <HeadlessCmsModule />\n            <EnterpriseModule />\n            <SecurityPermissions />\n            <FileUrlFormatterModule />\n        </>\n    );\n};\n"],"names":["FileManager","RegisterFeature","FileModelProviderFeature","SharedCacheFeature","ListFilesFeature","GetFileFeature","UpdateFileFeature","DeleteFileFeature","FileUploaderFeature","ListTagsFeature","GetSettingsFeature","FmPermissionsFeature","ResolveImageToolFeature","FileModelModule","FileManagerPresenterFeature","AdminConfig","FolderTreeFieldRenderer","FileManagerRoutes","SettingsModule","FileManagerRendererDecorator","DefaultFileManagerConfig","HeadlessCmsModule","EnterpriseModule","SecurityPermissions","FileUrlFormatterModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAyBO,MAAMA,cAAc,IAChB,WAAP,GACI,wDAEI,oBAACC,iBAAeA;QAAC,SAASC;sBAC1B,oBAACD,iBAAeA;QAAC,SAASE;sBAC1B,oBAACF,iBAAeA;QAAC,SAASG;sBAC1B,oBAACH,iBAAeA;QAAC,SAASI;sBAC1B,oBAACJ,iBAAeA;QAAC,SAASK;sBAC1B,oBAACL,iBAAeA;QAAC,SAASM;sBAC1B,oBAACN,iBAAeA;QAAC,SAASO;sBAC1B,oBAACP,iBAAeA;QAAC,SAASQ;sBAC1B,oBAACR,iBAAeA;QAAC,SAASS;sBAC1B,oBAACT,iBAAeA;QAAC,SAASU;sBAC1B,oBAACV,iBAAeA;QAAC,SAASI;sBAC1B,oBAACJ,iBAAeA;QAAC,SAASW;sBAC1B,oBAACC,iBAAeA,OAAAA,WAAAA,GAEhB,oBAACZ,iBAAeA;QAAC,SAASa;sBAE1B,oBAACC,aAAWA,MAAAA,WAAAA,GACR,oBAACA,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWC;uBAInB,oBAACC,mBAAiBA,OAAAA,WAAAA,GAClB,oBAACC,gBAAcA,OAAAA,WAAAA,GACf,oBAACC,8BAA4BA,OAAAA,WAAAA,GAC7B,oBAACC,0BAAwBA,OAAAA,WAAAA,GACzB,oBAACC,mBAAiBA,OAAAA,WAAAA,GAClB,oBAACC,kBAAgBA,OAAAA,WAAAA,GACjB,oBAACC,qBAAmBA,OAAAA,WAAAA,GACpB,oBAACC,wBAAsBA"}
+{"version":3,"file":"app.js","sources":["../src/app.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig, RegisterFeature } from \"@webiny/app-admin\";\nimport { FolderTreeFieldRenderer } from \"@webiny/app-aco/presentation/folderTree/FolderTreeFieldRenderer.js\";\nimport { SettingsModule } from \"~/modules/Settings/index.js\";\nimport { FileModelModule } from \"~/modules/FileModelModule.js\";\nimport { DefaultFileManagerConfig } from \"~/presentation/config/DefaultFileManagerConfig.js\";\nimport { EnterpriseModule } from \"~/modules/Enterprise/index.js\";\nimport { AiEnrichmentModule } from \"~/modules/AiEnrichment/index.js\";\nimport { SecurityPermissions } from \"./modules/SecurityPermissions.js\";\nimport { FileUrlFormatterModule } from \"./modules/FileUrlFormatter.js\";\nimport { FmPermissionsFeature } from \"~/features/permissions/feature.js\";\nimport { GetFileFeature } from \"~/features/getFile/feature.js\";\nimport { ResolveImageToolFeature } from \"~/features/resolveImageTool/feature.js\";\nimport { ListFilesFeature } from \"~/features/listFiles/index.js\";\nimport { UpdateFileFeature } from \"~/features/updateFile/index.js\";\nimport { DeleteFileFeature } from \"~/features/deleteFile/index.js\";\nimport { FileUploaderFeature } from \"~/features/fileUploader/index.js\";\nimport { ListTagsFeature } from \"~/features/tags/index.js\";\nimport { GetSettingsFeature } from \"~/features/settings/index.js\";\nimport { SharedCacheFeature } from \"~/features/shared/index.js\";\nimport { FileManagerPresenterFeature } from \"~/presentation/FileList/index.js\";\nimport { FileManagerRoutes } from \"~/modules/FileManagerRoutes.js\";\nimport { FileManagerRendererDecorator } from \"~/presentation/FileManager/FileManagerRenderer.js\";\nimport { FileModelProviderFeature } from \"~/features/fileModel/index.js\";\nimport { FileFieldTypeFeature } from \"~/modules/HeadlessCms/fieldType/feature.js\";\nimport { CmsFilePickerRenderer } from \"~/presentation/fieldRenderers/CmsFilePickerRenderer.js\";\nimport { CmsMultiFilePickerRenderer } from \"~/presentation/fieldRenderers/CmsMultiFilePickerRenderer.js\";\nimport { CmsAssetPickerRenderer } from \"~/presentation/fieldRenderers/CmsAssetPickerRenderer.js\";\nimport { CmsMultiAssetPickerRenderer } from \"~/presentation/fieldRenderers/CmsMultiAssetPickerRenderer.js\";\n\nexport const FileManager = () => {\n    return (\n        <>\n            {/* Headless features. */}\n            <RegisterFeature feature={FileModelProviderFeature} />\n            <RegisterFeature feature={SharedCacheFeature} />\n            <RegisterFeature feature={ListFilesFeature} />\n            <RegisterFeature feature={GetFileFeature} />\n            <RegisterFeature feature={UpdateFileFeature} />\n            <RegisterFeature feature={DeleteFileFeature} />\n            <RegisterFeature feature={FileUploaderFeature} />\n            <RegisterFeature feature={ListTagsFeature} />\n            <RegisterFeature feature={GetSettingsFeature} />\n            <RegisterFeature feature={FmPermissionsFeature} />\n            <RegisterFeature feature={GetFileFeature} />\n            <RegisterFeature feature={ResolveImageToolFeature} />\n            <FileModelModule />\n            {/* Presentation features. */}\n            <RegisterFeature feature={FileManagerPresenterFeature} />\n            {/* Field renderers. */}\n            <AdminConfig>\n                <AdminConfig.Form.FieldRenderer\n                    name={\"folderTree\"}\n                    component={FolderTreeFieldRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"cmsFilePicker\"}\n                    component={CmsFilePickerRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"cmsMultiFilePicker\"}\n                    component={CmsMultiFilePickerRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"cmsAssetPicker\"}\n                    component={CmsAssetPickerRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"cmsMultiAssetPicker\"}\n                    component={CmsMultiAssetPickerRenderer}\n                />\n            </AdminConfig>\n            {/* Legacy modules. */}\n            <FileManagerRoutes />\n            <SettingsModule />\n            <FileManagerRendererDecorator />\n            <DefaultFileManagerConfig />\n            <RegisterFeature feature={FileFieldTypeFeature} />\n            <EnterpriseModule />\n            <AiEnrichmentModule />\n            <SecurityPermissions />\n            <FileUrlFormatterModule />\n        </>\n    );\n};\n"],"names":["FileManager","RegisterFeature","FileModelProviderFeature","SharedCacheFeature","ListFilesFeature","GetFileFeature","UpdateFileFeature","DeleteFileFeature","FileUploaderFeature","ListTagsFeature","GetSettingsFeature","FmPermissionsFeature","ResolveImageToolFeature","FileModelModule","FileManagerPresenterFeature","AdminConfig","FolderTreeFieldRenderer","CmsFilePickerRenderer","CmsMultiFilePickerRenderer","CmsAssetPickerRenderer","CmsMultiAssetPickerRenderer","FileManagerRoutes","SettingsModule","FileManagerRendererDecorator","DefaultFileManagerConfig","FileFieldTypeFeature","EnterpriseModule","AiEnrichmentModule","SecurityPermissions","FileUrlFormatterModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BO,MAAMA,cAAc,IAChB,WAAP,GACI,wDAEI,oBAACC,iBAAeA;QAAC,SAASC;sBAC1B,oBAACD,iBAAeA;QAAC,SAASE;sBAC1B,oBAACF,iBAAeA;QAAC,SAASG;sBAC1B,oBAACH,iBAAeA;QAAC,SAASI;sBAC1B,oBAACJ,iBAAeA;QAAC,SAASK;sBAC1B,oBAACL,iBAAeA;QAAC,SAASM;sBAC1B,oBAACN,iBAAeA;QAAC,SAASO;sBAC1B,oBAACP,iBAAeA;QAAC,SAASQ;sBAC1B,oBAACR,iBAAeA;QAAC,SAASS;sBAC1B,oBAACT,iBAAeA;QAAC,SAASU;sBAC1B,oBAACV,iBAAeA;QAAC,SAASI;sBAC1B,oBAACJ,iBAAeA;QAAC,SAASW;sBAC1B,oBAACC,iBAAeA,OAAAA,WAAAA,GAEhB,oBAACZ,iBAAeA;QAAC,SAASa;sBAE1B,oBAACC,aAAWA,MAAAA,WAAAA,GACR,oBAACA,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWC;sBAEf,oBAACD,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWE;sBAEf,oBAACF,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWG;sBAEf,oBAACH,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWI;sBAEf,oBAACJ,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWK;uBAInB,oBAACC,mBAAiBA,OAAAA,WAAAA,GAClB,oBAACC,gBAAcA,OAAAA,WAAAA,GACf,oBAACC,8BAA4BA,OAAAA,WAAAA,GAC7B,oBAACC,0BAAwBA,OAAAA,WAAAA,GACzB,oBAACvB,iBAAeA;QAAC,SAASwB;sBAC1B,oBAACC,kBAAgBA,OAAAA,WAAAA,GACjB,oBAACC,oBAAkBA,OAAAA,WAAAA,GACnB,oBAACC,qBAAmBA,OAAAA,WAAAA,GACpB,oBAACC,wBAAsBA"}

package/domain/tagsHelpers.d.ts

@@ -4,11 +4,11 @@ interface GetTagsInitialParams {
     own?: boolean;
 }
 export declare const getTagsInitialParams: ({ scope, own }: GetTagsInitialParams) => {
-    tags_startsWith: string;
     createdBy?: string | undefined;
+    tags_startsWith: string;
 } | {
-    tags_not_startsWith: string;
     createdBy?: string | undefined;
+    tags_not_startsWith: string;
 };
 export declare const tagsModifier: (scope?: string) => (tags: TagItem[]) => {
     tag: string;

package/domain/types.d.ts

@@ -18,14 +18,6 @@ export interface Settings {
     uploadMaxFileSize: string;
     srcPrefix: string;
 }
-export interface QueryGetSettingsResult {
-    fileManager: {
-        getSettings: {
-            data: Settings;
-            error: Error | null;
-        };
-    };
-}
 export interface FileTag {
     tag: string;
     count: number;

package/features/permissions/abstractions.d.ts

@@ -1,8 +1,8 @@
 import type { Permissions } from "@webiny/app-admin/exports/admin/security.js";
 import { FM_PERMISSIONS_SCHEMA } from "../../domain/permissionsSchema.js";
 export declare const FileManagerPermissions: import("@webiny/di").Abstraction<{
-    canAccess: (entityId: "settings" | "file") => boolean;
-    canAction: (action: string, entityId: "settings" | "file") => boolean;
+    canAccess: (entityId: "file" | "settings") => boolean;
+    canAction: (action: string, entityId: "file" | "settings") => boolean;
 } & {
     canRead: (entityId: "file") => boolean;
     canCreate: (entityId: "file") => boolean;

package/features/permissions/feature.d.ts

@@ -1,7 +1,7 @@
-export declare const FmPermissionsFeature: import("@webiny/feature/admin").FeatureDefinition<{
+export declare const FmPermissionsFeature: import("@webiny/feature/admin/createFeature.js").FeatureDefinition<{
     permissions: {
-        canAccess: (entityId: "settings" | "file") => boolean;
-        canAction: (action: string, entityId: "settings" | "file") => boolean;
+        canAccess: (entityId: "file" | "settings") => boolean;
+        canAction: (action: string, entityId: "file" | "settings") => boolean;
     } & {
         canRead: (entityId: "file") => boolean;
         canCreate: (entityId: "file") => boolean;

package/features/shared/FILE_FIELDS.js

@@ -24,6 +24,10 @@ const FILE_FIELDS = [
     "metadata.image.height",
     "metadata.image.format",
     "metadata.image.orientation",
+    "metadata.image.crop",
+    "metadata.image.focalPoint",
+    "metadata.image.alt",
+    "metadata.image.caption",
     "metadata.exif",
     "metadata.iptc"
 ];

package/features/shared/FILE_FIELDS.js.map

@@ -1 +1 @@
-{"version":3,"file":"features/shared/FILE_FIELDS.js","sources":["../../../src/features/shared/FILE_FIELDS.ts"],"sourcesContent":["export const FILE_FIELDS = [\n    \"id\",\n    \"name\",\n    \"description\",\n    \"key\",\n    \"src\",\n    \"type\",\n    \"size\",\n    \"tags\",\n    \"createdOn\",\n    \"savedOn\",\n    \"modifiedOn\",\n    \"createdBy.id\",\n    \"createdBy.displayName\",\n    \"createdBy.type\",\n    \"savedBy.id\",\n    \"savedBy.displayName\",\n    \"savedBy.type\",\n    \"modifiedBy.id\",\n    \"modifiedBy.displayName\",\n    \"modifiedBy.type\",\n    \"location.folderId\",\n    \"metadata.image.width\",\n    \"metadata.image.height\",\n    \"metadata.image.format\",\n    \"metadata.image.orientation\",\n    \"metadata.exif\",\n    \"metadata.iptc\"\n];\n"],"names":["FILE_FIELDS"],"mappings":"AAAO,MAAMA,cAAc;IACvB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACH"}
+{"version":3,"file":"features/shared/FILE_FIELDS.js","sources":["../../../src/features/shared/FILE_FIELDS.ts"],"sourcesContent":["export const FILE_FIELDS = [\n    \"id\",\n    \"name\",\n    \"description\",\n    \"key\",\n    \"src\",\n    \"type\",\n    \"size\",\n    \"tags\",\n    \"createdOn\",\n    \"savedOn\",\n    \"modifiedOn\",\n    \"createdBy.id\",\n    \"createdBy.displayName\",\n    \"createdBy.type\",\n    \"savedBy.id\",\n    \"savedBy.displayName\",\n    \"savedBy.type\",\n    \"modifiedBy.id\",\n    \"modifiedBy.displayName\",\n    \"modifiedBy.type\",\n    \"location.folderId\",\n    \"metadata.image.width\",\n    \"metadata.image.height\",\n    \"metadata.image.format\",\n    \"metadata.image.orientation\",\n    \"metadata.image.crop\",\n    \"metadata.image.focalPoint\",\n    \"metadata.image.alt\",\n    \"metadata.image.caption\",\n    \"metadata.exif\",\n    \"metadata.iptc\"\n];\n"],"names":["FILE_FIELDS"],"mappings":"AAAO,MAAMA,cAAc;IACvB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACH"}

package/features/shared/FileFieldsProviderWithWcp.d.ts

@@ -1,12 +1,12 @@
-import { WcpService } from "@webiny/app-admin/features/wcp/abstractions.js";
+import { FeatureFlagsService } from "@webiny/app-admin/features/featureFlags/abstractions.js";
 import { FileFieldsProvider as Abstraction } from "./abstractions.js";
-declare class FileFieldsProviderWithWcpImpl implements Abstraction.Interface {
-    private wcp;
+declare class FileFieldsProviderWithFeatureFlagsImpl implements Abstraction.Interface {
+    private featureFlagsService;
     private decoratee;
-    constructor(wcp: WcpService.Interface, decoratee: Abstraction.Interface);
+    constructor(featureFlagsService: FeatureFlagsService.Interface, decoratee: Abstraction.Interface);
     execute(): Promise<string[]>;
 }
-export declare const FileFieldsProviderWithWcp: typeof FileFieldsProviderWithWcpImpl & {
+export declare const FileFieldsProviderWithWcp: typeof FileFieldsProviderWithFeatureFlagsImpl & {
     __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").IFileFieldsProvider>;
 };
 export {};

package/features/shared/FileFieldsProviderWithWcp.js

@@ -1,13 +1,13 @@
-import { WcpService } from "@webiny/app-admin/features/wcp/abstractions.js";
+import { FeatureFlagsService } from "@webiny/app-admin/features/featureFlags/abstractions.js";
 import { FileFieldsProvider } from "./abstractions.js";
-class FileFieldsProviderWithWcpImpl {
-    constructor(wcp, decoratee){
-        this.wcp = wcp;
+class FileFieldsProviderWithFeatureFlagsImpl {
+    constructor(featureFlagsService, decoratee){
+        this.featureFlagsService = featureFlagsService;
         this.decoratee = decoratee;
     }
     async execute() {
         const fields = await this.decoratee.execute();
-        if (this.wcp.getProject().canUsePrivateFiles()) return [
+        if (this.featureFlagsService.getFlags().isEnabled("advancedAccessControlLayer.privateFiles")) return [
             ...fields,
             "accessControl.type"
         ];
@@ -15,9 +15,9 @@ class FileFieldsProviderWithWcpImpl {
     }
 }
 const FileFieldsProviderWithWcp = FileFieldsProvider.createDecorator({
-    decorator: FileFieldsProviderWithWcpImpl,
+    decorator: FileFieldsProviderWithFeatureFlagsImpl,
     dependencies: [
-        WcpService
+        FeatureFlagsService
     ]
 });
 export { FileFieldsProviderWithWcp };

package/features/shared/FileFieldsProviderWithWcp.js.map

@@ -1 +1 @@
-{"version":3,"file":"features/shared/FileFieldsProviderWithWcp.js","sources":["../../../src/features/shared/FileFieldsProviderWithWcp.ts"],"sourcesContent":["import { WcpService } from \"@webiny/app-admin/features/wcp/abstractions.js\";\nimport { FileFieldsProvider as Abstraction } from \"./abstractions.js\";\n\nclass FileFieldsProviderWithWcpImpl implements Abstraction.Interface {\n    constructor(\n        private wcp: WcpService.Interface,\n        private decoratee: Abstraction.Interface\n    ) {}\n\n    async execute(): Promise<string[]> {\n        const fields = await this.decoratee.execute();\n\n        if (this.wcp.getProject().canUsePrivateFiles()) {\n            return [...fields, \"accessControl.type\"];\n        }\n\n        return fields;\n    }\n}\n\nexport const FileFieldsProviderWithWcp = Abstraction.createDecorator({\n    decorator: FileFieldsProviderWithWcpImpl,\n    dependencies: [WcpService]\n});\n"],"names":["FileFieldsProviderWithWcpImpl","wcp","decoratee","fields","FileFieldsProviderWithWcp","Abstraction","WcpService"],"mappings":";;AAGA,MAAMA;IACF,YACYC,GAAyB,EACzBC,SAAgC,CAC1C;aAFUD,GAAG,GAAHA;aACAC,SAAS,GAATA;IACT;IAEH,MAAM,UAA6B;QAC/B,MAAMC,SAAS,MAAM,IAAI,CAAC,SAAS,CAAC,OAAO;QAE3C,IAAI,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,kBAAkB,IACxC,OAAO;eAAIA;YAAQ;SAAqB;QAG5C,OAAOA;IACX;AACJ;AAEO,MAAMC,4BAA4BC,mBAAAA,eAA2B,CAAC;IACjE,WAAWL;IACX,cAAc;QAACM;KAAW;AAC9B"}
+{"version":3,"file":"features/shared/FileFieldsProviderWithWcp.js","sources":["../../../src/features/shared/FileFieldsProviderWithWcp.ts"],"sourcesContent":["import { FeatureFlagsService } from \"@webiny/app-admin/features/featureFlags/abstractions.js\";\nimport { FileFieldsProvider as Abstraction } from \"./abstractions.js\";\n\nclass FileFieldsProviderWithFeatureFlagsImpl implements Abstraction.Interface {\n    constructor(\n        private featureFlagsService: FeatureFlagsService.Interface,\n        private decoratee: Abstraction.Interface\n    ) {}\n\n    async execute(): Promise<string[]> {\n        const fields = await this.decoratee.execute();\n\n        if (\n            this.featureFlagsService.getFlags().isEnabled(\"advancedAccessControlLayer.privateFiles\")\n        ) {\n            return [...fields, \"accessControl.type\"];\n        }\n\n        return fields;\n    }\n}\n\nexport const FileFieldsProviderWithWcp = Abstraction.createDecorator({\n    decorator: FileFieldsProviderWithFeatureFlagsImpl,\n    dependencies: [FeatureFlagsService]\n});\n"],"names":["FileFieldsProviderWithFeatureFlagsImpl","featureFlagsService","decoratee","fields","FileFieldsProviderWithWcp","Abstraction","FeatureFlagsService"],"mappings":";;AAGA,MAAMA;IACF,YACYC,mBAAkD,EAClDC,SAAgC,CAC1C;aAFUD,mBAAmB,GAAnBA;aACAC,SAAS,GAATA;IACT;IAEH,MAAM,UAA6B;QAC/B,MAAMC,SAAS,MAAM,IAAI,CAAC,SAAS,CAAC,OAAO;QAE3C,IACI,IAAI,CAAC,mBAAmB,CAAC,QAAQ,GAAG,SAAS,CAAC,4CAE9C,OAAO;eAAIA;YAAQ;SAAqB;QAG5C,OAAOA;IACX;AACJ;AAEO,MAAMC,4BAA4BC,mBAAAA,eAA2B,CAAC;IACjE,WAAWL;IACX,cAAc;QAACM;KAAoB;AACvC"}

package/modules/AiEnrichment/AiImageEnrichmentEventHandler.d.ts

@@ -0,0 +1,18 @@
+import { WebsocketEventHandler } from "@webiny/app-websockets";
+import { Notifications } from "@webiny/app-admin/features/notifications/abstractions.js";
+import { FilesListCache } from "../../features/shared/abstractions.js";
+/**
+ * Reacts to the `fm.file.enrichment` websocket message (published as a `WebsocketEvent`):
+ * patches the affected file in the shared list cache with the AI-generated tags and description
+ * (cache-only — the data is already persisted server-side), then surfaces a success notification.
+ */
+declare class AiImageEnrichmentEventHandlerImpl implements WebsocketEventHandler.Interface {
+    private filesListCache;
+    private notifications;
+    constructor(filesListCache: FilesListCache.Interface, notifications: Notifications.Interface);
+    handle(event: WebsocketEventHandler.Event): Promise<void>;
+}
+export declare const AiImageEnrichmentEventHandler: typeof AiImageEnrichmentEventHandlerImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("@webiny/app/features/eventPublisher").IEventHandler<import("@webiny/app-websockets").WebsocketEvent>>;
+};
+export {};

package/modules/AiEnrichment/AiImageEnrichmentEventHandler.js

@@ -0,0 +1,33 @@
+import { WebsocketEventHandler } from "@webiny/app-websockets";
+import { Notifications } from "@webiny/app-admin/features/notifications/abstractions.js";
+import { FilesListCache } from "../../features/shared/abstractions.js";
+const FILE_ENRICHMENT_ACTION = "fm.file.enrichment";
+class AiImageEnrichmentEventHandlerImpl {
+    constructor(filesListCache, notifications){
+        this.filesListCache = filesListCache;
+        this.notifications = notifications;
+    }
+    async handle(event) {
+        if (event.payload.action !== FILE_ENRICHMENT_ACTION) return;
+        const { id, tags, description } = event.payload.data;
+        this.filesListCache.updateItems((item)=>item.id === id ? {
+                ...item,
+                tags,
+                description
+            } : item);
+        this.notifications.success({
+            title: "Image enriched",
+            description: "AI-generated tags and description have been added."
+        });
+    }
+}
+const AiImageEnrichmentEventHandler = WebsocketEventHandler.createImplementation({
+    implementation: AiImageEnrichmentEventHandlerImpl,
+    dependencies: [
+        FilesListCache,
+        Notifications
+    ]
+});
+export { AiImageEnrichmentEventHandler };
+
+//# sourceMappingURL=AiImageEnrichmentEventHandler.js.map

package/modules/AiEnrichment/AiImageEnrichmentEventHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/AiEnrichment/AiImageEnrichmentEventHandler.js","sources":["../../../src/modules/AiEnrichment/AiImageEnrichmentEventHandler.ts"],"sourcesContent":["import { WebsocketEventHandler } from \"@webiny/app-websockets\";\nimport { Notifications } from \"@webiny/app-admin/features/notifications/abstractions.js\";\nimport { FilesListCache } from \"~/features/shared/abstractions.js\";\n\nconst FILE_ENRICHMENT_ACTION = \"fm.file.enrichment\";\n\ninterface FileEnrichmentData {\n    id: string;\n    tags: string[];\n    description: string;\n}\n\n/**\n * Reacts to the `fm.file.enrichment` websocket message (published as a `WebsocketEvent`):\n * patches the affected file in the shared list cache with the AI-generated tags and description\n * (cache-only — the data is already persisted server-side), then surfaces a success notification.\n */\nclass AiImageEnrichmentEventHandlerImpl implements WebsocketEventHandler.Interface {\n    constructor(\n        private filesListCache: FilesListCache.Interface,\n        private notifications: Notifications.Interface\n    ) {}\n\n    async handle(event: WebsocketEventHandler.Event): Promise<void> {\n        if (event.payload.action !== FILE_ENRICHMENT_ACTION) {\n            return;\n        }\n\n        // Payload envelope is `{ action, data: { ... } }` (see the api-side sender + the threat-scan\n        // handler which reads message.data). The enrichment fields live under `.data`, not top-level.\n        const { id, tags, description } = (event.payload as unknown as { data: FileEnrichmentData })\n            .data;\n\n        this.filesListCache.updateItems(item =>\n            item.id === id ? { ...item, tags, description } : item\n        );\n\n        this.notifications.success({\n            title: \"Image enriched\",\n            description: \"AI-generated tags and description have been added.\"\n        });\n    }\n}\n\nexport const AiImageEnrichmentEventHandler = WebsocketEventHandler.createImplementation({\n    implementation: AiImageEnrichmentEventHandlerImpl,\n    dependencies: [FilesListCache, Notifications]\n});\n"],"names":["FILE_ENRICHMENT_ACTION","AiImageEnrichmentEventHandlerImpl","filesListCache","notifications","event","id","tags","description","item","AiImageEnrichmentEventHandler","WebsocketEventHandler","FilesListCache","Notifications"],"mappings":";;;AAIA,MAAMA,yBAAyB;AAa/B,MAAMC;IACF,YACYC,cAAwC,EACxCC,aAAsC,CAChD;aAFUD,cAAc,GAAdA;aACAC,aAAa,GAAbA;IACT;IAEH,MAAM,OAAOC,KAAkC,EAAiB;QAC5D,IAAIA,MAAM,OAAO,CAAC,MAAM,KAAKJ,wBACzB;QAKJ,MAAM,EAAEK,EAAE,EAAEC,IAAI,EAAEC,WAAW,EAAE,GAAIH,MAAM,OAAO,CAC3C,IAAI;QAET,IAAI,CAAC,cAAc,CAAC,WAAW,CAACI,CAAAA,OAC5BA,KAAK,EAAE,KAAKH,KAAK;gBAAE,GAAGG,IAAI;gBAAEF;gBAAMC;YAAY,IAAIC;QAGtD,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;YACvB,OAAO;YACP,aAAa;QACjB;IACJ;AACJ;AAEO,MAAMC,gCAAgCC,sBAAsB,oBAAoB,CAAC;IACpF,gBAAgBT;IAChB,cAAc;QAACU;QAAgBC;KAAc;AACjD"}

package/modules/AiEnrichment/ReenrichFileGateway.d.ts

@@ -0,0 +1,12 @@
+import { ApiStreamClient } from "@webiny/app/exports/admin.js";
+import { ReenrichFileGateway as GatewayAbstraction } from "./abstractions.js";
+import type { EnrichmentStreamEvent, IReenrichFileOptions } from "./abstractions.js";
+declare class ReenrichFileGatewayImpl implements GatewayAbstraction.Interface {
+    private client;
+    constructor(client: ApiStreamClient.Interface);
+    execute(fileId: string, options?: IReenrichFileOptions): AsyncGenerator<EnrichmentStreamEvent>;
+}
+export declare const ReenrichFileGateway: typeof ReenrichFileGatewayImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").IReenrichFileGateway>;
+};
+export {};

package/modules/AiEnrichment/ReenrichFileGateway.js

@@ -0,0 +1,23 @@
+import { ApiStreamClient, readServerSentEvents } from "@webiny/app/exports/admin.js";
+import { ReenrichFileGateway } from "./abstractions.js";
+class ReenrichFileGatewayImpl {
+    constructor(client){
+        this.client = client;
+    }
+    async *execute(fileId, options = {}) {
+        const response = await this.client.execute({
+            path: `/stream/fm/files/${encodeURIComponent(fileId)}/enrich`,
+            signal: options.signal
+        });
+        yield* readServerSentEvents(response);
+    }
+}
+const ReenrichFileGateway_ReenrichFileGateway = ReenrichFileGateway.createImplementation({
+    implementation: ReenrichFileGatewayImpl,
+    dependencies: [
+        ApiStreamClient
+    ]
+});
+export { ReenrichFileGateway_ReenrichFileGateway as ReenrichFileGateway };
+
+//# sourceMappingURL=ReenrichFileGateway.js.map

package/modules/AiEnrichment/ReenrichFileGateway.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/AiEnrichment/ReenrichFileGateway.js","sources":["../../../src/modules/AiEnrichment/ReenrichFileGateway.ts"],"sourcesContent":["import { ApiStreamClient, readServerSentEvents } from \"@webiny/app/exports/admin.js\";\nimport { ReenrichFileGateway as GatewayAbstraction } from \"./abstractions.js\";\nimport type { EnrichmentStreamEvent, IReenrichFileOptions } from \"./abstractions.js\";\n\nclass ReenrichFileGatewayImpl implements GatewayAbstraction.Interface {\n    constructor(private client: ApiStreamClient.Interface) {}\n\n    async *execute(\n        fileId: string,\n        options: IReenrichFileOptions = {}\n    ): AsyncGenerator<EnrichmentStreamEvent> {\n        const response = await this.client.execute({\n            path: `/stream/fm/files/${encodeURIComponent(fileId)}/enrich`,\n            signal: options.signal\n        });\n\n        yield* readServerSentEvents<EnrichmentStreamEvent>(response);\n    }\n}\n\nexport const ReenrichFileGateway = GatewayAbstraction.createImplementation({\n    implementation: ReenrichFileGatewayImpl,\n    dependencies: [ApiStreamClient]\n});\n"],"names":["ReenrichFileGatewayImpl","client","fileId","options","response","encodeURIComponent","readServerSentEvents","ReenrichFileGateway","GatewayAbstraction","ApiStreamClient"],"mappings":";;AAIA,MAAMA;IACF,YAAoBC,MAAiC,CAAE;aAAnCA,MAAM,GAANA;IAAoC;IAExD,OAAO,QACHC,MAAc,EACdC,UAAgC,CAAC,CAAC,EACG;QACrC,MAAMC,WAAW,MAAM,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;YACvC,MAAM,CAAC,iBAAiB,EAAEC,mBAAmBH,QAAQ,OAAO,CAAC;YAC7D,QAAQC,QAAQ,MAAM;QAC1B;QAEA,OAAOG,qBAA4CF;IACvD;AACJ;AAEO,MAAMG,0CAAsBC,oBAAAA,oBAAuC,CAAC;IACvE,gBAAgBR;IAChB,cAAc;QAACS;KAAgB;AACnC"}

package/modules/AiEnrichment/ReenrichWithAi.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+/**
+ * Test-bed for HTTP response streaming: re-runs AI enrichment for the open file and renders the
+ * model's output as it arrives, rather than waiting for the whole response.
+ *
+ * The stream only PROPOSES. Save drops the values into the file details form as pending edits; the
+ * file is written when the user presses Update in the drawer, exactly as for a hand-typed edit.
+ */
+export declare const ReenrichWithAi: (() => React.JSX.Element) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element;
+};

package/modules/AiEnrichment/ReenrichWithAi.js

@@ -0,0 +1,57 @@
+import react, { useEffect } from "react";
+import { ReactComponent } from "@webiny/icons/auto_awesome.svg";
+import { Dialog } from "@webiny/admin-ui";
+import { createReactiveComponent } from "@webiny/app-admin";
+import { useFeature } from "@webiny/app";
+import { FileManagerViewConfig, useFile } from "../../index.js";
+import { AiEnrichmentFeature } from "./feature.js";
+import { StreamingPlaceholder } from "./StreamingPlaceholder.js";
+const { FileDetails: FileDetails } = FileManagerViewConfig;
+const ReenrichWithAi_ReenrichWithAi = createReactiveComponent(function() {
+    const { file } = useFile();
+    const { presenter } = useFeature(AiEnrichmentFeature);
+    const { vm } = presenter;
+    useEffect(()=>()=>presenter.dispose(), [
+        presenter
+    ]);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(FileDetails.Action.Button, {
+        label: "Re-enrich with AI",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        onAction: ()=>presenter.start(file.id),
+        "data-testid": "fm.file-details.action.reenrich-with-ai"
+    }), /*#__PURE__*/ react.createElement(Dialog, {
+        open: vm.open,
+        onOpenChange: (open)=>presenter.setOpen(open),
+        title: "Re-enrich with AI",
+        description: vm.message,
+        actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Dialog.CancelAction, null), /*#__PURE__*/ react.createElement(Dialog.ConfirmAction, {
+            text: "Apply",
+            onClick: ()=>presenter.accept(),
+            disabled: !vm.canSave
+        }))
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-md"
+    }, /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement("div", {
+        className: "text-sm font-semibold mb-xs"
+    }, "Tags"), /*#__PURE__*/ react.createElement("div", {
+        className: "min-h-[48px]"
+    }, vm.tags.length ? /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-wrap gap-xs"
+    }, vm.tags.map((tag)=>/*#__PURE__*/ react.createElement("span", {
+            key: tag,
+            className: "text-sm px-sm py-xxs rounded bg-neutral-dimmed"
+        }, tag))) : /*#__PURE__*/ react.createElement(StreamingPlaceholder, {
+        loading: vm.loading,
+        variant: "chips"
+    }))), /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement("div", {
+        className: "text-sm font-semibold mb-xs"
+    }, "Description"), /*#__PURE__*/ react.createElement("div", {
+        className: "text-sm min-h-[4lh]"
+    }, vm.description ? vm.description : /*#__PURE__*/ react.createElement(StreamingPlaceholder, {
+        loading: vm.loading,
+        variant: "text"
+    }))))));
+});
+export { ReenrichWithAi_ReenrichWithAi as ReenrichWithAi };
+
+//# sourceMappingURL=ReenrichWithAi.js.map

package/modules/AiEnrichment/ReenrichWithAi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/AiEnrichment/ReenrichWithAi.js","sources":["../../../src/modules/AiEnrichment/ReenrichWithAi.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { ReactComponent as AiIcon } from \"@webiny/icons/auto_awesome.svg\";\nimport { Dialog } from \"@webiny/admin-ui\";\nimport { createReactiveComponent } from \"@webiny/app-admin\";\nimport { useFeature } from \"@webiny/app\";\nimport { FileManagerViewConfig, useFile } from \"~/index.js\";\nimport { AiEnrichmentFeature } from \"./feature.js\";\nimport { StreamingPlaceholder } from \"./StreamingPlaceholder.js\";\n\nconst { FileDetails } = FileManagerViewConfig;\n\n/**\n * Test-bed for HTTP response streaming: re-runs AI enrichment for the open file and renders the\n * model's output as it arrives, rather than waiting for the whole response.\n *\n * The stream only PROPOSES. Save drops the values into the file details form as pending edits; the\n * file is written when the user presses Update in the drawer, exactly as for a hand-typed edit.\n */\nexport const ReenrichWithAi = createReactiveComponent(function ReenrichWithAi() {\n    const { file } = useFile();\n    const { presenter } = useFeature(AiEnrichmentFeature);\n    const { vm } = presenter;\n\n    // Abandon an in-flight stream when this view goes away, so the read loop doesn't keep running\n    // against a component that no longer exists.\n    useEffect(() => {\n        return () => presenter.dispose();\n    }, [presenter]);\n\n    return (\n        <>\n            <FileDetails.Action.Button\n                label={\"Re-enrich with AI\"}\n                icon={<AiIcon />}\n                onAction={() => presenter.start(file.id)}\n                data-testid={\"fm.file-details.action.reenrich-with-ai\"}\n            />\n            <Dialog\n                open={vm.open}\n                onOpenChange={open => presenter.setOpen(open)}\n                title={\"Re-enrich with AI\"}\n                description={vm.message}\n                actions={\n                    <>\n                        <Dialog.CancelAction />\n                        <Dialog.ConfirmAction\n                            text={\"Apply\"}\n                            onClick={() => presenter.accept()}\n                            disabled={!vm.canSave}\n                        />\n                    </>\n                }\n            >\n                <div className={\"flex flex-col gap-md\"}>\n                    {/*\n                     * Each value box reserves its space so the dialog doesn't resize while the model\n                     * streams, and the footer buttons don't slide out from under the pointer.\n                     *\n                     * On the value boxes rather than once on the body: tags and description grow\n                     * independently, so a single body minimum would still let wrapping tags shove the\n                     * description down. The reservations cover what this prompt (\"up to 5 tags and one\n                     * short sentence\") actually produces — two rows of chips, four lines of text.\n                     * Beyond that the dialog grows, which beats clipping.\n                     */}\n                    <div>\n                        <div className={\"text-sm font-semibold mb-xs\"}>{\"Tags\"}</div>\n                        <div className={\"min-h-[48px]\"}>\n                            {vm.tags.length ? (\n                                <div className={\"flex flex-wrap gap-xs\"}>\n                                    {vm.tags.map(tag => (\n                                        <span\n                                            key={tag}\n                                            className={\n                                                \"text-sm px-sm py-xxs rounded bg-neutral-dimmed\"\n                                            }\n                                        >\n                                            {tag}\n                                        </span>\n                                    ))}\n                                </div>\n                            ) : (\n                                <StreamingPlaceholder loading={vm.loading} variant={\"chips\"} />\n                            )}\n                        </div>\n                    </div>\n                    <div>\n                        <div className={\"text-sm font-semibold mb-xs\"}>{\"Description\"}</div>\n                        {/*\n                         * `lh` is the line-height unit, so four lines stays four lines if the type\n                         * scale changes. Browsers without it simply ignore the minimum.\n                         */}\n                        <div className={\"text-sm min-h-[4lh]\"}>\n                            {vm.description ? (\n                                vm.description\n                            ) : (\n                                <StreamingPlaceholder loading={vm.loading} variant={\"text\"} />\n                            )}\n                        </div>\n                    </div>\n                </div>\n            </Dialog>\n        </>\n    );\n});\n"],"names":["FileDetails","FileManagerViewConfig","ReenrichWithAi","createReactiveComponent","file","useFile","presenter","useFeature","AiEnrichmentFeature","vm","useEffect","AiIcon","Dialog","open","tag","StreamingPlaceholder"],"mappings":";;;;;;;;AASA,MAAM,EAAEA,aAAAA,WAAW,EAAE,GAAGC;AASjB,MAAMC,gCAAiBC,wBAAwB;IAClD,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IACjC,MAAM,EAAEC,EAAE,EAAE,GAAGH;IAIfI,UAAU,IACC,IAAMJ,UAAU,OAAO,IAC/B;QAACA;KAAU;IAEd,OAAO,WAAP,GACI,wDACI,oBAACN,YAAY,MAAM,CAAC,MAAM;QACtB,OAAO;QACP,oBAAM,oBAACW,gBAAMA;QACb,UAAU,IAAML,UAAU,KAAK,CAACF,KAAK,EAAE;QACvC,eAAa;sBAEjB,oBAACQ,QAAMA;QACH,MAAMH,GAAG,IAAI;QACb,cAAcI,CAAAA,OAAQP,UAAU,OAAO,CAACO;QACxC,OAAO;QACP,aAAaJ,GAAG,OAAO;QACvB,uBACI,wDACI,oBAACG,OAAO,YAAY,uBACpB,oBAACA,OAAO,aAAa;YACjB,MAAM;YACN,SAAS,IAAMN,UAAU,MAAM;YAC/B,UAAU,CAACG,GAAG,OAAO;;qBAKjC,oBAAC;QAAI,WAAW;qBAWZ,oBAAC,2BACG,oBAAC;QAAI,WAAW;OAAgC,uBAChD,oBAAC;QAAI,WAAW;OACXA,GAAG,IAAI,CAAC,MAAM,GAAG,WAAH,GACX,oBAAC;QAAI,WAAW;OACXA,GAAG,IAAI,CAAC,GAAG,CAACK,CAAAA,MAAAA,WAAAA,GACT,oBAAC;YACG,KAAKA;YACL,WACI;WAGHA,SAAAA,WAAAA,GAKb,oBAACC,sBAAoBA;QAAC,SAASN,GAAG,OAAO;QAAE,SAAS;wBAIhE,oBAAC,2BACG,oBAAC;QAAI,WAAW;OAAgC,8BAKhD,oBAAC;QAAI,WAAW;OACXA,GAAG,WAAW,GACXA,GAAG,WAAW,iBAEd,oBAACM,sBAAoBA;QAAC,SAASN,GAAG,OAAO;QAAE,SAAS;;AAQpF"}

package/modules/AiEnrichment/ReenrichWithAiPresenter.d.ts

@@ -0,0 +1,50 @@
+import { Notifications } from "@webiny/app-admin/features/notifications/abstractions.js";
+import { FileDetailsPresenter } from "../../presentation/FileDetails/abstractions.js";
+import type { IReenrichFileGateway, IReenrichWithAiPresenter, IReenrichWithAiViewModel } from "./abstractions.js";
+declare class ReenrichWithAiPresenterImpl implements IReenrichWithAiPresenter {
+    private gateway;
+    private fileDetails;
+    private notifications;
+    private open;
+    private status;
+    private tags;
+    private description;
+    private error;
+    /**
+     * Not observable state — nothing renders from it. It exists so an in-flight stream can be
+     * abandoned when the dialog closes or the view goes away; a streaming response stays open for as
+     * long as the producer runs, so without this the read loop would outlive its reader.
+     */
+    private controller;
+    constructor(gateway: IReenrichFileGateway, fileDetails: FileDetailsPresenter.Interface, notifications: Notifications.Interface);
+    get vm(): IReenrichWithAiViewModel;
+    start(fileId: string): Promise<void>;
+    accept(): void;
+    setOpen(open: boolean): void;
+    /**
+     * Called when the view unmounts. Resets, not just aborts: the presenter is a DI singleton, so a
+     * left-over `open` would pop the dialog straight back up the next time the view mounts.
+     */
+    dispose(): void;
+    /** Aborts any previous run, clears the last result, and opens the dialog on a fresh one. */
+    private beginRun;
+    /**
+     * Merges one streamed value into the displayed proposal.
+     *
+     * The model streams the tag array CHARACTER by character, so the last entry of a partial value is
+     * usually a half-written word — "webiny" arrives as "web", "webi", "webiny". While the stream is
+     * running that trailing entry is dropped, so a chip appears only once its text is settled; the
+     * `done` value is complete and used whole.
+     *
+     * Do NOT accumulate across partials instead of replacing. Every prefix differs from the last, so
+     * "keep everything seen" turns one tag into a chip per keystroke.
+     */
+    private applyOutput;
+    private finish;
+    private fail;
+    private abort;
+}
+export declare const ReenrichWithAiPresenter: typeof ReenrichWithAiPresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<IReenrichWithAiPresenter>;
+};
+export {};

package/modules/AiEnrichment/ReenrichWithAiPresenter.js

@@ -0,0 +1,114 @@
+import { makeAutoObservable } from "mobx";
+import { Notifications } from "@webiny/app-admin/features/notifications/abstractions.js";
+import { FileDetailsPresenter } from "../../presentation/FileDetails/abstractions.js";
+import { ReenrichFileGateway, ReenrichWithAiPresenter } from "./abstractions.js";
+const STATUS_LABEL = {
+    idle: "",
+    running: "Analyzing image…",
+    ready: "Applying fills in the form below. Press Update to save the file.",
+    error: "Failed."
+};
+class ReenrichWithAiPresenterImpl {
+    constructor(gateway, fileDetails, notifications){
+        this.gateway = gateway;
+        this.fileDetails = fileDetails;
+        this.notifications = notifications;
+        this.open = false;
+        this.status = "idle";
+        this.tags = [];
+        this.description = "";
+        this.error = null;
+        this.controller = null;
+        makeAutoObservable(this, {
+            controller: false
+        });
+    }
+    get vm() {
+        return {
+            open: this.open,
+            message: this.error ?? STATUS_LABEL[this.status],
+            tags: this.tags,
+            description: this.description,
+            canSave: "ready" === this.status,
+            loading: "running" === this.status
+        };
+    }
+    async start(fileId) {
+        const controller = this.beginRun();
+        try {
+            for await (const event of this.gateway.execute(fileId, {
+                signal: controller.signal
+            })){
+                if ("partial" === event.type || "done" === event.type) this.applyOutput(event.tags, event.description, "done" === event.type);
+                if ("done" === event.type) this.finish("ready");
+                if ("error" === event.type) this.fail(event.message);
+            }
+        } catch (err) {
+            if (err instanceof DOMException && "AbortError" === err.name) return;
+            this.fail(err instanceof Error ? err.message : String(err));
+        }
+    }
+    accept() {
+        if ("ready" !== this.status) return;
+        this.fileDetails.vm.form.setData({
+            tags: this.tags,
+            description: this.description
+        }, {
+            dirty: true
+        });
+        this.setOpen(false);
+        this.notifications.notify({
+            title: "Suggestion applied",
+            description: "Press Update to save the new tags and description."
+        });
+    }
+    setOpen(open) {
+        if (!open) this.abort();
+        this.open = open;
+    }
+    dispose() {
+        this.abort();
+        this.open = false;
+        this.status = "idle";
+        this.tags = [];
+        this.description = "";
+        this.error = null;
+    }
+    beginRun() {
+        this.abort();
+        const controller = new AbortController();
+        this.controller = controller;
+        this.open = true;
+        this.status = "running";
+        this.tags = [];
+        this.description = "";
+        this.error = null;
+        return controller;
+    }
+    applyOutput(tags, description, final) {
+        this.tags = final ? tags : tags.slice(0, -1);
+        this.description = description;
+    }
+    finish(status) {
+        this.status = status;
+    }
+    fail(message) {
+        this.error = message;
+        this.status = "error";
+    }
+    abort() {
+        this.controller?.abort();
+        this.controller = null;
+    }
+}
+const ReenrichWithAiPresenter_ReenrichWithAiPresenter = ReenrichWithAiPresenter.createImplementation({
+    implementation: ReenrichWithAiPresenterImpl,
+    dependencies: [
+        ReenrichFileGateway,
+        FileDetailsPresenter,
+        Notifications
+    ]
+});
+export { ReenrichWithAiPresenter_ReenrichWithAiPresenter as ReenrichWithAiPresenter };
+
+//# sourceMappingURL=ReenrichWithAiPresenter.js.map

package/modules/AiEnrichment/ReenrichWithAiPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/AiEnrichment/ReenrichWithAiPresenter.js","sources":["../../../src/modules/AiEnrichment/ReenrichWithAiPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport { Notifications } from \"@webiny/app-admin/features/notifications/abstractions.js\";\nimport { FileDetailsPresenter } from \"~/presentation/FileDetails/abstractions.js\";\nimport {\n    ReenrichFileGateway,\n    ReenrichWithAiPresenter as PresenterAbstraction\n} from \"./abstractions.js\";\nimport type {\n    IReenrichFileGateway,\n    IReenrichWithAiPresenter,\n    IReenrichWithAiViewModel\n} from \"./abstractions.js\";\n\ntype Status = \"idle\" | \"running\" | \"ready\" | \"error\";\n\nconst STATUS_LABEL: Record<Status, string> = {\n    idle: \"\",\n    running: \"Analyzing image…\",\n    // Says what Apply does AND does not do. Applying only fills the form in — the file is written by\n    // the drawer's Update button, and nothing else on screen says so.\n    ready: \"Applying fills in the form below. Press Update to save the file.\",\n    error: \"Failed.\"\n};\n\nclass ReenrichWithAiPresenterImpl implements IReenrichWithAiPresenter {\n    private open = false;\n    private status: Status = \"idle\";\n    private tags: string[] = [];\n    private description = \"\";\n    private error: string | null = null;\n\n    /**\n     * Not observable state — nothing renders from it. It exists so an in-flight stream can be\n     * abandoned when the dialog closes or the view goes away; a streaming response stays open for as\n     * long as the producer runs, so without this the read loop would outlive its reader.\n     */\n    private controller: AbortController | null = null;\n\n    constructor(\n        private gateway: IReenrichFileGateway,\n        private fileDetails: FileDetailsPresenter.Interface,\n        private notifications: Notifications.Interface\n    ) {\n        // The second type parameter is what lets a PRIVATE field appear in the annotation map.\n        makeAutoObservable<ReenrichWithAiPresenterImpl, \"controller\">(this, { controller: false });\n    }\n\n    get vm(): IReenrichWithAiViewModel {\n        return {\n            open: this.open,\n            message: this.error ?? STATUS_LABEL[this.status],\n            tags: this.tags,\n            description: this.description,\n            canSave: this.status === \"ready\",\n            loading: this.status === \"running\"\n        };\n    }\n\n    async start(fileId: string) {\n        const controller = this.beginRun();\n\n        try {\n            for await (const event of this.gateway.execute(fileId, {\n                signal: controller.signal\n            })) {\n                if (event.type === \"partial\" || event.type === \"done\") {\n                    this.applyOutput(event.tags, event.description, event.type === \"done\");\n                }\n\n                // Nothing is written yet — the route only proposes. The user accepts with save().\n                if (event.type === \"done\") {\n                    this.finish(\"ready\");\n                }\n\n                if (event.type === \"error\") {\n                    this.fail(event.message);\n                }\n            }\n        } catch (err) {\n            // An abort is this presenter's own doing, not a failure to report.\n            if (err instanceof DOMException && err.name === \"AbortError\") {\n                return;\n            }\n            this.fail(err instanceof Error ? err.message : String(err));\n        }\n    }\n\n    accept() {\n        if (this.status !== \"ready\") {\n            return;\n        }\n\n        // Through the form's own `setData` rather than a method on FileDetailsPresenter: the drawer\n        // has no business knowing that AI enrichment exists, and every future feature that fills in\n        // fields would otherwise add one more method to it.\n        //\n        // `dirty: true` skips the baseline snapshot, so the form stays dirty and Update has something\n        // to save. setData merges — it only touches the keys passed — so Name and Access Control keep\n        // whatever the user has typed.\n        this.fileDetails.vm.form.setData(\n            { tags: this.tags, description: this.description },\n            { dirty: true }\n        );\n        this.setOpen(false);\n\n        // The dialog is gone the moment it is accepted, so the reminder has to outlive it. `notify`\n        // rather than `success`: nothing has been saved yet, and a green tick would say it had.\n        this.notifications.notify({\n            title: \"Suggestion applied\",\n            description: \"Press Update to save the new tags and description.\"\n        });\n    }\n\n    setOpen(open: boolean) {\n        if (!open) {\n            this.abort();\n        }\n        this.open = open;\n    }\n\n    /**\n     * Called when the view unmounts. Resets, not just aborts: the presenter is a DI singleton, so a\n     * left-over `open` would pop the dialog straight back up the next time the view mounts.\n     */\n    dispose() {\n        this.abort();\n        this.open = false;\n        this.status = \"idle\";\n        this.tags = [];\n        this.description = \"\";\n        this.error = null;\n    }\n\n    /** Aborts any previous run, clears the last result, and opens the dialog on a fresh one. */\n    private beginRun(): AbortController {\n        this.abort();\n\n        const controller = new AbortController();\n        this.controller = controller;\n\n        this.open = true;\n        this.status = \"running\";\n        this.tags = [];\n        this.description = \"\";\n        this.error = null;\n\n        return controller;\n    }\n\n    /**\n     * Merges one streamed value into the displayed proposal.\n     *\n     * The model streams the tag array CHARACTER by character, so the last entry of a partial value is\n     * usually a half-written word — \"webiny\" arrives as \"web\", \"webi\", \"webiny\". While the stream is\n     * running that trailing entry is dropped, so a chip appears only once its text is settled; the\n     * `done` value is complete and used whole.\n     *\n     * Do NOT accumulate across partials instead of replacing. Every prefix differs from the last, so\n     * \"keep everything seen\" turns one tag into a chip per keystroke.\n     */\n    private applyOutput(tags: string[], description: string, final: boolean) {\n        this.tags = final ? tags : tags.slice(0, -1);\n        this.description = description;\n    }\n\n    private finish(status: Status) {\n        this.status = status;\n    }\n\n    private fail(message: string) {\n        this.error = message;\n        this.status = \"error\";\n    }\n\n    private abort() {\n        this.controller?.abort();\n        this.controller = null;\n    }\n}\n\nexport const ReenrichWithAiPresenter = PresenterAbstraction.createImplementation({\n    implementation: ReenrichWithAiPresenterImpl,\n    dependencies: [ReenrichFileGateway, FileDetailsPresenter, Notifications]\n});\n"],"names":["STATUS_LABEL","ReenrichWithAiPresenterImpl","gateway","fileDetails","notifications","makeAutoObservable","fileId","controller","event","err","DOMException","Error","String","open","AbortController","tags","description","final","status","message","ReenrichWithAiPresenter","PresenterAbstraction","ReenrichFileGateway","FileDetailsPresenter","Notifications"],"mappings":";;;;AAeA,MAAMA,eAAuC;IACzC,MAAM;IACN,SAAS;IAGT,OAAO;IACP,OAAO;AACX;AAEA,MAAMC;IAcF,YACYC,OAA6B,EAC7BC,WAA2C,EAC3CC,aAAsC,CAChD;aAHUF,OAAO,GAAPA;aACAC,WAAW,GAAXA;aACAC,aAAa,GAAbA;aAhBJ,IAAI,GAAG;aACP,MAAM,GAAW;aACjB,IAAI,GAAa,EAAE;aACnB,WAAW,GAAG;aACd,KAAK,GAAkB;QAM9B,KACO,UAAU,GAA2B;QAQzCC,mBAA8D,IAAI,EAAE;YAAE,YAAY;QAAM;IAC5F;IAEA,IAAI,KAA+B;QAC/B,OAAO;YACH,MAAM,IAAI,CAAC,IAAI;YACf,SAAS,IAAI,CAAC,KAAK,IAAIL,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC;YAChD,MAAM,IAAI,CAAC,IAAI;YACf,aAAa,IAAI,CAAC,WAAW;YAC7B,SAAS,AAAgB,YAAhB,IAAI,CAAC,MAAM;YACpB,SAAS,AAAgB,cAAhB,IAAI,CAAC,MAAM;QACxB;IACJ;IAEA,MAAM,MAAMM,MAAc,EAAE;QACxB,MAAMC,aAAa,IAAI,CAAC,QAAQ;QAEhC,IAAI;YACA,WAAW,MAAMC,SAAS,IAAI,CAAC,OAAO,CAAC,OAAO,CAACF,QAAQ;gBACnD,QAAQC,WAAW,MAAM;YAC7B,GAAI;gBACA,IAAIC,AAAe,cAAfA,MAAM,IAAI,IAAkBA,AAAe,WAAfA,MAAM,IAAI,EACtC,IAAI,CAAC,WAAW,CAACA,MAAM,IAAI,EAAEA,MAAM,WAAW,EAAEA,AAAe,WAAfA,MAAM,IAAI;gBAI9D,IAAIA,AAAe,WAAfA,MAAM,IAAI,EACV,IAAI,CAAC,MAAM,CAAC;gBAGhB,IAAIA,AAAe,YAAfA,MAAM,IAAI,EACV,IAAI,CAAC,IAAI,CAACA,MAAM,OAAO;YAE/B;QACJ,EAAE,OAAOC,KAAK;YAEV,IAAIA,eAAeC,gBAAgBD,AAAa,iBAAbA,IAAI,IAAI,EACvC;YAEJ,IAAI,CAAC,IAAI,CAACA,eAAeE,QAAQF,IAAI,OAAO,GAAGG,OAAOH;QAC1D;IACJ;IAEA,SAAS;QACL,IAAI,AAAgB,YAAhB,IAAI,CAAC,MAAM,EACX;QAUJ,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAC5B;YAAE,MAAM,IAAI,CAAC,IAAI;YAAE,aAAa,IAAI,CAAC,WAAW;QAAC,GACjD;YAAE,OAAO;QAAK;QAElB,IAAI,CAAC,OAAO,CAAC;QAIb,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC;YACtB,OAAO;YACP,aAAa;QACjB;IACJ;IAEA,QAAQI,IAAa,EAAE;QACnB,IAAI,CAACA,MACD,IAAI,CAAC,KAAK;QAEd,IAAI,CAAC,IAAI,GAAGA;IAChB;IAMA,UAAU;QACN,IAAI,CAAC,KAAK;QACV,IAAI,CAAC,IAAI,GAAG;QACZ,IAAI,CAAC,MAAM,GAAG;QACd,IAAI,CAAC,IAAI,GAAG,EAAE;QACd,IAAI,CAAC,WAAW,GAAG;QACnB,IAAI,CAAC,KAAK,GAAG;IACjB;IAGQ,WAA4B;QAChC,IAAI,CAAC,KAAK;QAEV,MAAMN,aAAa,IAAIO;QACvB,IAAI,CAAC,UAAU,GAAGP;QAElB,IAAI,CAAC,IAAI,GAAG;QACZ,IAAI,CAAC,MAAM,GAAG;QACd,IAAI,CAAC,IAAI,GAAG,EAAE;QACd,IAAI,CAAC,WAAW,GAAG;QACnB,IAAI,CAAC,KAAK,GAAG;QAEb,OAAOA;IACX;IAaQ,YAAYQ,IAAc,EAAEC,WAAmB,EAAEC,KAAc,EAAE;QACrE,IAAI,CAAC,IAAI,GAAGA,QAAQF,OAAOA,KAAK,KAAK,CAAC,GAAG;QACzC,IAAI,CAAC,WAAW,GAAGC;IACvB;IAEQ,OAAOE,MAAc,EAAE;QAC3B,IAAI,CAAC,MAAM,GAAGA;IAClB;IAEQ,KAAKC,OAAe,EAAE;QAC1B,IAAI,CAAC,KAAK,GAAGA;QACb,IAAI,CAAC,MAAM,GAAG;IAClB;IAEQ,QAAQ;QACZ,IAAI,CAAC,UAAU,EAAE;QACjB,IAAI,CAAC,UAAU,GAAG;IACtB;AACJ;AAEO,MAAMC,kDAA0BC,wBAAAA,oBAAyC,CAAC;IAC7E,gBAAgBpB;IAChB,cAAc;QAACqB;QAAqBC;QAAsBC;KAAc;AAC5E"}

package/modules/AiEnrichment/StreamingPlaceholder.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export type StreamingPlaceholderVariant = "chips" | "text";
+export interface StreamingPlaceholderProps {
+    /** While the producer is still running, an empty field is pending — not empty. */
+    loading: boolean;
+    variant: StreamingPlaceholderVariant;
+}
+/**
+ * Stands in for a field that has no content yet: skeleton bars while a stream is running, and a dash
+ * once it has stopped and the field genuinely came back empty.
+ *
+ * The bar widths and layout live here rather than in props, so a caller says what KIND of content is
+ * coming and nothing more.
+ */
+export declare const StreamingPlaceholder: ({ loading, variant }: StreamingPlaceholderProps) => React.JSX.Element;