myio-js-library 0.1.415 → 0.1.417

package/dist/index.cjs

@@ -1122,7 +1122,7 @@ module.exports = __toCommonJS(index_exports);
 // package.json
 var package_default = {
   name: "myio-js-library",
-  version: "0.1.415",
+  version: "0.1.417",
   description: "A clean, standalone JS SDK for MYIO projects",
   license: "MIT",
   repository: "github:gh-myio/myio-js-library",
@@ -105080,9 +105080,9 @@ function mapApiStats(api) {
 }
 function mapApiTrend(apiTrend) {
   return (apiTrend || []).map((point) => ({
-    label: point.period,
-    timestamp: new Date(point.period).getTime() || 0,
-    total: point.count,
+    label: point.label || point.period,
+    timestamp: point.timestamp || new Date(point.period).getTime() || 0,
+    total: point.total ?? point.count,
     bySeverity: point.bySeverity ? {
       CRITICAL: point.bySeverity.CRITICAL ?? 0,
       HIGH: point.bySeverity.HIGH ?? 0,
@@ -105913,6 +105913,9 @@ var AlarmsNotificationsPanelView = class {
   groupedAlarms = [];
   // View mode: 'card' (default) or 'list' (table)
   viewMode = "card";
+  // Trend chart data (fetched once when Dashboard tab first opens)
+  trendData = [];
+  trendFetched = false;
   // Group mode:
   //   'consolidado'    – Por Tipo de Alarme  (one row per alarm type, all devices merged)
   //   'separado'       – Por Dispositivo - Tipo  (one row per device × alarm type pair)
@@ -106301,18 +106304,32 @@ var AlarmsNotificationsPanelView = class {
     this.emit("cards-rendered", this.groupedAlarms.length);
   }
   /**
-   * Render dashboard tab content
+   * Render dashboard tab content.
+   * Trend data is fetched asynchronously on first open and injected when ready.
    */
   renderDashboardContent(state6) {
     if (!this.root) return;
     const container = this.root.querySelector("#dashboardContent");
     if (!container) return;
     if (container.children.length > 0) {
-      updateDashboard(container, state6.stats);
+      updateDashboard(container, state6.stats, this.trendData);
     } else {
-      container.innerHTML = renderDashboard(state6.stats);
+      container.innerHTML = renderDashboard(state6.stats, this.trendData);
     }
     this.emit("stats-updated", state6.stats);
+    if (!this.trendFetched && this.params.tenantId) {
+      this.trendFetched = true;
+      AlarmService.getAlarmTrend(this.params.tenantId, "week", "day").then((data) => {
+        this.trendData = data;
+        const trendArea = container.querySelector(
+          ".alarms-chart-card:nth-child(1) .alarms-chart-area"
+        );
+        if (trendArea) {
+          updateDashboard(container, this.controller.getState().stats, this.trendData);
+        }
+      }).catch(() => {
+      });
+    }
   }
   // =====================================================================
   // Bulk Selection
@@ -123402,12 +123419,15 @@ function mapCustomerToGCDR(tbCustomer, _gcdrTenantId, _attrs) {
 }
 function mapAssetToGCDR(tbAsset, parentGcdrCustomerId, parentGcdrAssetId) {
   const name = tbAsset.label || tbAsset.name;
-  const dto = {
+  return {
     name,
     type: mapAssetType(tbAsset.type),
     customerId: parentGcdrCustomerId,
     externalId: tbAsset.id.id,
     // RFC-0176-v2: forward-compat, external_id column pending RFC-0017
+    // Always send parentAssetId explicitly: null when absent so the GCDR API receives
+    // JSON null (DB NULL) instead of omitting the key (which the server defaults to '' → UUID error)
+    parentAssetId: parentGcdrAssetId || null,
     metadata: {
       tbEntityType: "ASSET",
       tbId: tbAsset.id.id,
@@ -123415,10 +123435,6 @@ function mapAssetToGCDR(tbAsset, parentGcdrCustomerId, parentGcdrAssetId) {
       tbName: tbAsset.name
     }
   };
-  if (parentGcdrAssetId) {
-    dto.parentAssetId = parentGcdrAssetId;
-  }
-  return dto;
 }
 function mapDeviceToGCDR(tbDevice, attrs, parentGcdrAssetId, parentGcdrCustomerId) {
   const name = tbDevice.label || tbDevice.name;

package/dist/index.d.cts

@@ -5785,7 +5785,8 @@ interface CreateAssetDto {
     customerId: string;
     /** TB Asset UUID — forward-compat, external_id column pending RFC-0017 (RFC-0176-v2) */
     externalId?: string;
-    parentAssetId?: string;
+    /** Explicit null = no parent (sends null to GCDR so DB gets NULL, not empty string) */
+    parentAssetId?: string | null;
     metadata?: Record<string, unknown>;
 }
 interface CreateDeviceDto {
@@ -14437,6 +14438,8 @@ interface AlarmsNotificationsPanelParams {
     alarmsApiBaseUrl?: string;
     /** Alarms API key (required — no hardcoded fallback) */
     alarmsApiKey?: string;
+    /** GCDR Tenant ID — required for trend/stats API calls (query param tenantId) */
+    tenantId?: string;
     /** Theme mode (default: 'dark') */
     themeMode?: ThemeMode;
     /** Enable debug logging */
@@ -14751,6 +14754,8 @@ declare class AlarmsNotificationsPanelView {
     private selectedTitles;
     private groupedAlarms;
     private viewMode;
+    private trendData;
+    private trendFetched;
     private groupMode;
     private sortCol;
     private sortDir;
@@ -14784,7 +14789,8 @@ declare class AlarmsNotificationsPanelView {
      */
     private renderListContent;
     /**
-     * Render dashboard tab content
+     * Render dashboard tab content.
+     * Trend data is fetched asynchronously on first open and injected when ready.
      */
     private renderDashboardContent;
     private handleAlarmSelect;
@@ -17985,6 +17991,13 @@ interface AlarmStatsApiResponse {
 }
 interface AlarmTrendApiPoint {
     period: string;
+    /** Pre-formatted display label returned by the API (e.g. "23/02") */
+    label?: string;
+    /** Millisecond timestamp returned by the API */
+    timestamp?: number;
+    /** Total alarm count (preferred field) */
+    total?: number;
+    /** Total alarm count (alias — same value as total) */
     count: number;
     bySeverity?: Record<string, number>;
 }

package/dist/index.js

@@ -546,7 +546,7 @@ var init_template_card = __esm({
 // package.json
 var package_default = {
   name: "myio-js-library",
-  version: "0.1.415",
+  version: "0.1.417",
   description: "A clean, standalone JS SDK for MYIO projects",
   license: "MIT",
   repository: "github:gh-myio/myio-js-library",
@@ -104504,9 +104504,9 @@ function mapApiStats(api) {
 }
 function mapApiTrend(apiTrend) {
   return (apiTrend || []).map((point) => ({
-    label: point.period,
-    timestamp: new Date(point.period).getTime() || 0,
-    total: point.count,
+    label: point.label || point.period,
+    timestamp: point.timestamp || new Date(point.period).getTime() || 0,
+    total: point.total ?? point.count,
     bySeverity: point.bySeverity ? {
       CRITICAL: point.bySeverity.CRITICAL ?? 0,
       HIGH: point.bySeverity.HIGH ?? 0,
@@ -105337,6 +105337,9 @@ var AlarmsNotificationsPanelView = class {
   groupedAlarms = [];
   // View mode: 'card' (default) or 'list' (table)
   viewMode = "card";
+  // Trend chart data (fetched once when Dashboard tab first opens)
+  trendData = [];
+  trendFetched = false;
   // Group mode:
   //   'consolidado'    – Por Tipo de Alarme  (one row per alarm type, all devices merged)
   //   'separado'       – Por Dispositivo - Tipo  (one row per device × alarm type pair)
@@ -105725,18 +105728,32 @@ var AlarmsNotificationsPanelView = class {
     this.emit("cards-rendered", this.groupedAlarms.length);
   }
   /**
-   * Render dashboard tab content
+   * Render dashboard tab content.
+   * Trend data is fetched asynchronously on first open and injected when ready.
    */
   renderDashboardContent(state6) {
     if (!this.root) return;
     const container = this.root.querySelector("#dashboardContent");
     if (!container) return;
     if (container.children.length > 0) {
-      updateDashboard(container, state6.stats);
+      updateDashboard(container, state6.stats, this.trendData);
     } else {
-      container.innerHTML = renderDashboard(state6.stats);
+      container.innerHTML = renderDashboard(state6.stats, this.trendData);
     }
     this.emit("stats-updated", state6.stats);
+    if (!this.trendFetched && this.params.tenantId) {
+      this.trendFetched = true;
+      AlarmService.getAlarmTrend(this.params.tenantId, "week", "day").then((data) => {
+        this.trendData = data;
+        const trendArea = container.querySelector(
+          ".alarms-chart-card:nth-child(1) .alarms-chart-area"
+        );
+        if (trendArea) {
+          updateDashboard(container, this.controller.getState().stats, this.trendData);
+        }
+      }).catch(() => {
+      });
+    }
   }
   // =====================================================================
   // Bulk Selection
@@ -122826,12 +122843,15 @@ function mapCustomerToGCDR(tbCustomer, _gcdrTenantId, _attrs) {
 }
 function mapAssetToGCDR(tbAsset, parentGcdrCustomerId, parentGcdrAssetId) {
   const name = tbAsset.label || tbAsset.name;
-  const dto = {
+  return {
     name,
     type: mapAssetType(tbAsset.type),
     customerId: parentGcdrCustomerId,
     externalId: tbAsset.id.id,
     // RFC-0176-v2: forward-compat, external_id column pending RFC-0017
+    // Always send parentAssetId explicitly: null when absent so the GCDR API receives
+    // JSON null (DB NULL) instead of omitting the key (which the server defaults to '' → UUID error)
+    parentAssetId: parentGcdrAssetId || null,
     metadata: {
       tbEntityType: "ASSET",
       tbId: tbAsset.id.id,
@@ -122839,10 +122859,6 @@ function mapAssetToGCDR(tbAsset, parentGcdrCustomerId, parentGcdrAssetId) {
       tbName: tbAsset.name
     }
   };
-  if (parentGcdrAssetId) {
-    dto.parentAssetId = parentGcdrAssetId;
-  }
-  return dto;
 }
 function mapDeviceToGCDR(tbDevice, attrs, parentGcdrAssetId, parentGcdrCustomerId) {
   const name = tbDevice.label || tbDevice.name;

package/dist/myio-js-library.umd.js

@@ -551,7 +551,7 @@
 
   // package.json
   var package_default = {
-    version: "0.1.415"};
+    version: "0.1.417"};
 
   // src/format/energy.ts
   function formatPower(value, decimals = 2) {
@@ -104231,9 +104231,9 @@ ${errors.slice(0, 5).join("\n")}` + (errors.length > 5 ? `
   }
   function mapApiTrend(apiTrend) {
     return (apiTrend || []).map((point) => ({
-      label: point.period,
-      timestamp: new Date(point.period).getTime() || 0,
-      total: point.count,
+      label: point.label || point.period,
+      timestamp: point.timestamp || new Date(point.period).getTime() || 0,
+      total: point.total ?? point.count,
       bySeverity: point.bySeverity ? {
         CRITICAL: point.bySeverity.CRITICAL ?? 0,
         HIGH: point.bySeverity.HIGH ?? 0,
@@ -105010,7 +105010,7 @@ ${errors.slice(0, 5).join("\n")}` + (errors.length > 5 ? `
   }
   function renderDashboard(stats, trendData) {
     const kpiCards = renderKPICards(stats);
-    const trendChart = renderTrendChart([]);
+    const trendChart = renderTrendChart(trendData || []);
     const stateDonut = renderStateDonutChart(stats.byState);
     const severityBars = renderSeverityBarChart(stats.bySeverity);
     return `
@@ -105040,7 +105040,7 @@ ${errors.slice(0, 5).join("\n")}` + (errors.length > 5 ? `
     updateKPIValues(container, stats);
     const trendArea = container.querySelector(".alarms-chart-card:nth-child(1) .alarms-chart-area");
     if (trendArea) {
-      trendArea.innerHTML = renderTrendChart([]);
+      trendArea.innerHTML = renderTrendChart(trendData || []);
     }
     const stateArea = container.querySelector(".alarms-chart-card:nth-child(2) .alarms-chart-area");
     if (stateArea) {
@@ -105064,6 +105064,9 @@ ${errors.slice(0, 5).join("\n")}` + (errors.length > 5 ? `
     groupedAlarms = [];
     // View mode: 'card' (default) or 'list' (table)
     viewMode = "card";
+    // Trend chart data (fetched once when Dashboard tab first opens)
+    trendData = [];
+    trendFetched = false;
     // Group mode:
     //   'consolidado'    – Por Tipo de Alarme  (one row per alarm type, all devices merged)
     //   'separado'       – Por Dispositivo - Tipo  (one row per device × alarm type pair)
@@ -105452,18 +105455,32 @@ ${errors.slice(0, 5).join("\n")}` + (errors.length > 5 ? `
       this.emit("cards-rendered", this.groupedAlarms.length);
     }
     /**
-     * Render dashboard tab content
+     * Render dashboard tab content.
+     * Trend data is fetched asynchronously on first open and injected when ready.
      */
     renderDashboardContent(state6) {
       if (!this.root) return;
       const container = this.root.querySelector("#dashboardContent");
       if (!container) return;
       if (container.children.length > 0) {
-        updateDashboard(container, state6.stats);
+        updateDashboard(container, state6.stats, this.trendData);
       } else {
-        container.innerHTML = renderDashboard(state6.stats);
+        container.innerHTML = renderDashboard(state6.stats, this.trendData);
       }
       this.emit("stats-updated", state6.stats);
+      if (!this.trendFetched && this.params.tenantId) {
+        this.trendFetched = true;
+        AlarmService.getAlarmTrend(this.params.tenantId, "week", "day").then((data) => {
+          this.trendData = data;
+          const trendArea = container.querySelector(
+            ".alarms-chart-card:nth-child(1) .alarms-chart-area"
+          );
+          if (trendArea) {
+            updateDashboard(container, this.controller.getState().stats, this.trendData);
+          }
+        }).catch(() => {
+        });
+      }
     }
     // =====================================================================
     // Bulk Selection
@@ -122550,12 +122567,15 @@ ${errors.slice(0, 5).join("\n")}` + (errors.length > 5 ? `
   }
   function mapAssetToGCDR(tbAsset, parentGcdrCustomerId, parentGcdrAssetId) {
     const name = tbAsset.label || tbAsset.name;
-    const dto = {
+    return {
       name,
       type: mapAssetType(tbAsset.type),
       customerId: parentGcdrCustomerId,
       externalId: tbAsset.id.id,
       // RFC-0176-v2: forward-compat, external_id column pending RFC-0017
+      // Always send parentAssetId explicitly: null when absent so the GCDR API receives
+      // JSON null (DB NULL) instead of omitting the key (which the server defaults to '' → UUID error)
+      parentAssetId: parentGcdrAssetId || null,
       metadata: {
         tbEntityType: "ASSET",
         tbId: tbAsset.id.id,
@@ -122563,7 +122583,6 @@ ${errors.slice(0, 5).join("\n")}` + (errors.length > 5 ? `
         tbName: tbAsset.name
       }
     };
-    return dto;
   }
   function mapDeviceToGCDR(tbDevice, attrs, parentGcdrAssetId, parentGcdrCustomerId) {
     const name = tbDevice.label || tbDevice.name;
@@ -122930,7 +122949,7 @@ ${errors.slice(0, 5).join("\n")}` + (errors.length > 5 ? `
     resolveAssetDto(action, bundle, resolvedGcdrIds) {
       const asset = bundle.assets.find((a) => a.id.id === action.tbId);
       const customerGcdrId = resolvedGcdrIds.get(bundle.customer.id.id) ?? "__unknown_customer__";
-      return mapAssetToGCDR(asset, customerGcdrId);
+      return mapAssetToGCDR(asset, customerGcdrId, void 0);
     }
     resolveDeviceDto(action, bundle, resolvedGcdrIds) {
       const device = bundle.devices.find((d) => d.id.id === action.tbId);