cds-caching 1.2.1 → 1.3.0

package/app/dashboard/controller/Cache.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cache.controller.js","names":["BaseController","_interopRequireDefault","__BaseController","Cache","extend","onInit","_onInit","BaseController.prototype.onInit.call","this","uiModel","JSONModel","selectedTab","statistics","loading","loadingEntries","showEntriesTable","cacheEntries","createKey","createValue","createTtl","getKey","getValue","deleteKey","metricsEnabled","keyMetricsEnabled","getView","setModel","getRouter","getRoute","attachPatternMatched","onRouteMatched","_onRouteMatched","event","cache","getParameter","getModel","setProperty","bindElement","path","events","change","context","getElementBinding","getBoundContext","getProperty","loadStatistics","loadKeyMetricsData","async","_loadStatistics","refresh","table","byId","filter","Filter","FilterOperator","EQ","getBinding","isSuspended","resume","_loadKeyMetricsData","onLoadCacheEntries","_onLoadCacheEntries","cacheContext","setSizeLimit","model","bindContext","invoke","value","entries","requestObject","entry","tags","join","error","console","MessageBox","onMetricsRowSelect","_onMetricsRowSelect","selectedRow","metric","getObject","cacheName","navTo","metricId","ID","onSetKey","_onSetKey","key","ttl","setParameter","MessageToast","show","onGetKey","_onGetKey","action","result","onDeleteKey","_onDeleteKey","onEnableMetricsChange","_onEnableMetricsChange","enabled","onEnableKeyMetricsChange","_onEnableKeyMetricsChange","onClearCache","_onClearCache","confirm","actions","Action","OK","CANCEL","emphasizedAction","onClose","success","onRefresh","_onRefresh","handleClose","_handleClose","handleFullScreen","_handleFullScreen","handleExitFullScreen","_handleExitFullScreen","onKeyMetricsRowSelect","_onKeyMetricsRowSelect","keyMetricId","onRefreshKeyMetricsData","_onRefreshKeyMetricsData","onRefreshMetricsData","_onRefreshMetricsData","onShowKeyMetricsMetadata","_onShowKeyMetricsMetadata","getSource","getBindingContext","saveJson","json","JSON","stringify","parse","localData","metadata","subject","query","cacheOptions","keyName","fragment","Fragment","load","definition","controller","popover","openBy","onClearMetrics","_onClearMetrics","onClearKeyMetrics","_onClearKeyMetrics"],"sources":["Cache.controller.ts"],"sourcesContent":["import MessageBox from \"sap/m/MessageBox\";\nimport BaseController from \"./BaseController\";\nimport ODataModel from \"sap/ui/model/odata/v4/ODataModel\";\nimport JSONModel from \"sap/ui/model/json/JSONModel\";\nimport { Route$PatternMatchedEvent } from \"sap/ui/core/routing/Route\";\nimport Table, { Table$RowSelectionChangeEvent } from \"sap/ui/table/Table\";\nimport MessageToast from \"sap/m/MessageToast\";\nimport Context from \"sap/ui/model/odata/v4/Context\";\nimport Filter from \"sap/ui/model/Filter\";\nimport FilterOperator from \"sap/ui/model/FilterOperator\";\nimport ODataListBinding from \"sap/ui/model/odata/v4/ODataListBinding\";\nimport { Button$PressEvent } from \"sap/m/Button\";\nimport Fragment from \"sap/ui/core/Fragment\";\nimport Popover from \"sap/m/Popover\";\n\n/**\n * @namespace cds.plugin.caching.dashboard.controller\n */\nexport default class Cache extends BaseController {\n    private uiModel: JSONModel;\n\n    public onInit(): void {\n        super.onInit();\n\n        // Create a JSON model for UI data binding\n        this.uiModel = new JSONModel({\n            selectedTab: \"main\",\n            statistics: [],\n            loading: false,\n            loadingEntries: false,\n            showEntriesTable: false,\n            cacheEntries: [],\n\n            // Create\n            createKey: \"\",\n            createValue: \"\",\n            createTtl: 3600,\n\n            // Get\n            getKey: \"\",\n            getValue: \"\",\n\n            // Delete\n            deleteKey: \"\",\n\n            // Metrics\n            metricsEnabled: false,\n            keyMetricsEnabled: false,\n        });\n        this.getView().setModel(this.uiModel, \"ui\");\n\n\n        this.getRouter().getRoute(\"cache\").attachPatternMatched(this.onRouteMatched, this);\n\n    }\n\n    public onRouteMatched(event: Route$PatternMatchedEvent): void {\n        const { cache } = event.getParameter(\"arguments\") as { cache: string };\n        (<JSONModel>this.getModel(\"app\")).setProperty(\"/selectedCache\", cache);\n        (<JSONModel>this.getModel(\"app\")).setProperty(\"/layout\", \"TwoColumnsMidExpanded\");\n\n        this.getView().bindElement({\n            path: \"/Caches('\" + cache + \"')\",\n            events: {\n                change: (event: any) => {\n                    const context = this.getView().getElementBinding().getBoundContext();\n                    if (context) {\n                        const cache = context.getProperty(\"configuration\");\n                        this.uiModel.setProperty(\"/config\", cache);\n                        this.loadStatistics();\n                        this.loadKeyMetricsData();\n                    }\n                }\n            }\n        });\n    }\n\n    /**\n     * Load statistics based on current filters\n     */\n    private async loadStatistics(refresh: boolean = false): Promise<void> {\n        const table = this.getView().byId(\"metricsTable\") as Table;\n        const filter = new Filter(\"cache\", FilterOperator.EQ, (<JSONModel>this.getModel(\"app\")).getProperty(\"/selectedCache\"));\n        if (table.getBinding(\"rows\").isSuspended()) {\n            table.getBinding(\"rows\").resume();\n        }\n        if (refresh) {\n            (<ODataListBinding>table.getBinding(\"rows\")).refresh();\n        } else {\n            (<ODataListBinding>table.getBinding(\"rows\")).filter(filter);\n        }\n    }\n\n    /**\n     * Load key tracking data\n     */\n    async loadKeyMetricsData(refresh: boolean = false): Promise<void> {\n        const table = this.getView().byId(\"keyMetricsTable\") as Table;\n        const filter = new Filter(\"cache\", FilterOperator.EQ, (<JSONModel>this.getModel(\"app\")).getProperty(\"/selectedCache\"));\n        if (table.getBinding(\"rows\").isSuspended()) {\n            table.getBinding(\"rows\").resume();\n        }\n        if (refresh) {\n            (<ODataListBinding>table.getBinding(\"rows\")).refresh();\n        } else {\n            (<ODataListBinding>table.getBinding(\"rows\")).filter(filter);\n        }\n    }\n\n\n    /**\n     * Load cache entries\n     */\n    public async onLoadCacheEntries(): Promise<void> {\n        const cacheContext = this.getView().getElementBinding().getBoundContext() as Context;\n\n        try {\n            this.uiModel.setProperty(\"/loadingEntries\", true);\n            this.uiModel.setProperty(\"/showEntriesTable\", true);\n            this.uiModel.setSizeLimit(100_000);\n\n            // Call the backend to get cache entries\n            const model = this.getModel() as ODataModel;\n            const context = model.bindContext(`plugin.cds_caching.CachingApiService.getEntries(...)`, cacheContext);\n            await context.invoke();\n            const { value: entries } = await context.requestObject();\n            for (const entry of entries) {\n                entry.tags = entry.tags.join(\", \");\n            }\n\n            this.uiModel.setProperty(\"/cacheEntries\", entries);\n\n        } catch (error) {\n            console.error(\"Error loading cache entries:\", error);\n            MessageBox.error(\"Failed to load cache entries\");\n        } finally {\n            this.uiModel.setProperty(\"/loadingEntries\", false);\n        }\n    }\n\n    /**\n     * Handle statistics row selection\n     */\n    public onMetricsRowSelect(event: Table$RowSelectionChangeEvent): void {\n        const selectedRow = event.getParameter(\"rowContext\");\n        if (selectedRow) {\n            const metric = selectedRow.getObject() as any;\n            const cacheName = this.getView().getElementBinding().getBoundContext().getProperty(\"name\");\n\n            // Navigate to single metric view\n            this.getRouter().navTo(\"singleMetric\", {\n                cache: cacheName,\n                metricId: metric.ID\n            });\n\n            // Set layout to three columns\n            (<JSONModel>this.getModel(\"app\")).setProperty(\"/layout\", \"ThreeColumnsEndExpanded\");\n        }\n    }\n\n    /**\n     * Set cache entry\n     */\n    public async onSetKey(): Promise<void> {\n        const cacheContext = this.getView().getElementBinding().getBoundContext() as Context;\n        const key = this.uiModel.getProperty(\"/createKey\");\n        const value = this.uiModel.getProperty(\"/createValue\");\n        const ttl = this.uiModel.getProperty(\"/createTtl\");\n\n        if (!key || !value) {\n            MessageBox.error(\"Please provide both key and value\");\n            return;\n        }\n\n        try {\n            const model = this.getModel() as ODataModel;\n            const context = model.bindContext(`plugin.cds_caching.CachingApiService.setEntry(...)`, cacheContext);\n            context.setParameter(\"key\", key);\n            context.setParameter(\"value\", value);\n            context.setParameter(\"ttl\", ttl);\n            await context.invoke();\n\n\n            MessageToast.show(\"Cache entry created successfully\");\n\n            // Clear form\n            this.uiModel.setProperty(\"/createKey\", \"\");\n            this.uiModel.setProperty(\"/createValue\", \"\");\n            this.uiModel.setProperty(\"/createTtl\", 3600);\n\n        } catch (error) {\n            console.error(\"Error setting cache entry:\", error);\n            MessageBox.error(\"Failed to create cache entry\");\n        }\n    }\n\n    /**\n     * Get cache entry\n     */\n    public async onGetKey(): Promise<void> {\n        const cacheContext = this.getView().getElementBinding().getBoundContext() as Context;\n        const key = this.uiModel.getProperty(\"/getKey\");\n\n        if (!key) {\n            MessageBox.error(\"Please provide a key\");\n            return;\n        }\n\n        try {\n            const model = this.getModel() as ODataModel;\n            const action = model.bindContext(`plugin.cds_caching.CachingApiService.getEntry(...)`, cacheContext);\n            action.setParameter(\"key\", key);\n            await action.invoke();\n\n            const result = await action.requestObject();\n            this.uiModel.setProperty(\"/getValue\", result.value || \"Not found\");\n\n        } catch (error) {\n            console.error(\"Error getting cache entry:\", error);\n            this.uiModel.setProperty(\"/getValue\", \"Error: Entry not found or error occurred\");\n        }\n    }\n\n    /**\n     * Delete cache entry\n     */\n    public async onDeleteKey(): Promise<void> {\n        const cacheContext = this.getView().getElementBinding().getBoundContext() as Context;\n        const key = this.uiModel.getProperty(\"/deleteKey\");\n\n        if (!key) {\n            MessageBox.error(\"Please provide a key\");\n            return;\n        }\n\n        try {\n            const model = this.getModel() as ODataModel;\n            const context = model.bindContext(`plugin.cds_caching.CachingApiService.deleteEntry(...)`, cacheContext);\n            context.setParameter(\"key\", key);\n            await context.invoke();\n\n            MessageToast.show(\"Cache entry deleted successfully\");\n\n            // Clear form\n            this.uiModel.setProperty(\"/deleteKey\", \"\");\n\n        } catch (error) {\n            console.error(\"Error deleting cache entry:\", error);\n            MessageBox.error(\"Failed to delete cache entry\");\n        }\n    }\n\n    /**\n     * Enable/disable statistics\n     */\n    public async onEnableMetricsChange(event: any): Promise<void> {\n        const enabled = event.getParameter(\"state\");\n        const cacheContext = this.getView().getElementBinding().getBoundContext() as Context;\n\n        try {\n            const model = this.getModel() as ODataModel;\n            const context = model.bindContext(`plugin.cds_caching.CachingApiService.setMetricsEnabled(...)`, cacheContext);\n            context.setParameter(\"enabled\", enabled);\n            await context.invoke();\n\n            MessageToast.show(`Metrics ${enabled ? 'enabled' : 'disabled'} successfully`);\n        } catch (error) {\n            console.error(\"Error setting metrics enabled:\", error);\n            MessageBox.error(\"Failed to update metrics setting\");\n            // Revert the switch\n            this.uiModel.setProperty(\"/enableMetrics\", !enabled);\n        }\n    }\n\n    /**\n     * Enable/disable key tracking\n     */\n    public async onEnableKeyMetricsChange(event: any): Promise<void> {\n        const enabled = event.getParameter(\"state\");\n        const cacheContext = this.getView().getElementBinding().getBoundContext() as Context;\n\n        try {\n            const model = this.getModel() as ODataModel;\n            const context = model.bindContext(`plugin.cds_caching.CachingApiService.setKeyMetricsEnabled(...)`, cacheContext);\n            context.setParameter(\"enabled\", enabled);\n            await context.invoke();\n\n            MessageToast.show(`Key metrics ${enabled ? 'enabled' : 'disabled'} successfully`);\n\n        } catch (error) {\n            console.error(\"Error setting key metrics enabled:\", error);\n            MessageBox.error(\"Failed to update key metrics setting\");\n            // Revert the switch\n            this.uiModel.setProperty(\"/enableKeyMetrics\", !enabled);\n        }\n    }\n\n    /**\n     * Clear cache\n     */\n    public async onClearCache(): Promise<void> {\n        const cacheContext = this.getView().getElementBinding().getBoundContext() as Context;\n\n        MessageBox.confirm(\"Are you sure you want to clear this cache? This action cannot be undone.\", {\n            actions: [MessageBox.Action.OK, MessageBox.Action.CANCEL],\n            emphasizedAction: MessageBox.Action.OK,\n            onClose: async (action: string) => {\n                if (action === MessageBox.Action.OK) {\n                    try {\n                        const model = this.getModel() as ODataModel;\n                        const context = model.bindContext(`plugin.cds_caching.CachingApiService.clear(...)`, cacheContext);\n                        await context.invoke();\n\n                        MessageBox.success(\"Cache cleared successfully\");\n\n                        // Refresh the data\n                        await this.onRefresh();\n\n                    } catch (error) {\n                        console.error(\"Error clearing cache:\", error);\n                        MessageBox.error(\"Failed to clear cache\");\n                    }\n                }\n            }\n        });\n    }\n\n    /**\n     * Handle refresh button press\n     */\n    public async onRefresh(): Promise<void> {\n        if (this.getView().getElementBinding().getBoundContext()) {\n            await this.loadStatistics(true);\n            await this.loadKeyMetricsData(true);\n        }\n    }\n\n    public handleClose(): void {\n        this.getRouter().navTo(\"main\");\n    }\n\n    public handleFullScreen(): void {\n        (<JSONModel>this.getModel(\"app\")).setProperty(\"/layout\", \"MidColumnFullScreen\");\n    }\n\n    public handleExitFullScreen(): void {\n        (<JSONModel>this.getModel(\"app\")).setProperty(\"/layout\", \"TwoColumnsMidExpanded\");\n    }\n\n    /**\n     * Handle key row selection\n     */\n    public onKeyMetricsRowSelect(event: any): void {\n\n        const selectedRow = event.getParameter(\"rowContext\");\n        if (selectedRow) {\n            const metric = selectedRow.getObject() as any;\n            const cacheName = this.getView().getElementBinding().getBoundContext().getProperty(\"name\");\n\n            // Navigate to single metric view\n            this.getRouter().navTo(\"singleKeyMetric\", {\n                cache: cacheName,\n                keyMetricId: metric.ID\n            });\n\n            // Set layout to three columns\n            (<JSONModel>this.getModel(\"app\")).setProperty(\"/layout\", \"ThreeColumnsEndExpanded\");\n        }\n    }\n\n    /**\n     * Refresh key data\n     */\n    public async onRefreshKeyMetricsData(): Promise<void> {\n        await this.loadKeyMetricsData(true);\n    }\n\n    public async onRefreshMetricsData(): Promise<void> {\n        await this.loadStatistics(true);\n    }\n\n    public async onShowKeyMetricsMetadata(event: Button$PressEvent): Promise<void> {\n        const context = event.getSource().getBindingContext() as Context;\n\n        const saveJson = (json: string) => {\n            try {\n                return JSON.stringify(JSON.parse(json), null, 2)\n            } catch (error) {\n                return json\n            }\n        }\n\n        const localData = new JSONModel({\n            metadata: saveJson(context.getProperty(\"metadata\")),\n            subject: saveJson(context.getProperty(\"subject\")),\n            query: saveJson(context.getProperty(\"query\")),\n            cacheOptions: saveJson(context.getProperty(\"cacheOptions\")),\n            keyName: context.getProperty(\"keyName\"),\n        });\n\n        const fragment = await Fragment.load({\n            definition: `<core:FragmentDefinition xmlns:core=\"sap.ui.core\" xmlns:mvc=\"sap.ui.core.mvc\" xmlns=\"sap.m\" xmlns:form=\"sap.ui.layout.form\">\n                <Popover title=\"{localData>/keyName}\" placement=\"Bottom\" contentWidth=\"30rem\">\n                    <content>\n                        <IconTabBar>\n                            <items>\n                                <IconTabFilter text=\"Metadata\">\n                                    <content>\n                                        <TextArea value=\"{localData>/metadata}\" rows=\"20\" width=\"100%\" editable=\"false\" />\n                                    </content>\n                                </IconTabFilter>\n                                <IconTabFilter text=\"Subject\" >\n                                    <content>\n                                        <TextArea value=\"{localData>/subject}\" rows=\"20\" width=\"100%\" editable=\"false\" />\n                                    </content>\n                                </IconTabFilter>\n                                <IconTabFilter text=\"Query\" >\n                                    <content>\n                                        <TextArea value=\"{localData>/query}\" rows=\"20\" width=\"100%\" editable=\"false\" />\n                                    </content>\n                                </IconTabFilter>\n                                <IconTabFilter text=\"Cache Options\" >\n                                    <content>\n                                        <TextArea value=\"{localData>/cacheOptions}\" rows=\"20\" width=\"100%\" editable=\"false\" />\n                                    </content>\n                                </IconTabFilter>\n                                </items>\n                        </IconTabBar>\n                    </content>\n                </Popover>\n            </core:FragmentDefinition>`,\n            controller: this,\n        });\n\n        const popover = fragment as Popover;\n        popover.setModel(localData, \"localData\");\n        popover.openBy(event.getSource());\n    }\n\n    /**\n     * Clear statistics\n     */\n    public async onClearMetrics(): Promise<void> {\n        const cacheContext = this.getView().getElementBinding().getBoundContext() as Context;\n        if (!cacheContext) {\n            return;\n        }\n\n        try {\n            const model = this.getModel() as ODataModel;\n            const action = model.bindContext(`plugin.cds_caching.CachingApiService.clearMetrics(...)`, cacheContext);\n            await action.invoke();\n\n            MessageToast.show(\"Metrics cleared successfully\");\n\n            // Refresh the data\n            await this.onRefreshMetricsData();\n\n        } catch (error) {\n            console.error(\"Error clearing metrics:\", error);\n            MessageBox.error(\"Failed to clear metrics\");\n        }\n    }\n\n    /**\n     * Clear key metrics\n     */\n    public async onClearKeyMetrics(): Promise<void> {\n        const cacheContext = this.getView().getElementBinding().getBoundContext() as Context;\n        if (!cacheContext) {\n            return;\n        }\n\n        try {\n            const model = this.getModel() as ODataModel;\n            const action = model.bindContext(`plugin.cds_caching.CachingApiService.clearKeyMetrics(...)`, cacheContext);\n            await action.invoke();\n\n            MessageToast.show(\"Key metrics cleared successfully\");\n\n            // Refresh the data\n            await this.onRefreshKeyMetricsData();\n\n        } catch (error) {\n            console.error(\"Error clearing key metrics:\", error);\n            MessageBox.error(\"Failed to clear key metrics\");\n        }\n    }\n\n}"],"mappings":"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","ignoreList":[]}

