cds-caching 1.3.1 → 1.3.2

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

@@ -1 +1 @@
-{"version":3,"file":"SingleMetric.controller.js","names":["BaseController","_interopRequireDefault","__BaseController","SingleMetric","extend","onInit","_onInit","BaseController.prototype.onInit.call","this","uiModel","JSONModel","metricId","hitRatio","cacheEfficiency","throughput","errorRate","avgLatency","avgHitLatency","avgMissLatency","hits","misses","sets","deletes","errors","nativeSets","nativeGets","nativeDeletes","nativeClears","nativeDeleteByTags","nativeErrors","totalNativeOperations","nativeThroughput","nativeErrorRate","memoryUsage","itemCount","uniqueKeys","uptimeMs","latencyData","cacheThroughData","nativeData","getView","setModel","getRouter","getRoute","attachPatternMatched","onRouteMatched","_onRouteMatched","event","cache","getParameter","setProperty","getModel","loadMetric","formatChart","async","_loadMetric","cacheName","model","context","bindContext","metric","requestObject","generateLatencyChartData","generateCacheThroughChartData","generateNativeChartData","MessageBox","error","console","_generateLatencyChartData","operation","latency","avgReadThroughLatency","_generateCacheThroughChartData","count","_generateNativeChartData","_formatChart","latencyChart","byId","setVizProperties","legend","visible","plotArea","dataLabel","formatString","gridline","valueAxis","axisLine","axisTick","label","title","categoryAxis","text","cacheThroughChart","nativeChart","onRefresh","_onRefresh","getProperty","handleFullScreen","_handleFullScreen","handleExitFullScreen","_handleExitFullScreen","handleClose","_handleClose","navTo","onColumnsChange","_onColumnsChange"],"sources":["SingleMetric.controller.ts"],"sourcesContent":["import BaseController from \"./BaseController\";\nimport JSONModel from \"sap/ui/model/json/JSONModel\";\nimport ODataModel from \"sap/ui/model/odata/v4/ODataModel\";\nimport { Route$PatternMatchedEvent } from \"sap/ui/core/routing/Route\";\nimport MessageBox from \"sap/m/MessageBox\";\n\n/**\n * @namespace cds.plugin.caching.dashboard.controller\n */\nexport default class SingleMetric 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            metricId: \"\",\n            // Performance metrics\n            hitRatio: 0,\n            cacheEfficiency: 0,\n            throughput: 0,\n            errorRate: 0,\n            // Latency metrics\n            avgLatency: 0,\n            avgHitLatency: 0,\n            avgMissLatency: 0,\n            // Operation counts\n            hits: 0,\n            misses: 0,\n            sets: 0,\n            deletes: 0,\n            errors: 0,\n            // Native function metrics\n            nativeSets: 0,\n            nativeGets: 0,\n            nativeDeletes: 0,\n            nativeClears: 0,\n            nativeDeleteByTags: 0,\n            nativeErrors: 0,\n            totalNativeOperations: 0,\n            nativeThroughput: 0,\n            nativeErrorRate: 0,\n            // System information\n            memoryUsage: 0,\n            itemCount: 0,\n            uniqueKeys: 0,\n            uptimeMs: 0,\n            // Chart data\n            latencyData: [],\n            cacheThroughData: [],\n            nativeData: []\n        });\n        this.getView().setModel(this.uiModel, \"ui\");\n\n        this.getRouter().getRoute(\"singleMetric\").attachPatternMatched(this.onRouteMatched, this);\n    }\n\n    public onRouteMatched(event: Route$PatternMatchedEvent): void {\n        const { cache, metricId } = event.getParameter(\"arguments\") as { cache: string; metricId: string };\n\n        this.uiModel.setProperty(\"/metricId\", metricId);\n\n        // Set layout to three columns\n        (<JSONModel>this.getModel(\"app\")).setProperty(\"/layout\", \"ThreeColumnsEndExpanded\");\n\n        // Load the specific metric\n        this.loadMetric(cache, metricId);\n\n        this.formatChart();\n    }\n\n    /**\n     * Load specific metric data\n     */\n    private async loadMetric(cacheName: string, metricId: string): Promise<void> {\n        try {\n            const model = this.getModel() as ODataModel;\n\n            // Try to get the metric from the Metrics entity\n            const context = model.bindContext(`/Metrics(ID='${metricId}',cache='${cacheName}')`);\n            const metric = await context.requestObject();\n\n            if (metric) {\n                // Set all the metric values\n                this.uiModel.setProperty(\"/hitRatio\", metric.hitRatio || 0);\n                this.uiModel.setProperty(\"/cacheEfficiency\", metric.cacheEfficiency || 0);\n                this.uiModel.setProperty(\"/throughput\", metric.throughput || 0);\n                this.uiModel.setProperty(\"/errorRate\", metric.errorRate || 0);\n\n                // Latency metrics\n                this.uiModel.setProperty(\"/avgLatency\", metric.avgLatency || 0);\n                this.uiModel.setProperty(\"/avgHitLatency\", metric.avgHitLatency || 0);\n                this.uiModel.setProperty(\"/avgMissLatency\", metric.avgMissLatency || 0);\n\n                // Operation counts\n                this.uiModel.setProperty(\"/hits\", metric.hits || 0);\n                this.uiModel.setProperty(\"/misses\", metric.misses || 0);\n                this.uiModel.setProperty(\"/sets\", metric.sets || 0);\n                this.uiModel.setProperty(\"/deletes\", metric.deletes || 0);\n                this.uiModel.setProperty(\"/errors\", metric.errors || 0);\n\n                // Native function metrics\n                this.uiModel.setProperty(\"/nativeSets\", metric.nativeSets || 0);\n                this.uiModel.setProperty(\"/nativeGets\", metric.nativeGets || 0);\n                this.uiModel.setProperty(\"/nativeDeletes\", metric.nativeDeletes || 0);\n                this.uiModel.setProperty(\"/nativeClears\", metric.nativeClears || 0);\n                this.uiModel.setProperty(\"/nativeDeleteByTags\", metric.nativeDeleteByTags || 0);\n                this.uiModel.setProperty(\"/nativeErrors\", metric.nativeErrors || 0);\n                this.uiModel.setProperty(\"/totalNativeOperations\", metric.totalNativeOperations || 0);\n                this.uiModel.setProperty(\"/nativeThroughput\", metric.nativeThroughput || 0);\n                this.uiModel.setProperty(\"/nativeErrorRate\", metric.nativeErrorRate || 0);\n\n                // System information\n                this.uiModel.setProperty(\"/memoryUsage\", metric.memoryUsage || 0);\n                this.uiModel.setProperty(\"/itemCount\", metric.itemCount || 0);\n                this.uiModel.setProperty(\"/uptimeMs\", metric.uptimeMs || 0);\n\n                // Calculate unique keys (this might need to come from a different source)\n                this.uiModel.setProperty(\"/uniqueKeys\", 0); // TODO: Get from key metrics data\n\n                // Generate chart data\n                this.generateLatencyChartData(metric);\n                this.generateCacheThroughChartData(metric);\n                this.generateNativeChartData(metric);\n\n            } else {\n                MessageBox.error(\"Metric not found\");\n            }\n\n        } catch (error) {\n            console.error(\"Error loading metric:\", error);\n            MessageBox.error(\"Failed to load metric details\");\n        }\n    }\n\n    /**\n     * Generate latency data for the chart\n     */\n    private generateLatencyChartData(metric: any): void {\n        const latencyData = [\n            {\n                operation: \"Average Hit Latency\",\n                latency: metric.avgHitLatency || 0\n            },\n            {\n                operation: \"Average Miss Latency\",\n                latency: metric.avgMissLatency || 0\n            },\n            {\n                operation: \"Average Read-Through Latency\",\n                latency: metric.avgReadThroughLatency || 0\n            }\n        ];\n\n        this.uiModel.setProperty(\"/latencyData\", latencyData);\n    }\n\n    /**\n     * Generate Read-Through operations data for pie chart\n     */\n    private generateCacheThroughChartData(metric: any): void {\n        const cacheThroughData = [\n            {\n                operation: \"Hits\",\n                count: metric.hits || 0\n            },\n            {\n                operation: \"Misses\",\n                count: metric.misses || 0\n            },\n            {\n                operation: \"Errors\",\n                count: metric.errors || 0\n            }\n        ];\n\n        this.uiModel.setProperty(\"/cacheThroughData\", cacheThroughData);\n    }\n\n    /**\n     * Generate Native Function operations data for pie chart\n     */\n    private generateNativeChartData(metric: any): void {\n        const nativeData = [\n            {\n                operation: \"Sets\",\n                count: metric.nativeSets || 0\n            },\n            {\n                operation: \"Gets\",\n                count: metric.nativeGets || 0\n            },\n            {\n                operation: \"Deletes\",\n                count: metric.nativeDeletes || 0\n            },\n            {\n                operation: \"Clears\",\n                count: metric.nativeClears || 0\n            },\n            {\n                operation: \"Delete By Tags\",\n                count: metric.nativeDeleteByTags || 0\n            },\n            {\n                operation: \"Errors\",\n                count: metric.nativeErrors || 0\n            }\n        ];\n\n        this.uiModel.setProperty(\"/nativeData\", nativeData);\n    }\n\n    public formatChart() {\n        // Format latency chart (bar chart)\n        const latencyChart = this.getView().byId(\"metricLatencyChart\") as any;\n        if (latencyChart) {\n            latencyChart.setVizProperties({\n                legend: {\n                    visible: false\n                },\n                plotArea: {\n                    dataLabel: {\n                        visible: true,\n                        formatString: \"#,## ms\"\n                    },\n                    gridline: {\n                        visible: false\n                    }\n                },\n                valueAxis: {\n                    axisLine: {\n                        visible: false\n                    },\n                    axisTick: {\n                        visible: false\n                    },\n                    label: {\n                        visible: false\n                    },\n                    title: {\n                        visible: false\n                    }\n                },\n                categoryAxis: {\n                    title: {\n                        visible: false\n                    }\n                },\n                title: {\n                    visible: false,\n                    text: 'Latency by Operation'\n                }\n            });\n        }\n\n        // Format Read-Through pie chart\n        const cacheThroughChart = this.getView().byId(\"metricCacheThroughChart\") as any;\n        if (cacheThroughChart) {\n            cacheThroughChart.setVizProperties({\n                legend: {\n                    visible: true\n                },\n                plotArea: {\n                    dataLabel: {\n                        visible: true\n                    }\n                },\n                title: {\n                    visible: false\n                }\n            });\n        }\n\n        // Format Native Function pie chart\n        const nativeChart = this.getView().byId(\"metricNativeChart\") as any;\n        if (nativeChart) {\n            nativeChart.setVizProperties({\n                legend: {\n                    visible: true\n                },\n                plotArea: {\n                    dataLabel: {\n                        visible: true\n                    }\n                },\n                title: {\n                    visible: false\n                }\n            });\n        }\n    }\n\n    /**\n     * Handle refresh button press\n     */\n    public onRefresh(): void {\n        const cacheName = this.getModel(\"app\").getProperty(\"/selectedCache\");\n        const metricId = this.uiModel.getProperty(\"/metricId\");\n\n        if (cacheName && metricId) {\n            this.loadMetric(cacheName, metricId);\n        }\n    }\n\n    /**\n     * Handle full screen mode\n     */\n    public handleFullScreen(): void {\n        (<JSONModel>this.getModel(\"app\")).setProperty(\"/layout\", \"EndColumnFullScreen\");\n    }\n\n    /**\n     * Handle exit full screen mode\n     */\n    public handleExitFullScreen(): void {\n        (<JSONModel>this.getModel(\"app\")).setProperty(\"/layout\", \"ThreeColumnsEndExpanded\");\n    }\n\n    /**\n     * Handle close end column\n     */\n    public handleClose(): void {\n        (<JSONModel>this.getModel(\"app\")).setProperty(\"/layout\", \"TwoColumnsMidExpanded\");\n        this.getRouter().navTo(\"cache\", { cache: this.getModel(\"app\").getProperty(\"/selectedCache\") });\n    }\n\n    /**\n     * Handle grid columns change\n     */\n    public onColumnsChange(): void {\n        // Handle responsive grid column changes if needed\n    }\n} "],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SingleMetric.controller.js","names":["BaseController","_interopRequireDefault","__BaseController","SingleMetric","extend","onInit","_onInit","BaseController.prototype.onInit.call","this","uiModel","JSONModel","metricId","hitRatio","cacheEfficiency","throughput","errorRate","avgLatency","avgHitLatency","avgMissLatency","hits","misses","sets","deletes","errors","nativeSets","nativeGets","nativeDeletes","nativeClears","nativeDeleteByTags","nativeErrors","totalNativeOperations","nativeThroughput","nativeErrorRate","memoryUsage","itemCount","uniqueKeys","uptimeMs","latencyData","cacheThroughData","nativeData","getView","setModel","getRouter","getRoute","attachPatternMatched","onRouteMatched","_onRouteMatched","event","cache","getParameter","setProperty","getModel","loadMetric","formatChart","async","_loadMetric","cacheName","model","rb","getResourceBundle","context","bindContext","metric","requestObject","generateLatencyChartData","generateCacheThroughChartData","generateNativeChartData","MessageBox","error","i18nText","console","_generateLatencyChartData","t","k","getText","operation","latency","avgReadThroughLatency","_generateCacheThroughChartData","count","_generateNativeChartData","_formatChart","latencyChart","byId","then","setVizProperties","legend","visible","plotArea","dataLabel","formatString","gridline","valueAxis","axisLine","axisTick","label","title","categoryAxis","text","cacheThroughChart","nativeChart","onRefresh","_onRefresh","getProperty","handleFullScreen","_handleFullScreen","handleExitFullScreen","_handleExitFullScreen","handleClose","_handleClose","navTo","onColumnsChange","_onColumnsChange"],"sources":["SingleMetric.controller.ts"],"sourcesContent":["import BaseController from \"./BaseController\";\nimport JSONModel from \"sap/ui/model/json/JSONModel\";\nimport ODataModel from \"sap/ui/model/odata/v4/ODataModel\";\nimport { Route$PatternMatchedEvent } from \"sap/ui/core/routing/Route\";\nimport MessageBox from \"sap/m/MessageBox\";\nimport ResourceBundle from \"sap/base/i18n/ResourceBundle\";\n\n/**\n * @namespace cds.plugin.caching.dashboard.controller\n */\nexport default class SingleMetric 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            metricId: \"\",\n            // Performance metrics\n            hitRatio: 0,\n            cacheEfficiency: 0,\n            throughput: 0,\n            errorRate: 0,\n            // Latency metrics\n            avgLatency: 0,\n            avgHitLatency: 0,\n            avgMissLatency: 0,\n            // Operation counts\n            hits: 0,\n            misses: 0,\n            sets: 0,\n            deletes: 0,\n            errors: 0,\n            // Native function metrics\n            nativeSets: 0,\n            nativeGets: 0,\n            nativeDeletes: 0,\n            nativeClears: 0,\n            nativeDeleteByTags: 0,\n            nativeErrors: 0,\n            totalNativeOperations: 0,\n            nativeThroughput: 0,\n            nativeErrorRate: 0,\n            // System information\n            memoryUsage: 0,\n            itemCount: 0,\n            uniqueKeys: 0,\n            uptimeMs: 0,\n            // Chart data\n            latencyData: [],\n            cacheThroughData: [],\n            nativeData: []\n        });\n        this.getView().setModel(this.uiModel, \"ui\");\n\n        this.getRouter().getRoute(\"singleMetric\").attachPatternMatched(this.onRouteMatched, this);\n    }\n\n    public onRouteMatched(event: Route$PatternMatchedEvent): void {\n        const { cache, metricId } = event.getParameter(\"arguments\") as { cache: string; metricId: string };\n\n        this.uiModel.setProperty(\"/metricId\", metricId);\n\n        // Set layout to three columns\n        (<JSONModel>this.getModel(\"app\")).setProperty(\"/layout\", \"ThreeColumnsEndExpanded\");\n\n        // Load the specific metric\n        this.loadMetric(cache, metricId);\n\n        this.formatChart();\n    }\n\n    /**\n     * Load specific metric data\n     */\n    private async loadMetric(cacheName: string, metricId: string): Promise<void> {\n        try {\n            const model = this.getModel() as ODataModel;\n            const rb = await this.getResourceBundle();\n\n            // Try to get the metric from the Metrics entity\n            const context = model.bindContext(`/Metrics(ID='${metricId}',cache='${cacheName}')`);\n            const metric = await context.requestObject();\n\n            if (metric) {\n                // Set all the metric values\n                this.uiModel.setProperty(\"/hitRatio\", metric.hitRatio || 0);\n                this.uiModel.setProperty(\"/cacheEfficiency\", metric.cacheEfficiency || 0);\n                this.uiModel.setProperty(\"/throughput\", metric.throughput || 0);\n                this.uiModel.setProperty(\"/errorRate\", metric.errorRate || 0);\n\n                // Latency metrics\n                this.uiModel.setProperty(\"/avgLatency\", metric.avgLatency || 0);\n                this.uiModel.setProperty(\"/avgHitLatency\", metric.avgHitLatency || 0);\n                this.uiModel.setProperty(\"/avgMissLatency\", metric.avgMissLatency || 0);\n\n                // Operation counts\n                this.uiModel.setProperty(\"/hits\", metric.hits || 0);\n                this.uiModel.setProperty(\"/misses\", metric.misses || 0);\n                this.uiModel.setProperty(\"/sets\", metric.sets || 0);\n                this.uiModel.setProperty(\"/deletes\", metric.deletes || 0);\n                this.uiModel.setProperty(\"/errors\", metric.errors || 0);\n\n                // Native function metrics\n                this.uiModel.setProperty(\"/nativeSets\", metric.nativeSets || 0);\n                this.uiModel.setProperty(\"/nativeGets\", metric.nativeGets || 0);\n                this.uiModel.setProperty(\"/nativeDeletes\", metric.nativeDeletes || 0);\n                this.uiModel.setProperty(\"/nativeClears\", metric.nativeClears || 0);\n                this.uiModel.setProperty(\"/nativeDeleteByTags\", metric.nativeDeleteByTags || 0);\n                this.uiModel.setProperty(\"/nativeErrors\", metric.nativeErrors || 0);\n                this.uiModel.setProperty(\"/totalNativeOperations\", metric.totalNativeOperations || 0);\n                this.uiModel.setProperty(\"/nativeThroughput\", metric.nativeThroughput || 0);\n                this.uiModel.setProperty(\"/nativeErrorRate\", metric.nativeErrorRate || 0);\n\n                // System information\n                this.uiModel.setProperty(\"/memoryUsage\", metric.memoryUsage || 0);\n                this.uiModel.setProperty(\"/itemCount\", metric.itemCount || 0);\n                this.uiModel.setProperty(\"/uptimeMs\", metric.uptimeMs || 0);\n\n                // Calculate unique keys (this might need to come from a different source)\n                this.uiModel.setProperty(\"/uniqueKeys\", 0); // TODO: Get from key metrics data\n\n                // Generate chart data\n                this.generateLatencyChartData(metric, rb);\n                this.generateCacheThroughChartData(metric, rb);\n                this.generateNativeChartData(metric, rb);\n\n            } else {\n                MessageBox.error(await this.i18nText(\"msgMetricNotFound\"));\n            }\n\n        } catch (error) {\n            console.error(\"Error loading metric:\", error);\n            MessageBox.error(await this.i18nText(\"msgLoadMetricFailed\"));\n        }\n    }\n\n    /**\n     * Generate latency data for the chart\n     */\n    private generateLatencyChartData(metric: any, rb: ResourceBundle): void {\n        const t = (k: string) => rb.getText(k);\n        const latencyData = [\n            {\n                operation: t(\"chartOpAvgHitLatency\"),\n                latency: metric.avgHitLatency || 0\n            },\n            {\n                operation: t(\"chartOpAvgMissLatency\"),\n                latency: metric.avgMissLatency || 0\n            },\n            {\n                operation: t(\"chartOpAvgReadThroughLatency\"),\n                latency: metric.avgReadThroughLatency || 0\n            }\n        ];\n\n        this.uiModel.setProperty(\"/latencyData\", latencyData);\n    }\n\n    /**\n     * Generate Read-Through operations data for pie chart\n     */\n    private generateCacheThroughChartData(metric: any, rb: ResourceBundle): void {\n        const t = (k: string) => rb.getText(k);\n        const cacheThroughData = [\n            {\n                operation: t(\"chartOpHits\"),\n                count: metric.hits || 0\n            },\n            {\n                operation: t(\"chartOpMisses\"),\n                count: metric.misses || 0\n            },\n            {\n                operation: t(\"chartOpErrors\"),\n                count: metric.errors || 0\n            }\n        ];\n\n        this.uiModel.setProperty(\"/cacheThroughData\", cacheThroughData);\n    }\n\n    /**\n     * Generate Native Function operations data for pie chart\n     */\n    private generateNativeChartData(metric: any, rb: ResourceBundle): void {\n        const t = (k: string) => rb.getText(k);\n        const nativeData = [\n            {\n                operation: t(\"chartOpSets\"),\n                count: metric.nativeSets || 0\n            },\n            {\n                operation: t(\"chartOpGets\"),\n                count: metric.nativeGets || 0\n            },\n            {\n                operation: t(\"chartOpDeletes\"),\n                count: metric.nativeDeletes || 0\n            },\n            {\n                operation: t(\"chartOpClears\"),\n                count: metric.nativeClears || 0\n            },\n            {\n                operation: t(\"chartOpDeleteByTags\"),\n                count: metric.nativeDeleteByTags || 0\n            },\n            {\n                operation: t(\"chartOpErrors\"),\n                count: metric.nativeErrors || 0\n            }\n        ];\n\n        this.uiModel.setProperty(\"/nativeData\", nativeData);\n    }\n\n    public formatChart() {\n        // Format latency chart (bar chart)\n        const latencyChart = this.getView().byId(\"metricLatencyChart\") as any;\n        if (latencyChart) {\n            void this.getResourceBundle().then((rb) => {\n                latencyChart.setVizProperties({\n                legend: {\n                    visible: false\n                },\n                plotArea: {\n                    dataLabel: {\n                        visible: true,\n                        formatString: \"#,## ms\"\n                    },\n                    gridline: {\n                        visible: false\n                    }\n                },\n                valueAxis: {\n                    axisLine: {\n                        visible: false\n                    },\n                    axisTick: {\n                        visible: false\n                    },\n                    label: {\n                        visible: false\n                    },\n                    title: {\n                        visible: false\n                    }\n                },\n                categoryAxis: {\n                    title: {\n                        visible: false\n                    }\n                },\n                title: {\n                    visible: false,\n                    text: rb.getText(\"chartTitleLatencyByOperation\")\n                }\n            });\n            });\n        }\n\n        // Format Read-Through pie chart\n        const cacheThroughChart = this.getView().byId(\"metricCacheThroughChart\") as any;\n        if (cacheThroughChart) {\n            cacheThroughChart.setVizProperties({\n                legend: {\n                    visible: true\n                },\n                plotArea: {\n                    dataLabel: {\n                        visible: true\n                    }\n                },\n                title: {\n                    visible: false\n                }\n            });\n        }\n\n        // Format Native Function pie chart\n        const nativeChart = this.getView().byId(\"metricNativeChart\") as any;\n        if (nativeChart) {\n            nativeChart.setVizProperties({\n                legend: {\n                    visible: true\n                },\n                plotArea: {\n                    dataLabel: {\n                        visible: true\n                    }\n                },\n                title: {\n                    visible: false\n                }\n            });\n        }\n    }\n\n    /**\n     * Handle refresh button press\n     */\n    public onRefresh(): void {\n        const cacheName = this.getModel(\"app\").getProperty(\"/selectedCache\");\n        const metricId = this.uiModel.getProperty(\"/metricId\");\n\n        if (cacheName && metricId) {\n            this.loadMetric(cacheName, metricId);\n        }\n    }\n\n    /**\n     * Handle full screen mode\n     */\n    public handleFullScreen(): void {\n        (<JSONModel>this.getModel(\"app\")).setProperty(\"/layout\", \"EndColumnFullScreen\");\n    }\n\n    /**\n     * Handle exit full screen mode\n     */\n    public handleExitFullScreen(): void {\n        (<JSONModel>this.getModel(\"app\")).setProperty(\"/layout\", \"ThreeColumnsEndExpanded\");\n    }\n\n    /**\n     * Handle close end column\n     */\n    public handleClose(): void {\n        (<JSONModel>this.getModel(\"app\")).setProperty(\"/layout\", \"TwoColumnsMidExpanded\");\n        this.getRouter().navTo(\"cache\", { cache: this.getModel(\"app\").getProperty(\"/selectedCache\") });\n    }\n\n    /**\n     * Handle grid columns change\n     */\n    public onColumnsChange(): void {\n        // Handle responsive grid column changes if needed\n    }\n} "],"mappings":"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","ignoreList":[]}

