@webiny/app-audit-logs 6.4.12-beta.4 → 6.5.0-beta.0

package/views/Logs/Preview/Preview.js

@@ -1,22 +1,70 @@
-import react from "react";
+import react, { useEffect, useMemo } from "react";
 import { addMinutes, format } from "date-fns";
-import { CodeEditor, Dialog, Grid, Tooltip } from "@webiny/admin-ui";
+import { CodeEditor, Drawer, Grid, Tabs, Tooltip } from "@webiny/admin-ui";
+import { createReactiveComponent } from "@webiny/app-admin";
 import { Action } from "../Table/index.js";
 import { Text } from "../../../components/Text.js";
-import { PayloadWrapper, previewDialog } from "./styled.js";
-const Preview = ({ auditLog, onClose, hasAccessToUsers })=>{
+import { useAuditLogsListConfig } from "../../../config/list/AuditLogsListConfig.js";
+import { useAuditLogDetailsPresenter } from "./feature.js";
+const EDITOR_HEIGHT = "calc(100vh - 350px)";
+const Preview_PayloadTab = createReactiveComponent(function() {
+    const presenter = useAuditLogDetailsPresenter();
+    const { auditLog } = presenter.vm;
+    if (!auditLog) return null;
+    return /*#__PURE__*/ react.createElement(CodeEditor, {
+        language: "json",
+        value: JSON.stringify(JSON.parse(auditLog.content), null, 2),
+        height: EDITOR_HEIGHT
+    });
+});
+const Preview_Preview = createReactiveComponent(function({ auditLog, onClose, hasAccessToUsers }) {
+    const presenter = useAuditLogDetailsPresenter();
+    const config = useAuditLogsListConfig();
+    useEffect(()=>{
+        if (auditLog) presenter.init(auditLog);
+    }, [
+        presenter,
+        auditLog
+    ]);
+    const tabs = useMemo(()=>{
+        if (!auditLog) return [];
+        const customTabs = config.details.tabs.filter((tab)=>!tab.canRender || tab.canRender(auditLog));
+        return [
+            /*#__PURE__*/ react.createElement(Tabs.Tab, {
+                key: "payload",
+                value: "payload",
+                trigger: "Payload",
+                content: /*#__PURE__*/ react.createElement(Preview_PayloadTab, null)
+            }),
+            ...customTabs.map((tab)=>/*#__PURE__*/ react.createElement(Tabs.Tab, {
+                    key: tab.name,
+                    value: tab.name,
+                    trigger: tab.label,
+                    content: tab.element
+                }))
+        ];
+    }, [
+        auditLog,
+        config.details.tabs
+    ]);
     if (!auditLog) return null;
     const date = new Date(auditLog.createdOn);
-    return /*#__PURE__*/ react.createElement(Dialog, {
-        open: !!auditLog,
+    return /*#__PURE__*/ react.createElement(Drawer, {
+        open: true,
         onClose: onClose,
-        className: previewDialog,
-        size: "xl",
+        modal: true,
+        width: 720,
         title: auditLog.message,
-        actions: /*#__PURE__*/ react.createElement(Dialog.CancelAction, {
-            onClick: onClose,
-            text: "Close"
+        headerSeparator: true,
+        bodyPadding: false,
+        actions: /*#__PURE__*/ react.createElement(Drawer.CancelButton, {
+            text: "Close",
+            onClick: onClose
         })
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col h-full"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "shrink-0 p-md pb-0"
     }, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
         span: 6
     }, /*#__PURE__*/ react.createElement(Text, {
@@ -28,7 +76,7 @@ const Preview = ({ auditLog, onClose, hasAccessToUsers })=>{
     }, /*#__PURE__*/ react.createElement(Text, {
         use: "overline"
     }, "Date"), /*#__PURE__*/ react.createElement("br", null), /*#__PURE__*/ react.createElement(Tooltip, {
-        side: "right",
+        side: "left",
         content: `UTC: ${format(addMinutes(date, date.getTimezoneOffset()), "yyyy-MM-dd HH:mm:ss")}`,
         trigger: /*#__PURE__*/ react.createElement(Text, {
             use: "subtitle2"
@@ -68,15 +116,12 @@ const Preview = ({ auditLog, onClose, hasAccessToUsers })=>{
         use: "subtitle2"
     }, auditLog.createdBy.displayName)), /*#__PURE__*/ react.createElement(Text, {
         use: "body2"
-    }, ` (${auditLog.createdBy.role})`)) : void 0, /*#__PURE__*/ react.createElement(Grid.Column, {
-        span: 12
-    }, /*#__PURE__*/ react.createElement(Text, {
-        use: "overline"
-    }, "Payload"), /*#__PURE__*/ react.createElement(PayloadWrapper, null, /*#__PURE__*/ react.createElement(CodeEditor, {
-        language: "json",
-        value: JSON.stringify(JSON.parse(auditLog.content), null, 2)
-    })))));
-};
-export { Preview };
+    }, ` (${auditLog.createdBy.role})`)) : null)), /*#__PURE__*/ react.createElement("div", {
+        className: "px-md pb-md"
+    }, /*#__PURE__*/ react.createElement(Tabs, {
+        tabs: tabs
+    }))));
+});
+export { Preview_Preview as Preview };
 
 //# sourceMappingURL=Preview.js.map