package/app/dashboard/controller/Cache.controller.ts

@@ -0,0 +1,490 @@
+import MessageBox from "sap/m/MessageBox";
+import BaseController from "./BaseController";
+import ODataModel from "sap/ui/model/odata/v4/ODataModel";
+import JSONModel from "sap/ui/model/json/JSONModel";
+import { Route$PatternMatchedEvent } from "sap/ui/core/routing/Route";
+import Table, { Table$RowSelectionChangeEvent } from "sap/ui/table/Table";
+import MessageToast from "sap/m/MessageToast";
+import Context from "sap/ui/model/odata/v4/Context";
+import Filter from "sap/ui/model/Filter";
+import FilterOperator from "sap/ui/model/FilterOperator";
+import ODataListBinding from "sap/ui/model/odata/v4/ODataListBinding";
+import { Button$PressEvent } from "sap/m/Button";
+import Fragment from "sap/ui/core/Fragment";
+import Popover from "sap/m/Popover";
+
+/**
+ * @namespace cds.plugin.caching.dashboard.controller
+ */
+export default class Cache extends BaseController {
+    private uiModel: JSONModel;
+
+    public onInit(): void {
+        super.onInit();
+
+        // Create a JSON model for UI data binding
+        this.uiModel = new JSONModel({
+            selectedTab: "main",
+            statistics: [],
+            loading: false,
+            loadingEntries: false,
+            showEntriesTable: false,
+            cacheEntries: [],
+
+            // Create
+            createKey: "",
+            createValue: "",
+            createTtl: 3600,
+
+            // Get
+            getKey: "",
+            getValue: "",
+
+            // Delete
+            deleteKey: "",
+
+            // Metrics
+            metricsEnabled: false,
+            keyMetricsEnabled: false,
+        });
+        this.getView().setModel(this.uiModel, "ui");
+
+
+        this.getRouter().getRoute("cache").attachPatternMatched(this.onRouteMatched, this);
+
+    }
+
+    public onRouteMatched(event: Route$PatternMatchedEvent): void {
+        const { cache } = event.getParameter("arguments") as { cache: string };
+        (<JSONModel>this.getModel("app")).setProperty("/selectedCache", cache);
+        (<JSONModel>this.getModel("app")).setProperty("/layout", "TwoColumnsMidExpanded");
+
+        this.getView().bindElement({
+            path: "/Caches('" + cache + "')",
+            events: {
+                change: (event: any) => {
+                    const context = this.getView().getElementBinding().getBoundContext();
+                    if (context) {
+                        const cache = context.getProperty("configuration");
+                        this.uiModel.setProperty("/config", cache);
+                        this.loadStatistics();
+                        this.loadKeyMetricsData();
+                    }
+                }
+            }
+        });
+    }
+
+    /**
+     * Load statistics based on current filters
+     */
+    private async loadStatistics(refresh: boolean = false): Promise<void> {
+        const table = this.getView().byId("metricsTable") as Table;
+        const filter = new Filter("cache", FilterOperator.EQ, (<JSONModel>this.getModel("app")).getProperty("/selectedCache"));
+        if (table.getBinding("rows").isSuspended()) {
+            table.getBinding("rows").resume();
+        }
+        if (refresh) {
+            (<ODataListBinding>table.getBinding("rows")).refresh();
+        } else {
+            (<ODataListBinding>table.getBinding("rows")).filter(filter);
+        }
+    }
+
+    /**
+     * Load key tracking data
+     */
+    async loadKeyMetricsData(refresh: boolean = false): Promise<void> {
+        const table = this.getView().byId("keyMetricsTable") as Table;
+        const filter = new Filter("cache", FilterOperator.EQ, (<JSONModel>this.getModel("app")).getProperty("/selectedCache"));
+        if (table.getBinding("rows").isSuspended()) {
+            table.getBinding("rows").resume();
+        }
+        if (refresh) {
+            (<ODataListBinding>table.getBinding("rows")).refresh();
+        } else {
+            (<ODataListBinding>table.getBinding("rows")).filter(filter);
+        }
+    }
+
+
+    /**
+     * Load cache entries
+     */
+    public async onLoadCacheEntries(): Promise<void> {
+        const cacheContext = this.getView().getElementBinding().getBoundContext() as Context;
+
+        try {
+            this.uiModel.setProperty("/loadingEntries", true);
+            this.uiModel.setProperty("/showEntriesTable", true);
+            this.uiModel.setSizeLimit(100_000);
+
+            // Call the backend to get cache entries
+            const model = this.getModel() as ODataModel;
+            const context = model.bindContext(`plugin.cds_caching.CachingApiService.getEntries(...)`, cacheContext);
+            await context.invoke();
+            const { value: entries } = await context.requestObject();
+            for (const entry of entries) {
+                entry.tags = entry.tags.join(", ");
+            }
+
+            this.uiModel.setProperty("/cacheEntries", entries);
+
+        } catch (error) {
+            console.error("Error loading cache entries:", error);
+            MessageBox.error("Failed to load cache entries");
+        } finally {
+            this.uiModel.setProperty("/loadingEntries", false);
+        }
+    }
+
+    /**
+     * Handle statistics row selection
+     */
+    public onMetricsRowSelect(event: Table$RowSelectionChangeEvent): void {
+        const selectedRow = event.getParameter("rowContext");
+        if (selectedRow) {
+            const metric = selectedRow.getObject() as any;
+            const cacheName = this.getView().getElementBinding().getBoundContext().getProperty("name");
+
+            // Navigate to single metric view
+            this.getRouter().navTo("singleMetric", {
+                cache: cacheName,
+                metricId: metric.ID
+            });
+
+            // Set layout to three columns
+            (<JSONModel>this.getModel("app")).setProperty("/layout", "ThreeColumnsEndExpanded");
+        }
+    }
+
+    /**
+     * Set cache entry
+     */
+    public async onSetKey(): Promise<void> {
+        const cacheContext = this.getView().getElementBinding().getBoundContext() as Context;
+        const key = this.uiModel.getProperty("/createKey");
+        const value = this.uiModel.getProperty("/createValue");
+        const ttl = this.uiModel.getProperty("/createTtl");
+
+        if (!key || !value) {
+            MessageBox.error("Please provide both key and value");
+            return;
+        }
+
+        try {
+            const model = this.getModel() as ODataModel;
+            const context = model.bindContext(`plugin.cds_caching.CachingApiService.setEntry(...)`, cacheContext);
+            context.setParameter("key", key);
+            context.setParameter("value", value);
+            context.setParameter("ttl", ttl);
+            await context.invoke();
+
+
+            MessageToast.show("Cache entry created successfully");
+
+            // Clear form
+            this.uiModel.setProperty("/createKey", "");
+            this.uiModel.setProperty("/createValue", "");
+            this.uiModel.setProperty("/createTtl", 3600);
+
+        } catch (error) {
+            console.error("Error setting cache entry:", error);
+            MessageBox.error("Failed to create cache entry");
+        }
+    }
+
+    /**
+     * Get cache entry
+     */
+    public async onGetKey(): Promise<void> {
+        const cacheContext = this.getView().getElementBinding().getBoundContext() as Context;
+        const key = this.uiModel.getProperty("/getKey");
+
+        if (!key) {
+            MessageBox.error("Please provide a key");
+            return;
+        }
+
+        try {
+            const model = this.getModel() as ODataModel;
+            const action = model.bindContext(`plugin.cds_caching.CachingApiService.getEntry(...)`, cacheContext);
+            action.setParameter("key", key);
+            await action.invoke();
+
+            const result = await action.requestObject();
+            this.uiModel.setProperty("/getValue", result.value || "Not found");
+
+        } catch (error) {
+            console.error("Error getting cache entry:", error);
+            this.uiModel.setProperty("/getValue", "Error: Entry not found or error occurred");
+        }
+    }
+
+    /**
+     * Delete cache entry
+     */
+    public async onDeleteKey(): Promise<void> {
+        const cacheContext = this.getView().getElementBinding().getBoundContext() as Context;
+        const key = this.uiModel.getProperty("/deleteKey");
+
+        if (!key) {
+            MessageBox.error("Please provide a key");
+            return;
+        }
+
+        try {
+            const model = this.getModel() as ODataModel;
+            const context = model.bindContext(`plugin.cds_caching.CachingApiService.deleteEntry(...)`, cacheContext);
+            context.setParameter("key", key);
+            await context.invoke();
+
+            MessageToast.show("Cache entry deleted successfully");
+
+            // Clear form
+            this.uiModel.setProperty("/deleteKey", "");
+
+        } catch (error) {
+            console.error("Error deleting cache entry:", error);
+            MessageBox.error("Failed to delete cache entry");
+        }
+    }
+
+    /**
+     * Enable/disable statistics
+     */
+    public async onEnableMetricsChange(event: any): Promise<void> {
+        const enabled = event.getParameter("state");
+        const cacheContext = this.getView().getElementBinding().getBoundContext() as Context;
+
+        try {
+            const model = this.getModel() as ODataModel;
+            const context = model.bindContext(`plugin.cds_caching.CachingApiService.setMetricsEnabled(...)`, cacheContext);
+            context.setParameter("enabled", enabled);
+            await context.invoke();
+
+            MessageToast.show(`Metrics ${enabled ? 'enabled' : 'disabled'} successfully`);
+        } catch (error) {
+            console.error("Error setting metrics enabled:", error);
+            MessageBox.error("Failed to update metrics setting");
+            // Revert the switch
+            this.uiModel.setProperty("/enableMetrics", !enabled);
+        }
+    }
+
+    /**
+     * Enable/disable key tracking
+     */
+    public async onEnableKeyMetricsChange(event: any): Promise<void> {
+        const enabled = event.getParameter("state");
+        const cacheContext = this.getView().getElementBinding().getBoundContext() as Context;
+
+        try {
+            const model = this.getModel() as ODataModel;
+            const context = model.bindContext(`plugin.cds_caching.CachingApiService.setKeyMetricsEnabled(...)`, cacheContext);
+            context.setParameter("enabled", enabled);
+            await context.invoke();
+
+            MessageToast.show(`Key metrics ${enabled ? 'enabled' : 'disabled'} successfully`);
+
+        } catch (error) {
+            console.error("Error setting key metrics enabled:", error);
+            MessageBox.error("Failed to update key metrics setting");
+            // Revert the switch
+            this.uiModel.setProperty("/enableKeyMetrics", !enabled);
+        }
+    }
+
+    /**
+     * Clear cache
+     */
+    public async onClearCache(): Promise<void> {
+        const cacheContext = this.getView().getElementBinding().getBoundContext() as Context;
+
+        MessageBox.confirm("Are you sure you want to clear this cache? This action cannot be undone.", {
+            actions: [MessageBox.Action.OK, MessageBox.Action.CANCEL],
+            emphasizedAction: MessageBox.Action.OK,
+            onClose: async (action: string) => {
+                if (action === MessageBox.Action.OK) {
+                    try {
+                        const model = this.getModel() as ODataModel;
+                        const context = model.bindContext(`plugin.cds_caching.CachingApiService.clear(...)`, cacheContext);
+                        await context.invoke();
+
+                        MessageBox.success("Cache cleared successfully");
+
+                        // Refresh the data
+                        await this.onRefresh();
+
+                    } catch (error) {
+                        console.error("Error clearing cache:", error);
+                        MessageBox.error("Failed to clear cache");
+                    }
+                }
+            }
+        });
+    }
+
+    /**
+     * Handle refresh button press
+     */
+    public async onRefresh(): Promise<void> {
+        if (this.getView().getElementBinding().getBoundContext()) {
+            await this.loadStatistics(true);
+            await this.loadKeyMetricsData(true);
+        }
+    }
+
+    public handleClose(): void {
+        this.getRouter().navTo("main");
+    }
+
+    public handleFullScreen(): void {
+        (<JSONModel>this.getModel("app")).setProperty("/layout", "MidColumnFullScreen");
+    }
+
+    public handleExitFullScreen(): void {
+        (<JSONModel>this.getModel("app")).setProperty("/layout", "TwoColumnsMidExpanded");
+    }
+
+    /**
+     * Handle key row selection
+     */
+    public onKeyMetricsRowSelect(event: any): void {
+
+        const selectedRow = event.getParameter("rowContext");
+        if (selectedRow) {
+            const metric = selectedRow.getObject() as any;
+            const cacheName = this.getView().getElementBinding().getBoundContext().getProperty("name");
+
+            // Navigate to single metric view
+            this.getRouter().navTo("singleKeyMetric", {
+                cache: cacheName,
+                keyMetricId: metric.ID
+            });
+
+            // Set layout to three columns
+            (<JSONModel>this.getModel("app")).setProperty("/layout", "ThreeColumnsEndExpanded");
+        }
+    }
+
+    /**
+     * Refresh key data
+     */
+    public async onRefreshKeyMetricsData(): Promise<void> {
+        await this.loadKeyMetricsData(true);
+    }
+
+    public async onRefreshMetricsData(): Promise<void> {
+        await this.loadStatistics(true);
+    }
+
+    public async onShowKeyMetricsMetadata(event: Button$PressEvent): Promise<void> {
+        const context = event.getSource().getBindingContext() as Context;
+
+        const saveJson = (json: string) => {
+            try {
+                return JSON.stringify(JSON.parse(json), null, 2)
+            } catch (error) {
+                return json
+            }
+        }
+
+        const localData = new JSONModel({
+            metadata: saveJson(context.getProperty("metadata")),
+            subject: saveJson(context.getProperty("subject")),
+            query: saveJson(context.getProperty("query")),
+            cacheOptions: saveJson(context.getProperty("cacheOptions")),
+            keyName: context.getProperty("keyName"),
+        });
+
+        const fragment = await Fragment.load({
+            definition: `<core:FragmentDefinition xmlns:core="sap.ui.core" xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m" xmlns:form="sap.ui.layout.form">
+                <Popover title="{localData>/keyName}" placement="Bottom" contentWidth="30rem">
+                    <content>
+                        <IconTabBar>
+                            <items>
+                                <IconTabFilter text="Metadata">
+                                    <content>
+                                        <TextArea value="{localData>/metadata}" rows="20" width="100%" editable="false" />
+                                    </content>
+                                </IconTabFilter>
+                                <IconTabFilter text="Subject" >
+                                    <content>
+                                        <TextArea value="{localData>/subject}" rows="20" width="100%" editable="false" />
+                                    </content>
+                                </IconTabFilter>
+                                <IconTabFilter text="Query" >
+                                    <content>
+                                        <TextArea value="{localData>/query}" rows="20" width="100%" editable="false" />
+                                    </content>
+                                </IconTabFilter>
+                                <IconTabFilter text="Cache Options" >
+                                    <content>
+                                        <TextArea value="{localData>/cacheOptions}" rows="20" width="100%" editable="false" />
+                                    </content>
+                                </IconTabFilter>
+                                </items>
+                        </IconTabBar>
+                    </content>
+                </Popover>
+            </core:FragmentDefinition>`,
+            controller: this,
+        });
+
+        const popover = fragment as Popover;
+        popover.setModel(localData, "localData");
+        popover.openBy(event.getSource());
+    }
+
+    /**
+     * Clear statistics
+     */
+    public async onClearMetrics(): Promise<void> {
+        const cacheContext = this.getView().getElementBinding().getBoundContext() as Context;
+        if (!cacheContext) {
+            return;
+        }
+
+        try {
+            const model = this.getModel() as ODataModel;
+            const action = model.bindContext(`plugin.cds_caching.CachingApiService.clearMetrics(...)`, cacheContext);
+            await action.invoke();
+
+            MessageToast.show("Metrics cleared successfully");
+
+            // Refresh the data
+            await this.onRefreshMetricsData();
+
+        } catch (error) {
+            console.error("Error clearing metrics:", error);
+            MessageBox.error("Failed to clear metrics");
+        }
+    }
+
+    /**
+     * Clear key metrics
+     */
+    public async onClearKeyMetrics(): Promise<void> {
+        const cacheContext = this.getView().getElementBinding().getBoundContext() as Context;
+        if (!cacheContext) {
+            return;
+        }
+
+        try {
+            const model = this.getModel() as ODataModel;
+            const action = model.bindContext(`plugin.cds_caching.CachingApiService.clearKeyMetrics(...)`, cacheContext);
+            await action.invoke();
+
+            MessageToast.show("Key metrics cleared successfully");
+
+            // Refresh the data
+            await this.onRefreshKeyMetricsData();
+
+        } catch (error) {
+            console.error("Error clearing key metrics:", error);
+            MessageBox.error("Failed to clear key metrics");
+        }
+    }
+
+}