package/app/dashboard/controller/SingleMetric.controller.ts

@@ -3,6 +3,7 @@ import JSONModel from "sap/ui/model/json/JSONModel";
 import ODataModel from "sap/ui/model/odata/v4/ODataModel";
 import { Route$PatternMatchedEvent } from "sap/ui/core/routing/Route";
 import MessageBox from "sap/m/MessageBox";
+import ResourceBundle from "sap/base/i18n/ResourceBundle";
 
 /**
  * @namespace cds.plugin.caching.dashboard.controller
@@ -76,6 +77,7 @@ export default class SingleMetric extends BaseController {
     private async loadMetric(cacheName: string, metricId: string): Promise<void> {
         try {
             const model = this.getModel() as ODataModel;
+            const rb = await this.getResourceBundle();
 
             // Try to get the metric from the Metrics entity
             const context = model.bindContext(`/Metrics(ID='${metricId}',cache='${cacheName}')`);
@@ -120,35 +122,36 @@ export default class SingleMetric extends BaseController {
                 this.uiModel.setProperty("/uniqueKeys", 0); // TODO: Get from key metrics data
 
                 // Generate chart data
-                this.generateLatencyChartData(metric);
-                this.generateCacheThroughChartData(metric);
-                this.generateNativeChartData(metric);
+                this.generateLatencyChartData(metric, rb);
+                this.generateCacheThroughChartData(metric, rb);
+                this.generateNativeChartData(metric, rb);
 
             } else {
-                MessageBox.error("Metric not found");
+                MessageBox.error(await this.i18nText("msgMetricNotFound"));
             }
 
         } catch (error) {
             console.error("Error loading metric:", error);
-            MessageBox.error("Failed to load metric details");
+            MessageBox.error(await this.i18nText("msgLoadMetricFailed"));
         }
     }
 
     /**
      * Generate latency data for the chart
      */