package/views/Logs/Preview/Preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"views/Logs/Preview/Preview.js","sources":["../../../../src/views/Logs/Preview/Preview.tsx"],"sourcesContent":["import React from \"react\";\nimport { addMinutes, format } from \"date-fns\";\nimport { Grid, Dialog, CodeEditor, Tooltip } from \"@webiny/admin-ui\";\nimport { Action } from \"~/views/Logs/Table/index.js\";\nimport { Text } from \"~/components/Text.js\";\nimport { PayloadWrapper, previewDialog } from \"./styled.js\";\nimport type { IAuditLog } from \"~/types.js\";\n\ninterface HeaderProps {\n    auditLog: IAuditLog | null;\n    onClose: () => void;\n    hasAccessToUsers: boolean;\n}\n\nexport const Preview = ({ auditLog, onClose, hasAccessToUsers }: HeaderProps) => {\n    if (!auditLog) {\n        return null;\n    }\n    const date = new Date(auditLog.createdOn);\n\n    return (\n        <Dialog\n            open={!!auditLog}\n            onClose={onClose}\n            className={previewDialog}\n            size={\"xl\"}\n            title={auditLog.message}\n            actions={<Dialog.CancelAction onClick={onClose} text={\"Close\"} />}\n        >\n            <Grid>\n                <Grid.Column span={6}>\n                    <Text use=\"overline\">Application</Text>\n                    <br />\n                    <Text use=\"subtitle2\">{auditLog.app}</Text>\n                </Grid.Column>\n                <Grid.Column span={6}>\n                    <Text use=\"overline\">Date</Text>\n                    <br />\n                    <Tooltip\n                        side=\"right\"\n                        content={`UTC: ${format(\n                            addMinutes(date, date.getTimezoneOffset()),\n                            \"yyyy-MM-dd HH:mm:ss\"\n                        )}`}\n                        trigger={\n                            <Text use={\"subtitle2\"}>{format(date, \"yyyy-MM-dd HH:mm:ss (O)\")}</Text>\n                        }\n                    />\n                </Grid.Column>\n                <Grid.Column span={6}>\n                    <Text use=\"overline\">Entity</Text>\n                    <br />\n                    <Text use=\"subtitle2\">{auditLog.entity.label}</Text>\n                </Grid.Column>\n                <Grid.Column span={6}>\n                    <Text use=\"overline\">Entity Id</Text>\n                    <br />\n                    {auditLog.entity.link ? (\n                        <a href={auditLog.entity.link} target={\"blank\"}>\n                            <Text use=\"subtitle2\">{auditLog.entityId}</Text>\n                        </a>\n                    ) : (\n                        <Text use=\"subtitle2\">{auditLog.entityId}</Text>\n                    )}\n                </Grid.Column>\n                <Grid.Column span={6}>\n                    <Text use=\"overline\">Action</Text>\n                    <br />\n                    <Action label={auditLog.action.label} value={auditLog.action.value} />\n                </Grid.Column>\n                {\n                    (hasAccessToUsers ? (\n                        <Grid.Column span={6}>\n                            <Text use=\"overline\">Initiator</Text>\n                            <br />\n                            <a href={`/admin-users?id=${auditLog.createdBy.id}`} target={\"blank\"}>\n                                <Text use={\"subtitle2\"}>{auditLog.createdBy.displayName}</Text>\n                            </a>\n                            <Text use={\"body2\"}>{` (${auditLog.createdBy.role})`}</Text>\n                        </Grid.Column>\n                    ) : undefined) as any\n                }\n                <Grid.Column span={12}>\n                    <Text use=\"overline\">Payload</Text>\n                    <PayloadWrapper>\n                        <CodeEditor\n                            language=\"json\"\n                            value={JSON.stringify(JSON.parse(auditLog.content), null, 2)}\n                        />\n                    </PayloadWrapper>\n                </Grid.Column>\n            </Grid>\n        </Dialog>\n    );\n};\n"],"names":["Preview","auditLog","onClose","hasAccessToUsers","date","Date","Dialog","previewDialog","Grid","Text","Tooltip","format","addMinutes","Action","undefined","PayloadWrapper","CodeEditor","JSON"],"mappings":";;;;;;AAcO,MAAMA,UAAU,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,gBAAgB,EAAe;IACxE,IAAI,CAACF,UACD,OAAO;IAEX,MAAMG,OAAO,IAAIC,KAAKJ,SAAS,SAAS;IAExC,OAAO,WAAP,GACI,oBAACK,QAAMA;QACH,MAAM,CAAC,CAACL;QACR,SAASC;QACT,WAAWK;QACX,MAAM;QACN,OAAON,SAAS,OAAO;QACvB,uBAAS,oBAACK,OAAO,YAAY;YAAC,SAASJ;YAAS,MAAM;;qBAEtD,oBAACM,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,KAAI;OAAW,8BACrB,oBAAC,2BACD,oBAACA,MAAIA;QAAC,KAAI;OAAaR,SAAS,GAAG,kBAEvC,oBAACO,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,KAAI;OAAW,uBACrB,oBAAC,2BACD,oBAACC,SAAOA;QACJ,MAAK;QACL,SAAS,CAAC,KAAK,EAAEC,OACbC,WAAWR,MAAMA,KAAK,iBAAiB,KACvC,wBACD;QACH,uBACI,oBAACK,MAAIA;YAAC,KAAK;WAAcE,OAAOP,MAAM;uBAIlD,oBAACI,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,KAAI;OAAW,yBACrB,oBAAC,2BACD,oBAACA,MAAIA;QAAC,KAAI;OAAaR,SAAS,MAAM,CAAC,KAAK,kBAEhD,oBAACO,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,KAAI;OAAW,4BACrB,oBAAC,aACAR,SAAS,MAAM,CAAC,IAAI,GAAG,WAAH,GACjB,oBAAC;QAAE,MAAMA,SAAS,MAAM,CAAC,IAAI;QAAE,QAAQ;qBACnC,oBAACQ,MAAIA;QAAC,KAAI;OAAaR,SAAS,QAAQ,mBAG5C,oBAACQ,MAAIA;QAAC,KAAI;OAAaR,SAAS,QAAQ,kBAGhD,oBAACO,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,KAAI;OAAW,yBACrB,oBAAC,2BACD,oBAACI,QAAMA;QAAC,OAAOZ,SAAS,MAAM,CAAC,KAAK;QAAE,OAAOA,SAAS,MAAM,CAAC,KAAK;SAGjEE,mBAAmB,WAAnBA,GACG,oBAACK,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,KAAI;OAAW,4BACrB,oBAAC,2BACD,oBAAC;QAAE,MAAM,CAAC,gBAAgB,EAAER,SAAS,SAAS,CAAC,EAAE,EAAE;QAAE,QAAQ;qBACzD,oBAACQ,MAAIA;QAAC,KAAK;OAAcR,SAAS,SAAS,CAAC,WAAW,kBAE3D,oBAACQ,MAAIA;QAAC,KAAK;OAAU,CAAC,EAAE,EAAER,SAAS,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,KAExDa,QAAAA,WAAAA,GAER,oBAACN,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,KAAI;OAAW,0BACrB,oBAACM,gBAAcA,MAAAA,WAAAA,GACX,oBAACC,YAAUA;QACP,UAAS;QACT,OAAOC,KAAK,SAAS,CAACA,KAAK,KAAK,CAAChB,SAAS,OAAO,GAAG,MAAM;;AAOtF"}
+{"version":3,"file":"views/Logs/Preview/Preview.js","sources":["../../../../src/views/Logs/Preview/Preview.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { addMinutes, format } from \"date-fns\";\nimport { Grid, Drawer, CodeEditor, Tooltip, Tabs } from \"@webiny/admin-ui\";\nimport { createReactiveComponent } from \"@webiny/app-admin\";\nimport { Action } from \"~/views/Logs/Table/index.js\";\nimport { Text } from \"~/components/Text.js\";\nimport { useAuditLogsListConfig } from \"~/config/list/AuditLogsListConfig.js\";\nimport { useAuditLogDetailsPresenter } from \"./feature.js\";\nimport type { IAuditLog } from \"~/types.js\";\n\ninterface PreviewProps {\n    auditLog: IAuditLog | null;\n    onClose: () => void;\n    hasAccessToUsers: boolean;\n}\n\nconst EDITOR_HEIGHT = \"calc(100vh - 350px)\";\n\nconst PayloadTab = createReactiveComponent(function PayloadTab() {\n    const presenter = useAuditLogDetailsPresenter();\n    const { auditLog } = presenter.vm;\n    if (!auditLog) {\n        return null;\n    }\n    return (\n        <CodeEditor\n            language=\"json\"\n            value={JSON.stringify(JSON.parse(auditLog.content), null, 2)}\n            height={EDITOR_HEIGHT}\n        />\n    );\n});\n\nexport const Preview = createReactiveComponent(function Preview({\n    auditLog,\n    onClose,\n    hasAccessToUsers\n}: PreviewProps) {\n    const presenter = useAuditLogDetailsPresenter();\n    const config = useAuditLogsListConfig();\n\n    useEffect(() => {\n        if (auditLog) {\n            presenter.init(auditLog);\n        }\n    }, [presenter, auditLog]);\n\n    const tabs = useMemo(() => {\n        if (!auditLog) {\n            return [];\n        }\n\n        const customTabs = config.details.tabs.filter(\n            tab => !tab.canRender || tab.canRender(auditLog)\n        );\n\n        return [\n            <Tabs.Tab key=\"payload\" value=\"payload\" trigger=\"Payload\" content={<PayloadTab />} />,\n            ...customTabs.map(tab => (\n                <Tabs.Tab\n                    key={tab.name}\n                    value={tab.name}\n                    trigger={tab.label}\n                    content={tab.element}\n                />\n            ))\n        ];\n    }, [auditLog, config.details.tabs]);\n\n    if (!auditLog) {\n        return null;\n    }\n\n    const date = new Date(auditLog.createdOn);\n\n    return (\n        <Drawer\n            open={true}\n            onClose={onClose}\n            modal={true}\n            width={720}\n            title={auditLog.message}\n            headerSeparator={true}\n            bodyPadding={false}\n            actions={<Drawer.CancelButton text={\"Close\"} onClick={onClose} />}\n        >\n            <div className={\"flex flex-col h-full\"}>\n                <div className={\"shrink-0 p-md pb-0\"}>\n                    <Grid>\n                        <Grid.Column span={6}>\n                            <Text use=\"overline\">Application</Text>\n                            <br />\n                            <Text use=\"subtitle2\">{auditLog.app}</Text>\n                        </Grid.Column>\n                        <Grid.Column span={6}>\n                            <Text use=\"overline\">Date</Text>\n                            <br />\n                            <Tooltip\n                                side=\"left\"\n                                content={`UTC: ${format(\n                                    addMinutes(date, date.getTimezoneOffset()),\n                                    \"yyyy-MM-dd HH:mm:ss\"\n                                )}`}\n                                trigger={\n                                    <Text use={\"subtitle2\"}>\n                                        {format(date, \"yyyy-MM-dd HH:mm:ss (O)\")}\n                                    </Text>\n                                }\n                            />\n                        </Grid.Column>\n                        <Grid.Column span={6}>\n                            <Text use=\"overline\">Entity</Text>\n                            <br />\n                            <Text use=\"subtitle2\">{auditLog.entity.label}</Text>\n                        </Grid.Column>\n                        <Grid.Column span={6}>\n                            <Text use=\"overline\">Entity Id</Text>\n                            <br />\n                            {auditLog.entity.link ? (\n                                <a href={auditLog.entity.link} target={\"blank\"}>\n                                    <Text use=\"subtitle2\">{auditLog.entityId}</Text>\n                                </a>\n                            ) : (\n                                <Text use=\"subtitle2\">{auditLog.entityId}</Text>\n                            )}\n                        </Grid.Column>\n                        <Grid.Column span={6}>\n                            <Text use=\"overline\">Action</Text>\n                            <br />\n                            <Action label={auditLog.action.label} value={auditLog.action.value} />\n                        </Grid.Column>\n                        {hasAccessToUsers ? (\n                            <Grid.Column span={6}>\n                                <Text use=\"overline\">Initiator</Text>\n                                <br />\n                                <a\n                                    href={`/admin-users?id=${auditLog.createdBy.id}`}\n                                    target={\"blank\"}\n                                >\n                                    <Text use={\"subtitle2\"}>{auditLog.createdBy.displayName}</Text>\n                                </a>\n                                <Text use={\"body2\"}>{` (${auditLog.createdBy.role})`}</Text>\n                            </Grid.Column>\n                        ) : null}\n                    </Grid>\n                </div>\n                <div className={\"px-md pb-md\"}>\n                    <Tabs tabs={tabs} />\n                </div>\n            </div>\n        </Drawer>\n    );\n});\n"],"names":["EDITOR_HEIGHT","PayloadTab","createReactiveComponent","presenter","useAuditLogDetailsPresenter","auditLog","CodeEditor","JSON","Preview","onClose","hasAccessToUsers","config","useAuditLogsListConfig","useEffect","tabs","useMemo","customTabs","tab","Tabs","date","Date","Drawer","Grid","Text","Tooltip","format","addMinutes","Action"],"mappings":"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"}