package/app/dashboard/controller/Main-dbg.controller.js

@@ -0,0 +1,32 @@
+sap.ui.define(["./BaseController"], function (__BaseController) {
+  "use strict";
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule && typeof obj.default !== "undefined" ? obj.default : obj;
+  }
+  const BaseController = _interopRequireDefault(__BaseController);
+  /**
+   * @namespace cds.plugin.caching.dashboard.controller
+   */
+  const Main = BaseController.extend("cds.plugin.caching.dashboard.controller.Main", {
+    onInit: function _onInit() {
+      this.getRouter().getRoute("main").attachPatternMatched(this.onRouteMatched, this);
+    },
+    onRouteMatched: function _onRouteMatched(event) {
+      // Set layout to one column for main view
+      this.getModel("app").setProperty("/layout", "OneColumn");
+      this.getView().byId("cachesList").getBinding("items").refresh();
+    },
+    onCacheSelect: function _onCacheSelect(event) {
+      const cache = event.getParameter("listItem").getBindingContext().getProperty("name");
+      this.getRouter().navTo("cache", {
+        cache: cache
+      });
+    },
+    onRefresh: function _onRefresh() {
+      this.getView().byId("cachesList").getBinding("items").refresh();
+    }
+  });
+  return Main;
+});
+//# sourceMappingURL=Main-dbg.controller.js.map