-    private generateLatencyChartData(metric: any): void {
+    private generateLatencyChartData(metric: any, rb: ResourceBundle): void {
+        const t = (k: string) => rb.getText(k);
         const latencyData = [
             {
-                operation: "Average Hit Latency",
+                operation: t("chartOpAvgHitLatency"),
                 latency: metric.avgHitLatency || 0
             },
             {
-                operation: "Average Miss Latency",
+                operation: t("chartOpAvgMissLatency"),
                 latency: metric.avgMissLatency || 0
             },
             {
-                operation: "Average Read-Through Latency",
+                operation: t("chartOpAvgReadThroughLatency"),
                 latency: metric.avgReadThroughLatency || 0
             }
         ];
@@ -159,18 +162,19 @@ export default class SingleMetric extends BaseController {
     /**
      * Generate Read-Through operations data for pie chart
      */
-    private generateCacheThroughChartData(metric: any): void {
+    private generateCacheThroughChartData(metric: any, rb: ResourceBundle): void {
+        const t = (k: string) => rb.getText(k);
         const cacheThroughData = [
             {
-                operation: "Hits",
+                operation: t("chartOpHits"),
                 count: metric.hits || 0
             },
             {
-                operation: "Misses",
+                operation: t("chartOpMisses"),
                 count: metric.misses || 0
             },
             {
-                operation: "Errors",
+                operation: t("chartOpErrors"),
                 count: metric.errors || 0
             }
         ];
@@ -181,30 +185,31 @@ export default class SingleMetric extends BaseController {
     /**
      * Generate Native Function operations data for pie chart
      */
-    private generateNativeChartData(metric: any): void {
+    private generateNativeChartData(metric: any, rb: ResourceBundle): void {
+        const t = (k: string) => rb.getText(k);
         const nativeData = [
             {
-                operation: "Sets",
+                operation: t("chartOpSets"),
                 count: metric.nativeSets || 0
             },
             {
-                operation: "Gets",
+                operation: t("chartOpGets"),
                 count: metric.nativeGets || 0
             },
             {
-                operation: "Deletes",
+                operation: t("chartOpDeletes"),
                 count: metric.nativeDeletes || 0
             },
             {
-                operation: "Clears",
+                operation: t("chartOpClears"),
                 count: metric.nativeClears || 0
             },
             {
-                operation: "Delete By Tags",
+                operation: t("chartOpDeleteByTags"),
                 count: metric.nativeDeleteByTags || 0
             },
             {
-                operation: "Errors",
+                operation: t("chartOpErrors"),
                 count: metric.nativeErrors || 0
             }
         ];
@@ -216,7 +221,8 @@ export default class SingleMetric extends BaseController {
         // Format latency chart (bar chart)
         const latencyChart = this.getView().byId("metricLatencyChart") as any;
         if (latencyChart) {
-            latencyChart.setVizProperties({
+            void this.getResourceBundle().then((rb) => {
+                latencyChart.setVizProperties({
                 legend: {
                     visible: false
                 },
@@ -250,9 +256,10 @@ export default class SingleMetric extends BaseController {
                 },
                 title: {
                     visible: false,
-                    text: 'Latency by Operation'
+                    text: rb.getText("chartTitleLatencyByOperation")
                 }
             });
+            });
         }
 
         // Format Read-Through pie chart

package/app/dashboard/i18n/i18n.properties

@@ -1,3 +1,5 @@
+# Default (English) \u2013 bundle fallback
+
 appTitle=Cache Performance Dashboard
 appDescription=Comprehensive cache statistics and monitoring dashboard
 btnText=Say Hello
@@ -59,3 +61,236 @@ statisticsAvgHitRatio=Average Hit Ratio
 statisticsAvgLatency=Average Latency
 statisticsTotalRequests=Total Requests
 statisticsNoData=No statistics found for the selected criteria
+
+# Main list
+homePageTitle=cds-caching \u2013 Dashboard
+cachingServicesHeader=Caching Services
+noCachesAvailable=No caches available
+colName=Name
+colStatisticTrackingEnabled=Statistic Tracking Enabled
+colKeyTrackingEnabled=Key Tracking Enabled
+
+# Tooltips
+ttFullScreenEnter=Enter Full Screen Mode
+ttFullScreenExit=Exit Full Screen Mode
+ttCloseMidColumn=Close middle column
+ttCloseEndColumn=Close end column
+
+# Cache view \u2013 page
+cachePagePrefix=Cache:
+enableMetricsLabel=Enable Metrics
+enableKeyMetricsLabel=Enable Key Metrics
+actionClearCache=Clear Cache
+
+# Tabs
+tabOverview=Overview
+tabMetrics=Metrics
+tabKeyMetrics=Key Metrics
+tabBrowseCacheEntries=Browse Cache Entries
+
+# Cards overview
+configCardTitle=Configuration
+configCardSubtitle=Cache Configuration
+createEntryTitle=Create Cache Entry
+createEntrySubtitle=Create a new cache entry
+getEntryTitle=Get Cache Entry
+getEntrySubtitle=Get a cache entry
+deleteEntryTitle=Delete Cache Entry
+deleteEntrySubtitle=Delete a cache entry
+
+# Form
+labelKey=Key
+labelValue=Value
+labelTtlSeconds=TTL (seconds)
+btnSetEntry=Set Entry
+btnGetEntry=Get Entry
+btnDeleteEntry=Delete Entry
+
+# Metrics & toolbars
+aggregatedMetricsByHour=Aggregated Metrics by Hour
+btnClearMetrics=Clear Metrics
+btnLoadCacheEntries=Load Cache Entries
+keyMetricsToolbarTitle=Key Metrics
+
+# Column groups
+groupReadThrough=Read-Through
+groupReadThroughOps=Read-Through Operations
+groupReadThroughPerformance=Read-Through Performance
+groupReadThroughLatencies=Read-Through Latencies
+groupReadThroughHitLatencies=Read-Through Hit Latencies
+groupReadThroughMissLatencies=Read-Through Miss Latencies
+groupNativeFunction=Native Function
+groupNativeFunctionOps=Native Function Operations
+groupNativeFunctionPerformance=Native Function Performance
+ctxGroup=Context
+infoAdditional=Additional Information
+
+# Column sub-labels
+colHits=Hits
+colMisses=Misses
+colTotalRequests=Total Requests
+colHitRatioPct=Hit Ratio %
+colErrorRatePct=Error Rate %
+colCacheEfficiency=Cache Efficiency
+colTimestamp=Timestamp
+colAvgLatencyMs=Avg Latency (ms)
+colHitAvgMs=Hit Avg (ms)
+colHitMinMs=Hit Min (ms)
+colHitMaxMs=Hit Max (ms)
+colMissAvgMs=Miss Avg (ms)
+colMissMinMs=Miss Min (ms)
+colMissMaxMs=Miss Max (ms)
+colTotal=Total
+colSets=Sets
+colGets=Gets
+colDeletes=Deletes
+colClears=Clears
+colDeleteByTags=Delete By Tags
+colErrors=Errors
+colKeyName=Key Name
+colOperation=Operation
+colType=Type
+colOperationType=Operation Type
+colTarget=Target
+colMetadata=Metadata
+colAvgHitLatencyMs=Avg Hit Latency (ms)
+colMinHitLatencyMs=Min Hit Latency (ms)
+colMaxHitLatencyMs=Max Hit Latency (ms)
+colAvgMissLatencyMs=Avg Miss Latency (ms)
+colMinMissLatencyMs=Min Miss Latency (ms)
+colMaxMissLatencyMs=Max Miss Latency (ms)
+colTenant=Tenant
+colUser=User
+colLocale=Locale
+colLastAccess=Last Access
+colFirstAccess=First Access
+colTags=Tags
+btnShowMetadata=Show Metadata
+
+# Browse
+cacheEntriesTitle=Cache Entries
+cacheEntriesSubtitle=Browse all cache entries (use with caution)
+messageStripLoadEntriesWarning=Warning: Loading all cache entries may impact performance for large caches. Use the button below to load entries on demand.
+
+# Placeholder chart
+chartPlaceholder=Chart visualization will be implemented here
+selectChartHitLatency=Hit Latency
+selectChartMissLatency=Miss Latency
+
+# Card chart headers (hidden section)
+trendsCardTitle=Trends
+trendsCardSubtitle=Performance trends over time
+
+# Single metric \u2013 page
+metricDetailsPageTitle=Metric Details
+metricPagePrefix=Metric:
+sectionReadThroughPerformance=Read-Through Performance
+sectionNativeFunctionPerformance=Native Function Performance
+
+# Generic tiles
+tileSubCacheHitRate=Cache Hit Rate
+tileSubPerformanceFactor=Performance Factor
+tileSubReqPerSec=Requests per Second
+tileSubCacheErrors=Cache Errors
+tileSubCacheOperations=Cache Operations
+tileSubSuccessfulRetrievals=Successful Retrievals
+tileSubFailedRetrievals=Failed Retrievals
+tileSubErrorCount=Error Count
+tileSubCacheHitResponse=Cache Hit Response
+tileSubCacheMissResponse=Cache Miss Response
+headerCacheEfficiency=Cache Efficiency
+headerErrorRate=Error Rate
+headerCacheHits=Cache Hits
+headerCacheMisses=Cache Misses
+headerCacheErrors=Cache Errors
+headerHitLatency=Hit Latency
+headerMissLatency=Miss Latency
+headerNativeThroughput=Native Throughput
+headerNativeErrorRate=Native Error Rate
+headerNativeSets=Native Sets
+headerNativeGets=Native Gets
+headerNativeDeletes=Native Deletes
+headerNativeClears=Native Clears
+headerDeleteByTags=Delete By Tags
+headerNativeErrors=Native Errors
+headerTotalNativeOps=Total Native Ops
+tileSubNativeOpsPerSec=Operations per Second
+tileSubWriteOps=Write Operations
+tileSubReadOps=Read Operations
+tileSubDeleteOps=Delete Operations
+tileSubClearOps=Clear Operations
+tileSubTagDeletes=Tag-based Deletes
+tileSubAllOperations=All Operations
+
+# Cards (single metric)
+cardReadThroughOps=Read-Through Operations
+cardReadThroughOpsSub=Hit/Miss/Error Distribution
+cardLatencyCompare=Latency Comparison
+cardLatencyCompareSub=Read-Through Latency Metrics
+cardNativeFunctionOps=Native Function Operations
+cardNativeFunctionOpsSub=Operation Distribution
+
+# Viz internal labels
+vizMeasureCount=Count
+vizMeasureLatency=Latency
+
+# Controllers & messages
+msgNoCacheSelected=No cache selected
+msgUpdatingStatsConfig=Updating statistics configuration\u2026
+msgStatsEnabled=Statistics enabled successfully
+msgStatsDisabled=Statistics disabled successfully
+msgFailedUpdateStatsConfig=Failed to update statistics configuration
+msgErrorUpdateStatsConfig=Error updating statistics configuration
+msgUpdatingKeyTracking=Updating key tracking configuration\u2026
+msgKeyTrackingEnabled=Key tracking enabled successfully
+msgKeyTrackingDisabled=Key tracking disabled successfully
+msgFailedKeyTracking=Failed to update key tracking configuration
+msgErrorKeyTracking=Error updating key tracking configuration
+msgStatsPersisted=Statistics persisted successfully
+msgFailedPersistStats=Failed to persist statistics
+msgErrorPersistStats=Error persisting statistics
+msgLoadEntriesFailed=Failed to load cache entries
+msgProvideKeyValue=Please provide both key and value
+msgEntryCreated=Cache entry created successfully
+msgCreateEntryFailed=Failed to create cache entry
+msgProvideKey=Please provide a key
+msgEntryDeleted=Cache entry deleted successfully
+msgDeleteEntryFailed=Failed to delete cache entry
+msgNotFound=Not found
+msgGetEntryError=Error: Entry not found or error occurred
+msgMetricsEnabled=Metrics enabled successfully
+msgMetricsDisabled=Metrics disabled successfully
+msgFailedUpdateMetrics=Failed to update metrics setting
+msgKeyMetricsEnabled=Key metrics enabled successfully
+msgKeyMetricsDisabled=Key metrics disabled successfully
+msgFailedKeyMetrics=Failed to update key metrics setting
+msgConfirmClearCache=Are you sure you want to clear this cache? This action cannot be undone.
+msgCacheCleared=Cache cleared successfully
+msgClearCacheFailed=Failed to clear cache
+msgMetricsCleared=Metrics cleared successfully
+msgKeyMetricsCleared=Key metrics cleared successfully
+msgFailedClearMetrics=Failed to clear metrics
+msgFailedClearKeyMetrics=Failed to clear key metrics
+msgMetricNotFound=Metric not found
+msgLoadMetricFailed=Failed to load metric details
+
+# Key metrics popover tabs
+keyTabMetadata=Metadata
+keyTabSubject=Subject
+keyTabQuery=Query
+keyTabCacheOptions=Cache Options
+
+# Chart (single metric) \u2013 operation labels
+chartOpAvgHitLatency=Average Hit Latency
+chartOpAvgMissLatency=Average Miss Latency
+chartOpAvgReadThroughLatency=Average Read-Through Latency
+chartOpHits=Hits
+chartOpMisses=Misses
+chartOpErrors=Errors
+chartOpSets=Sets
+chartOpGets=Gets
+chartOpDeletes=Deletes
+chartOpClears=Clears
+chartOpDeleteByTags=Delete By Tags
+
+chartTitleLatencyByOperation=Latency by Operation