package/views/Logs/Preview/abstractions.d.ts

@@ -0,0 +1,14 @@
+import type { IAuditLog } from "../../../types.js";
+export interface IAuditLogDetailsVm {
+    auditLog: IAuditLog | null;
+    content: Record<string, unknown>;
+}
+export interface IAuditLogDetailsPresenter {
+    readonly vm: IAuditLogDetailsVm;
+    init(auditLog: IAuditLog): void;
+}
+export declare const AuditLogDetailsPresenter: import("@webiny/di").Abstraction<IAuditLogDetailsPresenter>;
+export declare namespace AuditLogDetailsPresenter {
+    type Interface = IAuditLogDetailsPresenter;
+    type ViewModel = IAuditLogDetailsVm;
+}

package/views/Logs/Preview/abstractions.js

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

package/views/Logs/Preview/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"views/Logs/Preview/abstractions.js","sources":["../../../../src/views/Logs/Preview/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { IAuditLog } from \"~/types.js\";\n\nexport interface IAuditLogDetailsVm {\n    auditLog: IAuditLog | null;\n    content: Record<string, unknown>;\n}\n\nexport interface IAuditLogDetailsPresenter {\n    readonly vm: IAuditLogDetailsVm;\n    init(auditLog: IAuditLog): void;\n}\n\nexport const AuditLogDetailsPresenter = createAbstraction<IAuditLogDetailsPresenter>(\n    \"AuditLogDetailsPresenter\"\n);\n\nexport namespace AuditLogDetailsPresenter {\n    export type Interface = IAuditLogDetailsPresenter;\n    export type ViewModel = IAuditLogDetailsVm;\n}\n"],"names":["AuditLogDetailsPresenter","createAbstraction"],"mappings":";AAaO,MAAMA,2BAA2BC,kBACpC"}

package/views/Logs/Preview/feature.d.ts

@@ -0,0 +1,5 @@
+import { AuditLogDetailsPresenter as Abstraction } from "./abstractions.js";
+export declare const AuditLogDetailsPresenterFeature: import("@webiny/feature/admin").FeatureDefinition<{
+    presenter: import("./abstractions.js").IAuditLogDetailsPresenter;
+}, []>;
+export declare function useAuditLogDetailsPresenter(): Abstraction.Interface;

package/views/Logs/Preview/feature.js

@@ -0,0 +1,22 @@
+import { createFeature } from "@webiny/feature/admin";
+import { useFeature } from "@webiny/app-admin";
+import { AuditLogDetailsPresenter } from "./abstractions.js";
+import { AuditLogDetailsPresenter as external_AuditLogDetailsPresenter_js_AuditLogDetailsPresenter } from "./AuditLogDetailsPresenter.js";
+const AuditLogDetailsPresenterFeature = createFeature({
+    name: "AuditLogs/DetailsPresenter",
+    register (container) {
+        container.register(external_AuditLogDetailsPresenter_js_AuditLogDetailsPresenter).inSingletonScope();
+    },
+    resolve (container) {
+        return {
+            presenter: container.resolve(AuditLogDetailsPresenter)
+        };
+    }
+});
+function useAuditLogDetailsPresenter() {
+    const { presenter } = useFeature(AuditLogDetailsPresenterFeature);
+    return presenter;
+}
+export { AuditLogDetailsPresenterFeature, useAuditLogDetailsPresenter };
+
+//# sourceMappingURL=feature.js.map