package/app/dashboard/controller/Main-dbg.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Main-dbg.controller.js","names":["BaseController","_interopRequireDefault","__BaseController","Main","extend","onInit","_onInit","getRouter","getRoute","attachPatternMatched","onRouteMatched","_onRouteMatched","event","getModel","setProperty","getView","byId","getBinding","refresh","onCacheSelect","_onCacheSelect","cache","getParameter","getBindingContext","getProperty","navTo","onRefresh","_onRefresh"],"sources":["Main.controller.ts"],"sourcesContent":["import { ListBase$ItemPressEvent } from \"sap/m/ListBase\";\nimport BaseController from \"./BaseController\";\nimport MessageBox from \"sap/m/MessageBox\";\nimport ODataModel from \"sap/ui/model/odata/v4/ODataModel\";\nimport { Route$PatternMatchedEvent } from \"sap/ui/core/routing/Route\";\n\n/**\n * @namespace cds.plugin.caching.dashboard.controller\n */\nexport default class Main extends BaseController {\n\n\tpublic onInit(): void {\n\t\tthis.getRouter().getRoute(\"main\").attachPatternMatched(this.onRouteMatched, this);\n\t}\n\n\tpublic onRouteMatched(event: Route$PatternMatchedEvent): void {\n\t\t// Set layout to one column for main view\n\t\t(<any>this.getModel(\"app\")).setProperty(\"/layout\", \"OneColumn\");\n\t\tthis.getView().byId(\"cachesList\").getBinding(\"items\").refresh();\n\t}\n\n\tpublic onCacheSelect(event: ListBase$ItemPressEvent): void {\n\t\tconst cache = event.getParameter(\"listItem\").getBindingContext().getProperty(\"name\");\n\t\tthis.getRouter().navTo(\"cache\", { cache: cache });\n\t}\n\n\tpublic onRefresh(): void {\n\t\tthis.getView().byId(\"cachesList\").getBinding(\"items\").refresh();\n\t}\n\n}\n"],"mappings":";;;;;;QACOA,cAAc,GAAAC,sBAAA,CAAAC,gBAAA;EAKrB;AACA;AACA;EAFA,MAGqBC,IAAI,GAASH,cAAc,CAAAI,MAAA;IAExCC,MAAM,WAAAC,QAAA,EAAS;MACrB,IAAI,CAACC,SAAS,CAAC,CAAC,CAACC,QAAQ,CAAC,MAAM,CAAC,CAACC,oBAAoB,CAAC,IAAI,CAACC,cAAc,EAAE,IAAI,CAAC;IAClF,CAAC;IAEMA,cAAc,WAAAC,gBAACC,KAAgC,EAAQ;MAC7D;MACM,IAAI,CAACC,QAAQ,CAAC,KAAK,CAAC,CAAEC,WAAW,CAAC,SAAS,EAAE,WAAW,CAAC;MAC/D,IAAI,CAACC,OAAO,CAAC,CAAC,CAACC,IAAI,CAAC,YAAY,CAAC,CAACC,UAAU,CAAC,OAAO,CAAC,CAACC,OAAO,CAAC,CAAC;IAChE,CAAC;IAEMC,aAAa,WAAAC,eAACR,KAA8B,EAAQ;MAC1D,MAAMS,KAAK,GAAGT,KAAK,CAACU,YAAY,CAAC,UAAU,CAAC,CAACC,iBAAiB,CAAC,CAAC,CAACC,WAAW,CAAC,MAAM,CAAC;MACpF,IAAI,CAACjB,SAAS,CAAC,CAAC,CAACkB,KAAK,CAAC,OAAO,EAAE;QAAEJ,KAAK,EAAEA;MAAM,CAAC,CAAC;IAClD,CAAC;IAEMK,SAAS,WAAAC,WAAA,EAAS;MACxB,IAAI,CAACZ,OAAO,CAAC,CAAC,CAACC,IAAI,CAAC,YAAY,CAAC,CAACC,UAAU,CAAC,OAAO,CAAC,CAACC,OAAO,CAAC,CAAC;IAChE;EAAC;EAAA,OAnBmBf,IAAI;AAAA","ignoreList":[]}