package/views/Logs/Preview/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"views/Logs/Preview/feature.js","sources":["../../../../src/views/Logs/Preview/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { useFeature } from \"@webiny/app-admin\";\nimport { AuditLogDetailsPresenter as Abstraction } from \"./abstractions.js\";\nimport { AuditLogDetailsPresenter } from \"./AuditLogDetailsPresenter.js\";\n\nexport const AuditLogDetailsPresenterFeature = createFeature({\n    name: \"AuditLogs/DetailsPresenter\",\n    register(container) {\n        container.register(AuditLogDetailsPresenter).inSingletonScope();\n    },\n    resolve(container) {\n        return {\n            presenter: container.resolve(Abstraction)\n        };\n    }\n});\n\nexport function useAuditLogDetailsPresenter(): Abstraction.Interface {\n    const { presenter } = useFeature(AuditLogDetailsPresenterFeature);\n    return presenter;\n}\n"],"names":["AuditLogDetailsPresenterFeature","createFeature","container","AuditLogDetailsPresenter","Abstraction","useAuditLogDetailsPresenter","presenter","useFeature"],"mappings":";;;;AAKO,MAAMA,kCAAkCC,cAAc;IACzD,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC,+DAA0B,gBAAgB;IACjE;IACA,SAAQD,SAAS;QACb,OAAO;YACH,WAAWA,UAAU,OAAO,CAACE;QACjC;IACJ;AACJ;AAEO,SAASC;IACZ,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWP;IACjC,OAAOM;AACX"}

package/views/Logs/Preview/index.d.ts

@@ -1 +1,3 @@
 export * from "./Preview.js";
+export { useAuditLogDetailsPresenter } from "./feature.js";
+export type { IAuditLogDetailsPresenter, IAuditLogDetailsVm } from "./abstractions.js";

package/views/Logs/Preview/index.js

@@ -1 +1,2 @@
 export * from "./Preview.js";
+export { useAuditLogDetailsPresenter } from "./feature.js";

package/views/Logs/Preview/tabs/AiPromptTabs.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const AiPromptPreviewTabs: () => React.JSX.Element;

package/views/Logs/Preview/tabs/AiPromptTabs.js

@@ -0,0 +1,25 @@
+import react from "react";
+import { AuditLogsListConfig } from "../../../../config/list/index.js";
+import { SystemPromptTab } from "./SystemPromptTab.js";
+import { UserPromptTab } from "./UserPromptTab.js";
+import { LlmResponseTab } from "./LlmResponseTab.js";
+import { hasAfter, isAiGenerateText } from "./shared.js";
+const AiPromptPreviewTabs = ()=>/*#__PURE__*/ react.createElement(AuditLogsListConfig, null, /*#__PURE__*/ react.createElement(AuditLogsListConfig.Details.Tab, {
+        name: "systemPrompt",
+        label: "System Prompt",
+        element: /*#__PURE__*/ react.createElement(SystemPromptTab, null),
+        canRender: isAiGenerateText
+    }), /*#__PURE__*/ react.createElement(AuditLogsListConfig.Details.Tab, {
+        name: "userPrompt",
+        label: "User Prompt",
+        element: /*#__PURE__*/ react.createElement(UserPromptTab, null),
+        canRender: isAiGenerateText
+    }), /*#__PURE__*/ react.createElement(AuditLogsListConfig.Details.Tab, {
+        name: "llmResponse",
+        label: "LLM Response",
+        element: /*#__PURE__*/ react.createElement(LlmResponseTab, null),
+        canRender: hasAfter
+    }));
+export { AiPromptPreviewTabs };
+
+//# sourceMappingURL=AiPromptTabs.js.map

package/views/Logs/Preview/tabs/AiPromptTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"views/Logs/Preview/tabs/AiPromptTabs.js","sources":["../../../../../src/views/Logs/Preview/tabs/AiPromptTabs.tsx"],"sourcesContent":["import React from \"react\";\nimport { AuditLogsListConfig } from \"~/config/list/index.js\";\nimport { SystemPromptTab } from \"./SystemPromptTab.js\";\nimport { UserPromptTab } from \"./UserPromptTab.js\";\nimport { LlmResponseTab } from \"./LlmResponseTab.js\";\nimport { isAiGenerateText, hasAfter } from \"./shared.js\";\n\nexport const AiPromptPreviewTabs = () => {\n    return (\n        <AuditLogsListConfig>\n            <AuditLogsListConfig.Details.Tab\n                name=\"systemPrompt\"\n                label=\"System Prompt\"\n                element={<SystemPromptTab />}\n                canRender={isAiGenerateText}\n            />\n            <AuditLogsListConfig.Details.Tab\n                name=\"userPrompt\"\n                label=\"User Prompt\"\n                element={<UserPromptTab />}\n                canRender={isAiGenerateText}\n            />\n            <AuditLogsListConfig.Details.Tab\n                name=\"llmResponse\"\n                label=\"LLM Response\"\n                element={<LlmResponseTab />}\n                canRender={hasAfter}\n            />\n        </AuditLogsListConfig>\n    );\n};\n"],"names":["AiPromptPreviewTabs","AuditLogsListConfig","SystemPromptTab","isAiGenerateText","UserPromptTab","LlmResponseTab","hasAfter"],"mappings":";;;;;;AAOO,MAAMA,sBAAsB,IACxB,WAAP,GACI,oBAACC,qBAAmBA,MAAAA,WAAAA,GAChB,oBAACA,oBAAoB,OAAO,CAAC,GAAG;QAC5B,MAAK;QACL,OAAM;QACN,uBAAS,oBAACC,iBAAeA;QACzB,WAAWC;sBAEf,oBAACF,oBAAoB,OAAO,CAAC,GAAG;QAC5B,MAAK;QACL,OAAM;QACN,uBAAS,oBAACG,eAAaA;QACvB,WAAWD;sBAEf,oBAACF,oBAAoB,OAAO,CAAC,GAAG;QAC5B,MAAK;QACL,OAAM;QACN,uBAAS,oBAACI,gBAAcA;QACxB,WAAWC"}

package/views/Logs/Preview/tabs/LlmResponseTab.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const LlmResponseTab: (() => React.JSX.Element) & {
+    displayName: string;
+};

package/views/Logs/Preview/tabs/LlmResponseTab.js

@@ -0,0 +1,41 @@
+import react from "react";
+import { CodeEditor } from "@webiny/admin-ui";
+import { createReactiveComponent } from "@webiny/app-admin";
+import { useAuditLogDetailsPresenter } from "../feature.js";
+import { EDITOR_HEIGHT } from "./shared.js";
+const LlmResponseTab = createReactiveComponent(()=>{
+    const presenter = useAuditLogDetailsPresenter();
+    const after = presenter.vm.content.after;
+    if (!after) return /*#__PURE__*/ react.createElement(CodeEditor, {
+        language: "markdown",
+        value: "(pending — no response yet)",
+        height: EDITOR_HEIGHT
+    });
+    if ("error" === after.status) {
+        const errorText = [
+            `# Error: ${after.error?.name ?? "Unknown"}`,
+            "",
+            after.error?.message ?? "No error message available.",
+            "",
+            null != after.duration ? `Duration: ${after.duration}ms` : ""
+        ].join("\n");
+        return /*#__PURE__*/ react.createElement(CodeEditor, {
+            language: "markdown",
+            value: errorText,
+            height: EDITOR_HEIGHT
+        });
+    }
+    const text = after.text ?? "";
+    let formatted = text;
+    try {
+        formatted = JSON.stringify(JSON.parse(text), null, 2);
+    } catch  {}
+    return /*#__PURE__*/ react.createElement(CodeEditor, {
+        language: "json",
+        value: formatted,
+        height: EDITOR_HEIGHT
+    });
+});
+export { LlmResponseTab };
+
+//# sourceMappingURL=LlmResponseTab.js.map

package/views/Logs/Preview/tabs/LlmResponseTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"views/Logs/Preview/tabs/LlmResponseTab.js","sources":["../../../../../src/views/Logs/Preview/tabs/LlmResponseTab.tsx"],"sourcesContent":["import React from \"react\";\nimport { CodeEditor } from \"@webiny/admin-ui\";\nimport { createReactiveComponent } from \"@webiny/app-admin\";\nimport { useAuditLogDetailsPresenter } from \"~/views/Logs/Preview/feature.js\";\nimport { EDITOR_HEIGHT, type AiAuditPayload } from \"./shared.js\";\n\nexport const LlmResponseTab = createReactiveComponent(() => {\n    const presenter = useAuditLogDetailsPresenter();\n    const after = presenter.vm.content.after as AiAuditPayload[\"after\"];\n\n    if (!after) {\n        return (\n            <CodeEditor\n                language=\"markdown\"\n                value=\"(pending — no response yet)\"\n                height={EDITOR_HEIGHT}\n            />\n        );\n    }\n\n    if (after.status === \"error\") {\n        const errorText = [\n            `# Error: ${after.error?.name ?? \"Unknown\"}`,\n            \"\",\n            after.error?.message ?? \"No error message available.\",\n            \"\",\n            after.duration != null ? `Duration: ${after.duration}ms` : \"\"\n        ].join(\"\\n\");\n\n        return <CodeEditor language=\"markdown\" value={errorText} height={EDITOR_HEIGHT} />;\n    }\n\n    const text = after.text ?? \"\";\n    let formatted = text;\n    try {\n        formatted = JSON.stringify(JSON.parse(text), null, 2);\n    } catch {\n        // not JSON, show as-is\n    }\n\n    return <CodeEditor language=\"json\" value={formatted} height={EDITOR_HEIGHT} />;\n});\n"],"names":["LlmResponseTab","createReactiveComponent","presenter","useAuditLogDetailsPresenter","after","CodeEditor","EDITOR_HEIGHT","errorText","text","formatted","JSON"],"mappings":";;;;;AAMO,MAAMA,iBAAiBC,wBAAwB;IAClD,MAAMC,YAAYC;IAClB,MAAMC,QAAQF,UAAU,EAAE,CAAC,OAAO,CAAC,KAAK;IAExC,IAAI,CAACE,OACD,OAAO,WAAP,GACI,oBAACC,YAAUA;QACP,UAAS;QACT,OAAM;QACN,QAAQC;;IAKpB,IAAIF,AAAiB,YAAjBA,MAAM,MAAM,EAAc;QAC1B,MAAMG,YAAY;YACd,CAAC,SAAS,EAAEH,MAAM,KAAK,EAAE,QAAQ,WAAW;YAC5C;YACAA,MAAM,KAAK,EAAE,WAAW;YACxB;YACkB,QAAlBA,MAAM,QAAQ,GAAW,CAAC,UAAU,EAAEA,MAAM,QAAQ,CAAC,EAAE,CAAC,GAAG;SAC9D,CAAC,IAAI,CAAC;QAEP,OAAO,WAAP,GAAO,oBAACC,YAAUA;YAAC,UAAS;YAAW,OAAOE;YAAW,QAAQD;;IACrE;IAEA,MAAME,OAAOJ,MAAM,IAAI,IAAI;IAC3B,IAAIK,YAAYD;IAChB,IAAI;QACAC,YAAYC,KAAK,SAAS,CAACA,KAAK,KAAK,CAACF,OAAO,MAAM;IACvD,EAAE,OAAM,CAER;IAEA,OAAO,WAAP,GAAO,oBAACH,YAAUA;QAAC,UAAS;QAAO,OAAOI;QAAW,QAAQH;;AACjE"}

package/views/Logs/Preview/tabs/SystemPromptTab.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const SystemPromptTab: (() => React.JSX.Element) & {
+    displayName: string;
+};

package/views/Logs/Preview/tabs/SystemPromptTab.js

@@ -0,0 +1,24 @@
+import react from "react";
+import { CodeEditor } from "@webiny/admin-ui";
+import { createReactiveComponent } from "@webiny/app-admin";
+import { useAuditLogDetailsPresenter } from "../feature.js";
+import { EDITOR_HEIGHT } from "./shared.js";
+function extractSystemPrompt(content) {
+    const before = content.before;
+    const system = before?.system;
+    if ("string" == typeof system) return system;
+    if (system && "string" == typeof system.content) return system.content;
+    return "";
+}
+const SystemPromptTab = createReactiveComponent(()=>{
+    const presenter = useAuditLogDetailsPresenter();
+    const text = extractSystemPrompt(presenter.vm.content);
+    return /*#__PURE__*/ react.createElement(CodeEditor, {
+        language: "markdown",
+        value: text || "(empty)",
+        height: EDITOR_HEIGHT
+    });
+});
+export { SystemPromptTab };
+
+//# sourceMappingURL=SystemPromptTab.js.map

package/views/Logs/Preview/tabs/SystemPromptTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"views/Logs/Preview/tabs/SystemPromptTab.js","sources":["../../../../../src/views/Logs/Preview/tabs/SystemPromptTab.tsx"],"sourcesContent":["import React from \"react\";\nimport { CodeEditor } from \"@webiny/admin-ui\";\nimport { createReactiveComponent } from \"@webiny/app-admin\";\nimport { useAuditLogDetailsPresenter } from \"~/views/Logs/Preview/feature.js\";\nimport { EDITOR_HEIGHT, type AiAuditPayload } from \"./shared.js\";\n\nfunction extractSystemPrompt(content: Record<string, unknown>): string {\n    const before = content.before as AiAuditPayload[\"before\"];\n    const system = before?.system;\n    if (typeof system === \"string\") {\n        return system;\n    }\n    if (system && typeof system.content === \"string\") {\n        return system.content;\n    }\n    return \"\";\n}\n\nexport const SystemPromptTab = createReactiveComponent(() => {\n    const presenter = useAuditLogDetailsPresenter();\n    const text = extractSystemPrompt(presenter.vm.content);\n    return <CodeEditor language=\"markdown\" value={text || \"(empty)\"} height={EDITOR_HEIGHT} />;\n});\n"],"names":["extractSystemPrompt","content","before","system","SystemPromptTab","createReactiveComponent","presenter","useAuditLogDetailsPresenter","text","CodeEditor","EDITOR_HEIGHT"],"mappings":";;;;;AAMA,SAASA,oBAAoBC,OAAgC;IACzD,MAAMC,SAASD,QAAQ,MAAM;IAC7B,MAAME,SAASD,QAAQ;IACvB,IAAI,AAAkB,YAAlB,OAAOC,QACP,OAAOA;IAEX,IAAIA,UAAU,AAA0B,YAA1B,OAAOA,OAAO,OAAO,EAC/B,OAAOA,OAAO,OAAO;IAEzB,OAAO;AACX;AAEO,MAAMC,kBAAkBC,wBAAwB;IACnD,MAAMC,YAAYC;IAClB,MAAMC,OAAOR,oBAAoBM,UAAU,EAAE,CAAC,OAAO;IACrD,OAAO,WAAP,GAAO,oBAACG,YAAUA;QAAC,UAAS;QAAW,OAAOD,QAAQ;QAAW,QAAQE;;AAC7E"}

package/views/Logs/Preview/tabs/UserPromptTab.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const UserPromptTab: (() => React.JSX.Element) & {
+    displayName: string;
+};

package/views/Logs/Preview/tabs/UserPromptTab.js