package/app/dashboard/controller/Main.controller.js

@@ -0,0 +1,2 @@
+sap.ui.define(["./BaseController"],function(e){"use strict";function t(e){return e&&e.__esModule&&typeof e.default!=="undefined"?e.default:e}const n=t(e);const i=n.extend("cds.plugin.caching.dashboard.controller.Main",{onInit:function e(){this.getRouter().getRoute("main").attachPatternMatched(this.onRouteMatched,this)},onRouteMatched:function e(t){this.getModel("app").setProperty("/layout","OneColumn");this.getView().byId("cachesList").getBinding("items").refresh()},onCacheSelect:function e(t){const n=t.getParameter("listItem").getBindingContext().getProperty("name");this.getRouter().navTo("cache",{cache:n})},onRefresh:function e(){this.getView().byId("cachesList").getBinding("items").refresh()}});return i});
+//# sourceMappingURL=Main.controller.js.map

package/app/dashboard/controller/Main.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Main.controller.js","names":["BaseController","_interopRequireDefault","__BaseController","Main","extend","onInit","_onInit","this","getRouter","getRoute","attachPatternMatched","onRouteMatched","_onRouteMatched","event","getModel","setProperty","getView","byId","getBinding","refresh","onCacheSelect","_onCacheSelect","cache","getParameter","getBindingContext","getProperty","navTo","onRefresh","_onRefresh"],"sources":["Main.controller.ts"],"sourcesContent":["import { ListBase$ItemPressEvent } from \"sap/m/ListBase\";\nimport BaseController from \"./BaseController\";\nimport MessageBox from \"sap/m/MessageBox\";\nimport ODataModel from \"sap/ui/model/odata/v4/ODataModel\";\nimport { Route$PatternMatchedEvent } from \"sap/ui/core/routing/Route\";\n\n/**\n * @namespace cds.plugin.caching.dashboard.controller\n */\nexport default class Main extends BaseController {\n\n\tpublic onInit(): void {\n\t\tthis.getRouter().getRoute(\"main\").attachPatternMatched(this.onRouteMatched, this);\n\t}\n\n\tpublic onRouteMatched(event: Route$PatternMatchedEvent): void {\n\t\t// Set layout to one column for main view\n\t\t(<any>this.getModel(\"app\")).setProperty(\"/layout\", \"OneColumn\");\n\t\tthis.getView().byId(\"cachesList\").getBinding(\"items\").refresh();\n\t}\n\n\tpublic onCacheSelect(event: ListBase$ItemPressEvent): void {\n\t\tconst cache = event.getParameter(\"listItem\").getBindingContext().getProperty(\"name\");\n\t\tthis.getRouter().navTo(\"cache\", { cache: cache });\n\t}\n\n\tpublic onRefresh(): void {\n\t\tthis.getView().byId(\"cachesList\").getBinding(\"items\").refresh();\n\t}\n\n}\n"],"mappings":"mJACOA,EAAcC,EAAAC,GAKrB,MAGqBC,EAAaH,EAAcI,OAAA,gDAExCC,OAAM,SAAAC,IACZC,KAAKC,YAAYC,SAAS,QAAQC,qBAAqBH,KAAKI,eAAgBJ,KAC7E,EAEOI,eAAc,SAAAC,EAACC,GAEfN,KAAKO,SAAS,OAAQC,YAAY,UAAW,aACnDR,KAAKS,UAAUC,KAAK,cAAcC,WAAW,SAASC,SACvD,EAEOC,cAAa,SAAAC,EAACR,GACpB,MAAMS,EAAQT,EAAMU,aAAa,YAAYC,oBAAoBC,YAAY,QAC7ElB,KAAKC,YAAYkB,MAAM,QAAS,CAAEJ,MAAOA,GAC1C,EAEOK,UAAS,SAAAC,IACfrB,KAAKS,UAAUC,KAAK,cAAcC,WAAW,SAASC,SACvD,IAAC,OAnBmBhB,CAAI","ignoreList":[]}