@@ -0,0 +1,18 @@
+import react from "react";
+import { CodeEditor } from "@webiny/admin-ui";
+import { createReactiveComponent } from "@webiny/app-admin";
+import { useAuditLogDetailsPresenter } from "../feature.js";
+import { EDITOR_HEIGHT } from "./shared.js";
+const UserPromptTab = createReactiveComponent(()=>{
+    const presenter = useAuditLogDetailsPresenter();
+    const before = presenter.vm.content.before;
+    const text = before?.prompt ?? "";
+    return /*#__PURE__*/ react.createElement(CodeEditor, {
+        language: "markdown",
+        value: text || "(empty)",
+        height: EDITOR_HEIGHT
+    });
+});
+export { UserPromptTab };
+
+//# sourceMappingURL=UserPromptTab.js.map

package/views/Logs/Preview/tabs/UserPromptTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"views/Logs/Preview/tabs/UserPromptTab.js","sources":["../../../../../src/views/Logs/Preview/tabs/UserPromptTab.tsx"],"sourcesContent":["import React from \"react\";\nimport { CodeEditor } from \"@webiny/admin-ui\";\nimport { createReactiveComponent } from \"@webiny/app-admin\";\nimport { useAuditLogDetailsPresenter } from \"~/views/Logs/Preview/feature.js\";\nimport { EDITOR_HEIGHT, type AiAuditPayload } from \"./shared.js\";\n\nexport const UserPromptTab = createReactiveComponent(() => {\n    const presenter = useAuditLogDetailsPresenter();\n    const before = presenter.vm.content.before as AiAuditPayload[\"before\"];\n    const text = before?.prompt ?? \"\";\n    return <CodeEditor language=\"markdown\" value={text || \"(empty)\"} height={EDITOR_HEIGHT} />;\n});\n"],"names":["UserPromptTab","createReactiveComponent","presenter","useAuditLogDetailsPresenter","before","text","CodeEditor","EDITOR_HEIGHT"],"mappings":";;;;;AAMO,MAAMA,gBAAgBC,wBAAwB;IACjD,MAAMC,YAAYC;IAClB,MAAMC,SAASF,UAAU,EAAE,CAAC,OAAO,CAAC,MAAM;IAC1C,MAAMG,OAAOD,QAAQ,UAAU;IAC/B,OAAO,WAAP,GAAO,oBAACE,YAAUA;QAAC,UAAS;QAAW,OAAOD,QAAQ;QAAW,QAAQE;;AAC7E"}

package/views/Logs/Preview/tabs/shared.d.ts

@@ -0,0 +1,28 @@
+import type { IAuditLog } from "../../../../types.js";
+export declare const EDITOR_HEIGHT = "calc(100vh - 350px)";
+export interface AiAuditPayload {
+    before?: {
+        model?: string;
+        system?: string | {
+            content?: string;
+            role?: string;
+        };
+        prompt?: string;
+        tools?: string[];
+    };
+    after?: {
+        status?: "success" | "error";
+        duration?: number;
+        text?: string;
+        usage?: unknown;
+        finishReason?: string;
+        steps?: number;
+        toolCalls?: number;
+        error?: {
+            message?: string;
+            name?: string;
+        };
+    };
+}
+export declare function isAiGenerateText(auditLog: IAuditLog): boolean;
+export declare function hasAfter(auditLog: IAuditLog): boolean;

package/views/Logs/Preview/tabs/shared.js

@@ -0,0 +1,16 @@
+const EDITOR_HEIGHT = "calc(100vh - 350px)";
+function isAiGenerateText(auditLog) {
+    return "AI" === auditLog.app && "TEXT" === auditLog.entity.value;
+}
+function hasAfter(auditLog) {
+    if (!isAiGenerateText(auditLog)) return false;
+    try {
+        const content = JSON.parse(auditLog.content);
+        return !!content.after;
+    } catch  {
+        return false;
+    }
+}
+export { EDITOR_HEIGHT, hasAfter, isAiGenerateText };
+
+//# sourceMappingURL=shared.js.map

package/views/Logs/Preview/tabs/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"views/Logs/Preview/tabs/shared.js","sources":["../../../../../src/views/Logs/Preview/tabs/shared.ts"],"sourcesContent":["import type { IAuditLog } from \"~/types.js\";\n\nexport const EDITOR_HEIGHT = \"calc(100vh - 350px)\";\n\nexport interface AiAuditPayload {\n    before?: {\n        model?: string;\n        system?: string | { content?: string; role?: string };\n        prompt?: string;\n        tools?: string[];\n    };\n    after?: {\n        status?: \"success\" | \"error\";\n        duration?: number;\n        text?: string;\n        usage?: unknown;\n        finishReason?: string;\n        steps?: number;\n        toolCalls?: number;\n        error?: { message?: string; name?: string };\n    };\n}\n\nexport function isAiGenerateText(auditLog: IAuditLog): boolean {\n    return auditLog.app === \"AI\" && auditLog.entity.value === \"TEXT\";\n}\n\nexport function hasAfter(auditLog: IAuditLog): boolean {\n    if (!isAiGenerateText(auditLog)) {\n        return false;\n    }\n    try {\n        const content = JSON.parse(auditLog.content);\n        return !!content.after;\n    } catch {\n        return false;\n    }\n}\n"],"names":["EDITOR_HEIGHT","isAiGenerateText","auditLog","hasAfter","content","JSON"],"mappings":"AAEO,MAAMA,gBAAgB;AAqBtB,SAASC,iBAAiBC,QAAmB;IAChD,OAAOA,AAAiB,SAAjBA,SAAS,GAAG,IAAaA,AAA0B,WAA1BA,SAAS,MAAM,CAAC,KAAK;AACzD;AAEO,SAASC,SAASD,QAAmB;IACxC,IAAI,CAACD,iBAAiBC,WAClB,OAAO;IAEX,IAAI;QACA,MAAME,UAAUC,KAAK,KAAK,CAACH,SAAS,OAAO;QAC3C,OAAO,CAAC,CAACE,QAAQ,KAAK;IAC1B,EAAE,OAAM;QACJ,OAAO;IACX;AACJ"}

package/views/Logs/Table/Table.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-import type { DataTableSorting, OnDataTableSortingChange } from "@webiny/admin-ui";
-import type { ActionType, IAuditLog } from "../../../types.js";
+import { type DataTableSorting, type OnDataTableSortingChange } from "@webiny/admin-ui";
+import type { IAuditLog } from "../../../types.js";
 interface ActionProps {
     label: string;
-    value: ActionType;
+    value: string;
 }
 export declare const Action: ({ label, value }: ActionProps) => React.JSX.Element;
 export interface TableProps {
@@ -15,9 +15,6 @@ export interface TableProps {
     hasAccessToUsers: boolean;
 }
 export interface EntryWithPreview extends IAuditLog {
-    /**
-     * We need the preview property because data table is expecting it in columns.
-     */
     preview?: string;
 }
 export declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLDivElement>>;

package/views/Logs/Table/Table.js

@@ -1,11 +1,11 @@
 import react, { forwardRef, useMemo } from "react";
 import { addMinutes, format } from "date-fns";
-import { ReactComponent } from "@webiny/icons/info.svg";
-import { DataTable, IconButton, Tooltip } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/search.svg";
+import { Button, DataTable, Tooltip } from "@webiny/admin-ui";
 import { Text } from "../../../components/Text.js";
-import { ActionWrapper, TextGray, TimezoneText, appColumn, previewColumn, wideColumn } from "./styled.js";
-const Action = ({ label, value })=>/*#__PURE__*/ react.createElement(ActionWrapper, {
-        value: value
+import { getActionColorClasses } from "./styled.js";
+const Action = ({ label, value })=>/*#__PURE__*/ react.createElement("div", {
+        className: `px-sm w-fit border border-solid rounded-[5px] ${getActionColorClasses(value)}`
     }, /*#__PURE__*/ react.createElement(Text, {
         use: "subtitle1"
     }, label));
@@ -21,9 +21,11 @@ const Table = /*#__PURE__*/ forwardRef((props, ref)=>{
                     content: `UTC: ${format(addMinutes(date, date.getTimezoneOffset()), "yyyy-MM-dd HH:mm:ss")}`,
                     trigger: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Text, {
                         use: "subtitle1"
-                    }, format(date, "yyyy-MM-dd HH:mm:ss")), /*#__PURE__*/ react.createElement(TimezoneText, {
+                    }, format(date, "yyyy-MM-dd HH:mm:ss")), /*#__PURE__*/ react.createElement("span", {
+                        className: "px-xs text-neutral-dimmed"
+                    }, /*#__PURE__*/ react.createElement(Text, {
                         use: "body2"
-                    }, format(date, "(O)")))
+                    }, format(date, "(O)"))))
                 });
             },
             enableSorting: true
@@ -31,10 +33,15 @@ const Table = /*#__PURE__*/ forwardRef((props, ref)=>{
         app: {
             header: "App/Entity",
             cell: (row)=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Text, {
-                    use: "subtitle1"
-                }, row.app), row.entity && /*#__PURE__*/ react.createElement(TextGray, {
+                    use: "subtitle1",
+                    className: "text-neutral-strong"
+                }, row.app), row.entity && /*#__PURE__*/ react.createElement(react.Fragment, null, "\xa0/\xa0", /*#__PURE__*/ react.createElement("span", {
+                    className: "text-neutral-strong"
+                }, /*#__PURE__*/ react.createElement(Text, {
                     use: "body2"
-                }, ` [Entity: ${row.entity.label}]`), /*#__PURE__*/ react.createElement("br", null), /*#__PURE__*/ react.createElement(TextGray, {
+                }, row.entity.label))), /*#__PURE__*/ react.createElement("br", null), /*#__PURE__*/ react.createElement("span", {
+                    className: "text-neutral-dimmed"
+                }, /*#__PURE__*/ react.createElement(Text, {
                     use: "body2"
                 }, "ID: "), row.entity.link ? /*#__PURE__*/ react.createElement("a", {
                     href: row.entity.link,
@@ -43,8 +50,8 @@ const Table = /*#__PURE__*/ forwardRef((props, ref)=>{
                     use: "body2"
                 }, row.entityId)) : /*#__PURE__*/ react.createElement(Text, {
                     use: "body2"
-                }, row.entityId)),
-            className: appColumn
+                }, row.entityId))),
+            className: "!w-[280px]"
         },
         action: {
             header: "Action",
@@ -58,7 +65,7 @@ const Table = /*#__PURE__*/ forwardRef((props, ref)=>{
             cell: (row)=>/*#__PURE__*/ react.createElement(Text, {
                     use: "subtitle1"
                 }, row.message),
-            className: wideColumn
+            className: "!w-auto"
         },
         ...hasAccessToUsers && {
             createdBy: {
@@ -73,11 +80,13 @@ const Table = /*#__PURE__*/ forwardRef((props, ref)=>{
         },
         preview: {
             header: "",
-            cell: (auditLog)=>/*#__PURE__*/ react.createElement(IconButton, {
+            cell: (auditLog)=>/*#__PURE__*/ react.createElement(Button, {
+                    variant: "secondary",
                     onClick: ()=>handleRecordSelect(auditLog),
-                    icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+                    icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+                    text: "Details"
                 }),
-            className: previewColumn
+            className: "!w-[100px]"
         }
     };
     const tableSorting = useMemo(()=>{

package/views/Logs/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"views/Logs/Table/Table.js","sources":["../../../../src/views/Logs/Table/Table.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\nimport { addMinutes, format } from \"date-fns\";\n\nimport { ReactComponent as PreviewIcon } from \"@webiny/icons/info.svg\";\nimport type {\n    DataTableColumns,\n    DataTableSorting,\n    OnDataTableSortingChange\n} from \"@webiny/admin-ui\";\nimport { DataTable, IconButton, Tooltip } from \"@webiny/admin-ui\";\n\nimport { Text } from \"~/components/Text.js\";\nimport {\n    ActionWrapper,\n    appColumn,\n    previewColumn,\n    TextGray,\n    TimezoneText,\n    wideColumn\n} from \"./styled.js\";\nimport type { ActionType, IAuditLog } from \"~/types.js\";\n\ninterface ActionProps {\n    label: string;\n    value: ActionType;\n}\n\nexport const Action = ({ label, value }: ActionProps) => {\n    return (\n        <ActionWrapper value={value}>\n            <Text use={\"subtitle1\"}>{label}</Text>\n        </ActionWrapper>\n    );\n};\n\nexport interface TableProps {\n    records: IAuditLog[];\n    loading?: boolean;\n    handleRecordSelect: (auditLog: IAuditLog) => void;\n    sorting: DataTableSorting;\n    onSortingChange: OnDataTableSortingChange;\n    hasAccessToUsers: boolean;\n}\n\nexport interface EntryWithPreview extends IAuditLog {\n    /**\n     * We need the preview property because data table is expecting it in columns.\n     */\n    preview?: string;\n}\n\nexport const Table = forwardRef<HTMLDivElement, TableProps>((props, ref) => {\n    const { records, loading, handleRecordSelect, sorting, onSortingChange, hasAccessToUsers } =\n        props;\n\n    const columns: DataTableColumns<EntryWithPreview> = {\n        createdOn: {\n            header: \"Timestamp\",\n            cell: (row: EntryWithPreview) => {\n                const date = new Date(row.createdOn);\n\n                return (\n                    <Tooltip\n                        side=\"right\"\n                        content={`UTC: ${format(\n                            addMinutes(date, date.getTimezoneOffset()),\n                            \"yyyy-MM-dd HH:mm:ss\"\n                        )}`}\n                        trigger={\n                            <>\n                                <Text use={\"subtitle1\"}>{format(date, \"yyyy-MM-dd HH:mm:ss\")}</Text>\n                                <TimezoneText use={\"body2\"}>{format(date, \"(O)\")}</TimezoneText>\n                            </>\n                        }\n                    />\n                );\n            },\n            enableSorting: true\n        },\n        app: {\n            header: \"App/Entity\",\n            cell: (row: EntryWithPreview) => (\n                <>\n                    <Text use={\"subtitle1\"}>{row.app}</Text>\n                    {row.entity && (\n                        <TextGray use={\"body2\"}>{` [Entity: ${row.entity.label}]`}</TextGray>\n                    )}\n                    <br />\n                    <TextGray use={\"body2\"}>{`ID: `}</TextGray>\n                    {row.entity.link ? (\n                        <a href={row.entity.link} target={\"blank\"}>\n                            <Text use={\"body2\"}>{row.entityId}</Text>\n                        </a>\n                    ) : (\n                        <Text use={\"body2\"}>{row.entityId}</Text>\n                    )}\n                </>\n            ),\n            className: appColumn\n        },\n        action: {\n            header: \"Action\",\n            cell: (row: EntryWithPreview) => (\n                <Action label={row.action.label} value={row.action.value} />\n            )\n        },\n        message: {\n            header: \"Message\",\n            cell: (row: EntryWithPreview) => <Text use={\"subtitle1\"}>{row.message}</Text>,\n            className: wideColumn\n        },\n        ...(hasAccessToUsers && {\n            createdBy: {\n                header: \"Initiator\",\n                cell: (row: EntryWithPreview) => (\n                    <a href={`/admin-users?id=${row.createdBy.id}`} target={\"blank\"}>\n                        <Text use={\"subtitle1\"}>{row.createdBy.displayName || \"-\"}</Text>\n                    </a>\n                )\n            }\n        }),\n        preview: {\n            header: \"\",\n            cell: (auditLog: EntryWithPreview) => (\n                <IconButton onClick={() => handleRecordSelect(auditLog)} icon={<PreviewIcon />} />\n            ),\n            className: previewColumn\n        }\n    };\n\n    const tableSorting = useMemo(() => {\n        if (!Array.isArray(sorting) || sorting.length === 0) {\n            return [\n                {\n                    id: \"savedOn\",\n                    desc: true\n                }\n            ];\n        }\n\n        return sorting;\n    }, [sorting]);\n\n    return (\n        <div ref={ref}>\n            <DataTable\n                columns={columns}\n                data={records}\n                loading={loading}\n                stickyHeader={true}\n                sorting={tableSorting}\n                onSortingChange={onSortingChange}\n            />\n        </div>\n    );\n});\n\nTable.displayName = \"Table\";\n"],"names":["Action","label","value","ActionWrapper","Text","Table","forwardRef","props","ref","records","loading","handleRecordSelect","sorting","onSortingChange","hasAccessToUsers","columns","row","date","Date","Tooltip","format","addMinutes","TimezoneText","TextGray","appColumn","wideColumn","auditLog","IconButton","PreviewIcon","previewColumn","tableSorting","useMemo","Array","DataTable"],"mappings":"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"}
+{"version":3,"file":"views/Logs/Table/Table.js","sources":["../../../../src/views/Logs/Table/Table.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\nimport { addMinutes, format } from \"date-fns\";\nimport { ReactComponent as PreviewIcon } from \"@webiny/icons/search.svg\";\nimport {\n    Button,\n    type DataTableColumns,\n    type DataTableSorting,\n    type OnDataTableSortingChange\n} from \"@webiny/admin-ui\";\nimport { DataTable, Tooltip } from \"@webiny/admin-ui\";\n\nimport { Text } from \"~/components/Text.js\";\nimport { getActionColorClasses } from \"./styled.js\";\nimport type { IAuditLog } from \"~/types.js\";\n\ninterface ActionProps {\n    label: string;\n    value: string;\n}\n\nexport const Action = ({ label, value }: ActionProps) => {\n    return (\n        <div\n            className={`px-sm w-fit border border-solid rounded-[5px] ${getActionColorClasses(value)}`}\n        >\n            <Text use={\"subtitle1\"}>{label}</Text>\n        </div>\n    );\n};\n\nexport interface TableProps {\n    records: IAuditLog[];\n    loading?: boolean;\n    handleRecordSelect: (auditLog: IAuditLog) => void;\n    sorting: DataTableSorting;\n    onSortingChange: OnDataTableSortingChange;\n    hasAccessToUsers: boolean;\n}\n\nexport interface EntryWithPreview extends IAuditLog {\n    preview?: string;\n}\n\nexport const Table = forwardRef<HTMLDivElement, TableProps>((props, ref) => {\n    const { records, loading, handleRecordSelect, sorting, onSortingChange, hasAccessToUsers } =\n        props;\n\n    const columns: DataTableColumns<EntryWithPreview> = {\n        createdOn: {\n            header: \"Timestamp\",\n            cell: (row: EntryWithPreview) => {\n                const date = new Date(row.createdOn);\n\n                return (\n                    <Tooltip\n                        side=\"right\"\n                        content={`UTC: ${format(\n                            addMinutes(date, date.getTimezoneOffset()),\n                            \"yyyy-MM-dd HH:mm:ss\"\n                        )}`}\n                        trigger={\n                            <>\n                                <Text use={\"subtitle1\"}>{format(date, \"yyyy-MM-dd HH:mm:ss\")}</Text>\n                                <span className={\"px-xs text-neutral-dimmed\"}>\n                                    <Text use={\"body2\"}>{format(date, \"(O)\")}</Text>\n                                </span>\n                            </>\n                        }\n                    />\n                );\n            },\n            enableSorting: true\n        },\n        app: {\n            header: \"App/Entity\",\n            cell: (row: EntryWithPreview) => (\n                <>\n                    <Text use={\"subtitle1\"} className={\"text-neutral-strong\"}>\n                        {row.app}\n                    </Text>\n                    {row.entity && (\n                        <>\n                            &nbsp;/&nbsp;\n                            <span className={\"text-neutral-strong\"}>\n                                <Text use={\"body2\"}>{row.entity.label}</Text>\n                            </span>\n                        </>\n                    )}\n                    <br />\n                    <span className={\"text-neutral-dimmed\"}>\n                        <Text use={\"body2\"}>{`ID: `}</Text>\n                        {row.entity.link ? (\n                            <a href={row.entity.link} target={\"blank\"}>\n                                <Text use={\"body2\"}>{row.entityId}</Text>\n                            </a>\n                        ) : (\n                            <Text use={\"body2\"}>{row.entityId}</Text>\n                        )}\n                    </span>\n                </>\n            ),\n            className: \"!w-[280px]\"\n        },\n        action: {\n            header: \"Action\",\n            cell: (row: EntryWithPreview) => (\n                <Action label={row.action.label} value={row.action.value} />\n            )\n        },\n        message: {\n            header: \"Message\",\n            cell: (row: EntryWithPreview) => <Text use={\"subtitle1\"}>{row.message}</Text>,\n            className: \"!w-auto\"\n        },\n        ...(hasAccessToUsers && {\n            createdBy: {\n                header: \"Initiator\",\n                cell: (row: EntryWithPreview) => (\n                    <a href={`/admin-users?id=${row.createdBy.id}`} target={\"blank\"}>\n                        <Text use={\"subtitle1\"}>{row.createdBy.displayName || \"-\"}</Text>\n                    </a>\n                )\n            }\n        }),\n        preview: {\n            header: \"\",\n            cell: (auditLog: EntryWithPreview) => (\n                <Button\n                    variant={\"secondary\"}\n                    onClick={() => handleRecordSelect(auditLog)}\n                    icon={<PreviewIcon />}\n                    text={\"Details\"}\n                />\n            ),\n            className: \"!w-[100px]\"\n        }\n    };\n\n    const tableSorting = useMemo(() => {\n        if (!Array.isArray(sorting) || sorting.length === 0) {\n            return [\n                {\n                    id: \"savedOn\",\n                    desc: true\n                }\n            ];\n        }\n\n        return sorting;\n    }, [sorting]);\n\n    return (\n        <div ref={ref}>\n            <DataTable\n                columns={columns}\n                data={records}\n                loading={loading}\n                stickyHeader={true}\n                sorting={tableSorting}\n                onSortingChange={onSortingChange}\n            />\n        </div>\n    );\n});\n\nTable.displayName = \"Table\";\n"],"names":["Action","label","value","getActionColorClasses","Text","Table","forwardRef","props","ref","records","loading","handleRecordSelect","sorting","onSortingChange","hasAccessToUsers","columns","row","date","Date","Tooltip","format","addMinutes","auditLog","Button","PreviewIcon","tableSorting","useMemo","Array","DataTable"],"mappings":"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"}