package/app/dashboard/controller/Main.controller.ts

@@ -0,0 +1,31 @@
+import { ListBase$ItemPressEvent } from "sap/m/ListBase";
+import BaseController from "./BaseController";
+import MessageBox from "sap/m/MessageBox";
+import ODataModel from "sap/ui/model/odata/v4/ODataModel";
+import { Route$PatternMatchedEvent } from "sap/ui/core/routing/Route";
+
+/**
+ * @namespace cds.plugin.caching.dashboard.controller
+ */
+export default class Main extends BaseController {
+
+	public onInit(): void {
+		this.getRouter().getRoute("main").attachPatternMatched(this.onRouteMatched, this);
+	}
+
+	public onRouteMatched(event: Route$PatternMatchedEvent): void {
+		// Set layout to one column for main view
+		(<any>this.getModel("app")).setProperty("/layout", "OneColumn");
+		this.getView().byId("cachesList").getBinding("items").refresh();
+	}
+
+	public onCacheSelect(event: ListBase$ItemPressEvent): void {
+		const cache = event.getParameter("listItem").getBindingContext().getProperty("name");
+		this.getRouter().navTo("cache", { cache: cache });
+	}
+
+	public onRefresh(): void {
+		this.getView().byId("cachesList").getBinding("items").refresh();
+	}
+
+}