@collabdt/core 0.3.1 → 0.3.3

package/dist/core/components/ui/Sensors/SensorChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SensorChart.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Sensors/SensorChart.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,UAAU,CAAA;AAIjB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAExD,UAAU,gBAAgB;IACxB,UAAU,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC7C,aAAa,EAAE,OAAO,CAAA;IACtB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,UAAU,CAAA;IACtB,eAAe,EAAE,MAAM,CAAA;IACvB,WAAW,EAAE,WAAW,CAAA;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,WAAW,CAAC,EAC1B,UAAU,EACV,aAAa,EACb,UAAU,EACV,UAAU,EACV,eAAe,EACf,WAAW,EACX,IAAW,EACX,WAA2B,EAC3B,WAA+B,EAC/B,UAAgC,EAChC,mBAAwC,EACxC,cAA8B,EAC9B,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,gBAAgB,qBAiGlB"}
+{"version":3,"file":"SensorChart.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Sensors/SensorChart.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,UAAU,CAAA;AAIjB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAExD,UAAU,gBAAgB;IACxB,UAAU,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC1C,aAAa,EAAE,OAAO,CAAA;IACtB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,UAAU,CAAA;IACtB,eAAe,EAAE,MAAM,CAAA;IACvB,WAAW,EAAE,WAAW,CAAA;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,UAAU,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;CAC5E;AAED,wBAAgB,WAAW,CAAC,EAC1B,UAAU,EACV,aAAa,EACb,UAAU,EACV,UAAU,EACV,eAAe,EACf,WAAW,EACX,IAAW,EACX,WAA2B,EAC3B,WAA+B,EAC/B,UAAgC,EAChC,mBAAwC,EACxC,cAA8B,EAC9B,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,QAA2B,EAC3B,SAAiB,EACjB,eAAe,EACf,aAAa,EACb,aAAa,GACd,EAAE,gBAAgB,qBAkIlB"}

package/dist/core/components/ui/Sensors/SensorChart.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as LR from "lucide-react";
-import { Area, AreaChart, CartesianGrid, XAxis } from "recharts";
-import { formatDuration } from "../../../utils/timeUtils";
+import { Area, AreaChart, Brush, CartesianGrid, XAxis } from "recharts";
+import { detectTimeZone, formatInZone, formatDuration } from "../../../utils/timeUtils";
 import {
   Card,
   CardContent,
@@ -31,7 +31,14 @@ function SensorChart({
   dataPointsText = "Data Points",
   minColor,
   midColor,
-  maxColor
+  maxColor,
+  unit,
+  valueLabels,
+  timeZone = detectTimeZone(),
+  showBrush = false,
+  brushStartIndex,
+  brushEndIndex,
+  onBrushChange
 }) {
   const { maxColour, midColour, minColour } = sensorType || { name: "Unknown", icon: "Radio" };
   const finalMin = minColor || minColour || defaultPalette.min;
@@ -44,6 +51,10 @@ function SensorChart({
   };
   const currentSize = sizeClasses[size];
   const gradientId = `gradient-${sensorName.replace(/\s+/g, "-").toLowerCase()}`;
+  const axisOpts = { hour: "2-digit", minute: "2-digit", hourCycle: "h23" };
+  const fullOpts = { month: "short", day: "2-digit", hour: "2-digit", minute: "2-digit", hourCycle: "h23" };
+  const formatAxis = (value) => formatInZone(Number(value), timeZone, axisOpts);
+  const formatFull = (value) => formatInZone(Number(value), timeZone, fullOpts);
   return /* @__PURE__ */ jsxs(Card, { children: [
     /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: currentSize.titleSize, children: sensorTitle }) }),
     /* @__PURE__ */ jsx(CardContent, { children: isLoadingData ? /* @__PURE__ */ jsxs("div", { className: `flex items-center justify-center ${currentSize.height} text-muted-foreground`, children: [
@@ -65,24 +76,37 @@ function SensorChart({
           /* @__PURE__ */ jsx(
             XAxis,
             {
-              dataKey: "time",
+              dataKey: "t",
+              type: "number",
+              scale: "time",
+              domain: ["dataMin", "dataMax"],
               tickLine: false,
               axisLine: false,
               tickMargin: 8,
               interval: "preserveStartEnd",
-              tickFormatter: (value) => {
-                if (value.endsWith(":00:00") || value.endsWith(":00")) {
-                  return value.substring(0, value.lastIndexOf(":"));
-                }
-                return "";
-              }
+              tickFormatter: formatAxis
             }
           ),
           /* @__PURE__ */ jsx(
             ChartTooltip,
             {
               cursor: false,
-              content: /* @__PURE__ */ jsx(ChartTooltipContent, { indicator: "line" })
+              content: /* @__PURE__ */ jsx(
+                ChartTooltipContent,
+                {
+                  indicator: "dot",
+                  labelFormatter: (_label, payload) => {
+                    var _a, _b;
+                    const t = (_b = (_a = payload == null ? void 0 : payload[0]) == null ? void 0 : _a.payload) == null ? void 0 : _b.t;
+                    return t != null ? formatFull(t) : "";
+                  },
+                  formatter: unit || valueLabels ? (value) => {
+                    const label = valueLabels == null ? void 0 : valueLabels[value];
+                    if (label) return label;
+                    return unit ? `${value} ${unit}` : String(value);
+                  } : void 0
+                }
+              )
             }
           ),
           /* @__PURE__ */ jsx(
@@ -95,6 +119,18 @@ function SensorChart({
               strokeWidth: 1,
               fillOpacity: 1
             }
+          ),
+          showBrush && sensorData.length > 1 && /* @__PURE__ */ jsx(
+            Brush,
+            {
+              dataKey: "t",
+              height: 26,
+              travellerWidth: 8,
+              startIndex: brushStartIndex,
+              endIndex: brushEndIndex,
+              tickFormatter: (value) => formatAxis(Number(value)),
+              onChange: (range) => onBrushChange == null ? void 0 : onBrushChange(range)
+            }
           )
         ]
       }
@@ -110,7 +146,8 @@ function SensorChart({
         /* @__PURE__ */ jsx(LR.Database, { className: "h-4 w-4" }),
         sensorData.length,
         " ",
-        dataPointsText
+        dataPointsText,
+        unit ? ` \xB7 ${unit}` : ""
       ] })
     ] }) }) })
   ] });

package/dist/core/components/ui/Sensors/SensorChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/core/components/ui/Sensors/SensorChart.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as LR from 'lucide-react'\r\nimport * as React from 'react'\r\nimport { Area, AreaChart, CartesianGrid, XAxis } from 'recharts'\r\n\r\nimport { formatDuration } from '../../../utils/timeUtils'\r\nimport {\r\n  Card,\r\n  CardContent,\r\n  CardFooter,\r\n  CardHeader,\r\n  CardTitle,\r\n} from '../Card'\r\nimport {\r\n  ChartContainer,\r\n  ChartTooltip,\r\n  ChartTooltipContent,\r\n  type ChartConfig,\r\n} from '../chart'\r\n\r\nimport { defaultPalette } from './sensorUtils'\r\n\r\nimport type { SensorType } from '../../../types/dbTypes'\r\n\r\ninterface SensorChartProps {\r\n  sensorData: { time: string; value: number }[]\r\n  isLoadingData: boolean\r\n  sensorName: string\r\n  sensorType: SensorType\r\n  updateFrequency: number\r\n  chartConfig: ChartConfig\r\n  size?: 'sm' | 'md' | 'lg'\r\n  sensorTitle?: string\r\n  loadingText?: string\r\n  noDataText?: string\r\n  updateFrequencyText?: string\r\n  dataPointsText?: string\r\n  minColor?: string\r\n  midColor?: string\r\n  maxColor?: string\r\n}\r\n\r\nexport function SensorChart({\r\n  sensorData,\r\n  isLoadingData,\r\n  sensorName,\r\n  sensorType,\r\n  updateFrequency,\r\n  chartConfig,\r\n  size = 'md',\r\n  sensorTitle = 'Sensor Data',\r\n  loadingText = 'Loading data...',\r\n  noDataText = 'No data available',\r\n  updateFrequencyText = 'Update Frequency',\r\n  dataPointsText = 'Data Points',\r\n  minColor,\r\n  midColor,\r\n  maxColor,\r\n}: SensorChartProps) {\r\n\r\n    const { maxColour, midColour, minColour } = sensorType || { name: 'Unknown', icon: 'Radio' }\r\n\r\n  const finalMin = minColor || minColour || defaultPalette.min\r\n  const finalMid = midColor || midColour || defaultPalette.mid\r\n  const finalMax = maxColor || maxColour  || defaultPalette.max\r\n\r\n\r\n\r\n  const sizeClasses = {\r\n    sm: { height: 'h-[150px]', titleSize: 'text-sm', descSize: 'text-xs', footerSize: 'text-xs' },\r\n    md: { height: 'h-[200px]', titleSize: 'text-base', descSize: 'text-sm', footerSize: 'text-sm' },\r\n    lg: { height: 'h-[300px]', titleSize: 'text-lg', descSize: 'text-base', footerSize: 'text-sm' }\r\n  }\r\n\r\n  const currentSize = sizeClasses[size]\r\n  const gradientId = `gradient-${sensorName.replace(/\\s+/g, '-').toLowerCase()}`\r\n\r\n  return (\r\n    <Card>\r\n      <CardHeader>\r\n        <CardTitle className={currentSize.titleSize}>{sensorTitle}</CardTitle>\r\n      </CardHeader>\r\n      <CardContent>\r\n        {isLoadingData ? (\r\n          <div className={`flex items-center justify-center ${currentSize.height} text-muted-foreground`}>\r\n            <LR.Loader2 className=\"h-6 w-6 animate-spin mr-2\" />\r\n            {loadingText}\r\n          </div>\r\n        ) : sensorData.length === 0 ? (\r\n          <div className={`flex items-center justify-center ${currentSize.height} text-muted-foreground`}>\r\n            {noDataText}\r\n          </div>\r\n        ) : (\r\n          <ChartContainer config={chartConfig}>\r\n            <AreaChart\r\n              accessibilityLayer\r\n              data={sensorData}\r\n              margin={{ left: 12, right: 12, top: 10 }}\r\n            >\r\n              <defs>\r\n                <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n                  <stop offset=\"5%\" stopColor={finalMax} stopOpacity={0.8} />\r\n                  <stop offset=\"50%\" stopColor={finalMid} stopOpacity={0.5} />\r\n                  <stop offset=\"95%\" stopColor={finalMin} stopOpacity={0.2} />\r\n                </linearGradient>\r\n              </defs>\r\n\r\n              <CartesianGrid vertical={false} strokeDasharray=\"3 3\" opacity={0.4} />\r\n              <XAxis\r\n                dataKey=\"time\"\r\n                tickLine={false}\r\n                axisLine={false}\r\n                tickMargin={8}\r\n                interval=\"preserveStartEnd\"\r\n                tickFormatter={(value) => {\r\n                  if (value.endsWith(':00:00') || value.endsWith(':00')) {\r\n                    return value.substring(0, value.lastIndexOf(':'))\r\n                  }\r\n                  return ''\r\n                }}\r\n              />\r\n              <ChartTooltip\r\n                cursor={false}\r\n                content={<ChartTooltipContent indicator=\"line\" />}\r\n              />\r\n              <Area\r\n                dataKey=\"value\"\r\n                type=\"natural\"\r\n                fill={`url(#${gradientId})`}\r\n                stroke={finalMax}\r\n                strokeWidth={1}\r\n                fillOpacity={1}\r\n              />\r\n            </AreaChart>\r\n          </ChartContainer>\r\n        )}\r\n      </CardContent>\r\n      <CardFooter>\r\n        <div className={`flex w-full items-start gap-2 ${currentSize.footerSize}`}>\r\n          <div className=\"grid gap-2\">\r\n            <div className=\"flex items-center gap-2 leading-none text-muted-foreground\">\r\n              <LR.Timer className=\"h-4 w-4\" />\r\n              {updateFrequencyText} {formatDuration(updateFrequency)}\r\n            </div>\r\n            {sensorData.length > 0 && (\r\n              <div className=\"flex items-center gap-2 leading-none text-muted-foreground\">\r\n                <LR.Database className=\"h-4 w-4\" />\r\n                {sensorData.length} {dataPointsText}\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n      </CardFooter>\r\n    </Card>\r\n  )\r\n}"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../../src/core/components/ui/Sensors/SensorChart.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as LR from 'lucide-react'\r\nimport * as React from 'react'\r\nimport { Area, AreaChart, Brush, CartesianGrid, XAxis } from 'recharts'\r\n\r\nimport { detectTimeZone, formatInZone, formatDuration } from '../../../utils/timeUtils'\r\nimport {\r\n  Card,\r\n  CardContent,\r\n  CardFooter,\r\n  CardHeader,\r\n  CardTitle,\r\n} from '../Card'\r\nimport {\r\n  ChartContainer,\r\n  ChartTooltip,\r\n  ChartTooltipContent,\r\n  type ChartConfig,\r\n} from '../chart'\r\n\r\nimport { defaultPalette } from './sensorUtils'\r\n\r\nimport type { SensorType } from '../../../types/dbTypes'\r\n\r\ninterface SensorChartProps {\r\n  sensorData: { t: number; value: number }[]\r\n  isLoadingData: boolean\r\n  sensorName: string\r\n  sensorType: SensorType\r\n  updateFrequency: number\r\n  chartConfig: ChartConfig\r\n  size?: 'sm' | 'md' | 'lg'\r\n  sensorTitle?: string\r\n  loadingText?: string\r\n  noDataText?: string\r\n  updateFrequencyText?: string\r\n  dataPointsText?: string\r\n  minColor?: string\r\n  midColor?: string\r\n  maxColor?: string\r\n  unit?: string\r\n  valueLabels?: Record<number, string>\r\n  timeZone?: string\r\n  showBrush?: boolean\r\n  brushStartIndex?: number\r\n  brushEndIndex?: number\r\n  onBrushChange?: (range: { startIndex?: number; endIndex?: number }) => void\r\n}\r\n\r\nexport function SensorChart({\r\n  sensorData,\r\n  isLoadingData,\r\n  sensorName,\r\n  sensorType,\r\n  updateFrequency,\r\n  chartConfig,\r\n  size = 'md',\r\n  sensorTitle = 'Sensor Data',\r\n  loadingText = 'Loading data...',\r\n  noDataText = 'No data available',\r\n  updateFrequencyText = 'Update Frequency',\r\n  dataPointsText = 'Data Points',\r\n  minColor,\r\n  midColor,\r\n  maxColor,\r\n  unit,\r\n  valueLabels,\r\n  timeZone = detectTimeZone(),\r\n  showBrush = false,\r\n  brushStartIndex,\r\n  brushEndIndex,\r\n  onBrushChange,\r\n}: SensorChartProps) {\r\n\r\n    const { maxColour, midColour, minColour } = sensorType || { name: 'Unknown', icon: 'Radio' }\r\n\r\n  const finalMin = minColor || minColour || defaultPalette.min\r\n  const finalMid = midColor || midColour || defaultPalette.mid\r\n  const finalMax = maxColor || maxColour  || defaultPalette.max\r\n\r\n  const sizeClasses = {\r\n    sm: { height: 'h-[150px]', titleSize: 'text-sm', descSize: 'text-xs', footerSize: 'text-xs' },\r\n    md: { height: 'h-[200px]', titleSize: 'text-base', descSize: 'text-sm', footerSize: 'text-sm' },\r\n    lg: { height: 'h-[300px]', titleSize: 'text-lg', descSize: 'text-base', footerSize: 'text-sm' }\r\n  }\r\n\r\n  const currentSize = sizeClasses[size]\r\n  const gradientId = `gradient-${sensorName.replace(/\\s+/g, '-').toLowerCase()}`\r\n\r\n  // All axis/tooltip time strings are formatted in the caller's chosen zone.\r\n  const axisOpts: Intl.DateTimeFormatOptions = { hour: '2-digit', minute: '2-digit', hourCycle: 'h23' }\r\n  const fullOpts: Intl.DateTimeFormatOptions = { month: 'short', day: '2-digit', hour: '2-digit', minute: '2-digit', hourCycle: 'h23' }\r\n  const formatAxis = (value: number) => formatInZone(Number(value), timeZone, axisOpts)\r\n  const formatFull = (value: number) => formatInZone(Number(value), timeZone, fullOpts)\r\n\r\n  return (\r\n    <Card>\r\n      <CardHeader>\r\n        <CardTitle className={currentSize.titleSize}>{sensorTitle}</CardTitle>\r\n      </CardHeader>\r\n      <CardContent>\r\n        {isLoadingData ? (\r\n          <div className={`flex items-center justify-center ${currentSize.height} text-muted-foreground`}>\r\n            <LR.Loader2 className=\"h-6 w-6 animate-spin mr-2\" />\r\n            {loadingText}\r\n          </div>\r\n        ) : sensorData.length === 0 ? (\r\n          <div className={`flex items-center justify-center ${currentSize.height} text-muted-foreground`}>\r\n            {noDataText}\r\n          </div>\r\n        ) : (\r\n          <ChartContainer config={chartConfig}>\r\n            <AreaChart\r\n              accessibilityLayer\r\n              data={sensorData}\r\n              margin={{ left: 12, right: 12, top: 10 }}\r\n            >\r\n              <defs>\r\n                <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n                  <stop offset=\"5%\" stopColor={finalMax} stopOpacity={0.8} />\r\n                  <stop offset=\"50%\" stopColor={finalMid} stopOpacity={0.5} />\r\n                  <stop offset=\"95%\" stopColor={finalMin} stopOpacity={0.2} />\r\n                </linearGradient>\r\n              </defs>\r\n\r\n              <CartesianGrid vertical={false} strokeDasharray=\"3 3\" opacity={0.4} />\r\n              <XAxis\r\n                dataKey=\"t\"\r\n                type=\"number\"\r\n                scale=\"time\"\r\n                domain={['dataMin', 'dataMax']}\r\n                tickLine={false}\r\n                axisLine={false}\r\n                tickMargin={8}\r\n                interval=\"preserveStartEnd\"\r\n                tickFormatter={formatAxis}\r\n              />\r\n              <ChartTooltip\r\n                cursor={false}\r\n                content={\r\n                  <ChartTooltipContent\r\n                    // \"dot\" (not \"line\") so the time label renders at the top of the tooltip:\r\n                    // with a single series + \"line\", ChartTooltipContent nests the label inside the\r\n                    // per-item row, which the unit/category formatter branch then skips.\r\n                    indicator=\"dot\"\r\n                    labelFormatter={(_label, payload) => {\r\n                      const t = (payload?.[0]?.payload as { t?: number } | undefined)?.t\r\n                      return t != null ? formatFull(t) : ''\r\n                    }}\r\n                    formatter={\r\n                      unit || valueLabels\r\n                        ? (value: unknown) => {\r\n                            const label = valueLabels?.[value as number]\r\n                            if (label) return label\r\n                            return unit ? `${value} ${unit}` : String(value)\r\n                          }\r\n                        : undefined\r\n                    }\r\n                  />\r\n                }\r\n              />\r\n              <Area\r\n                dataKey=\"value\"\r\n                type=\"natural\"\r\n                fill={`url(#${gradientId})`}\r\n                stroke={finalMax}\r\n                strokeWidth={1}\r\n                fillOpacity={1}\r\n              />\r\n              {showBrush && sensorData.length > 1 && (\r\n                <Brush\r\n                  dataKey=\"t\"\r\n                  height={26}\r\n                  travellerWidth={8}\r\n                  startIndex={brushStartIndex}\r\n                  endIndex={brushEndIndex}\r\n                  tickFormatter={(value) => formatAxis(Number(value))}\r\n                  onChange={(range) => onBrushChange?.(range as { startIndex?: number; endIndex?: number })}\r\n                />\r\n              )}\r\n            </AreaChart>\r\n          </ChartContainer>\r\n        )}\r\n      </CardContent>\r\n      <CardFooter>\r\n        <div className={`flex w-full items-start gap-2 ${currentSize.footerSize}`}>\r\n          <div className=\"grid gap-2\">\r\n            <div className=\"flex items-center gap-2 leading-none text-muted-foreground\">\r\n              <LR.Timer className=\"h-4 w-4\" />\r\n              {updateFrequencyText} {formatDuration(updateFrequency)}\r\n            </div>\r\n            {sensorData.length > 0 && (\r\n              <div className=\"flex items-center gap-2 leading-none text-muted-foreground\">\r\n                <LR.Database className=\"h-4 w-4\" />\r\n                {sensorData.length} {dataPointsText}{unit ? ` · ${unit}` : ''}\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n      </CardFooter>\r\n    </Card>\r\n  )\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/core/components/ui/Sensors/SensorDetailDialog.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { Sensor, SensorType } from '../../../types/dbTypes';
+export declare function SensorDetailDialog({ open, onOpenChange, sensor, sensorType, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    sensor: Sensor;
+    sensorType?: SensorType;
+}): React.ReactElement;
+//# sourceMappingURL=SensorDetailDialog.d.ts.map

package/dist/core/components/ui/Sensors/SensorDetailDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SensorDetailDialog.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Sensors/SensorDetailDialog.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAa9B,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAyDhE,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,UAAU,GACX,EAAE;IACD,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,UAAU,CAAA;CACxB,GAAG,KAAK,CAAC,YAAY,CAsErB"}

package/dist/core/components/ui/Sensors/SensorDetailDialog.js

@@ -0,0 +1,128 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Radio } from "lucide-react";
+import * as React from "react";
+import { AppConfigContext } from "../../../store";
+import { formatInZone } from "../../../utils/timeUtils";
+import { AddItemDialog } from "../AddItemDialog";
+import { Button } from "../Button";
+import { indicesForBounds, rangeBounds } from "./sensorRange";
+import { SensorChart } from "./SensorChart";
+import { useSensorSeries } from "./useSensorSeries";
+const PRESETS = [
+  { key: "all", label: "All" },
+  { key: "day", label: "Last day" },
+  { key: "hour", label: "Last hour" },
+  { key: "custom", label: "Custom" }
+];
+function MetaRow({ label, children }) {
+  if (children == null || children === "") return null;
+  return /* @__PURE__ */ jsxs("div", { className: "flex justify-between gap-4 py-1 text-sm", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx("span", { className: "text-right font-medium break-all", children })
+  ] });
+}
+function MetaLink({ href }) {
+  if (!href) return null;
+  return /* @__PURE__ */ jsx("a", { href, target: "_blank", rel: "noopener noreferrer", className: "text-primary underline", children: href });
+}
+function MetadataSection({ meta, timeZone }) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  if (!meta || Object.keys(meta).length === 0) {
+    return /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "No metadata available." });
+  }
+  const phenomenon = (_a = meta.phenomenonTime) == null ? void 0 : _a.split("/").map((iso) => formatInZone(Date.parse(iso), timeZone, { dateStyle: "medium", timeStyle: "short" })).join("  \u2192  ");
+  return /* @__PURE__ */ jsxs("div", { className: "divide-y", children: [
+    /* @__PURE__ */ jsx(MetaRow, { label: "Datastream", children: meta.name }),
+    /* @__PURE__ */ jsx(MetaRow, { label: "Description", children: meta.description }),
+    /* @__PURE__ */ jsx(MetaRow, { label: "Observation type", children: meta.observationType }),
+    /* @__PURE__ */ jsx(MetaRow, { label: "Observed property", children: (_b = meta.observedProperty) == null ? void 0 : _b.name }),
+    /* @__PURE__ */ jsx(MetaRow, { label: "Property definition", children: /* @__PURE__ */ jsx(MetaLink, { href: (_c = meta.observedProperty) == null ? void 0 : _c.definition }) }),
+    /* @__PURE__ */ jsx(MetaRow, { label: "Unit", children: meta.unit ? `${(_d = meta.unit.name) != null ? _d : ""} ${meta.unit.symbol ? `(${meta.unit.symbol})` : ""}`.trim() : void 0 }),
+    /* @__PURE__ */ jsx(MetaRow, { label: "Unit definition", children: /* @__PURE__ */ jsx(MetaLink, { href: (_e = meta.unit) == null ? void 0 : _e.definition }) }),
+    /* @__PURE__ */ jsx(MetaRow, { label: "Phenomenon time", children: phenomenon }),
+    /* @__PURE__ */ jsx(MetaRow, { label: "Observations", children: meta.observationCount }),
+    /* @__PURE__ */ jsx(MetaRow, { label: "Generator", children: (_f = meta.properties) == null ? void 0 : _f.generator }),
+    /* @__PURE__ */ jsx(MetaRow, { label: "Seed", children: (_g = meta.properties) == null ? void 0 : _g.seed }),
+    /* @__PURE__ */ jsx(MetaRow, { label: "Frequency (ms)", children: (_h = meta.properties) == null ? void 0 : _h.frequency }),
+    /* @__PURE__ */ jsx(MetaRow, { label: "Sensor metadata", children: /* @__PURE__ */ jsx(MetaLink, { href: (_i = meta.sensor) == null ? void 0 : _i.metadata }) }),
+    /* @__PURE__ */ jsx(MetaRow, { label: "Self link", children: /* @__PURE__ */ jsx(MetaLink, { href: meta.selfLink }) })
+  ] });
+}
+function SensorDetailDialog({
+  open,
+  onOpenChange,
+  sensor,
+  sensorType
+}) {
+  var _a, _b;
+  const { state } = React.useContext(AppConfigContext);
+  const timeZone = state.appConfig.displayTimeZone;
+  const { points, unit, valueLabels, meta, isLoading } = useSensorSeries(
+    (_a = sensor.url) != null ? _a : "",
+    sensor.dataFormat,
+    sensor.updateFrequency,
+    { enabled: open }
+  );
+  const [preset, setPreset] = React.useState("all");
+  const [brush, setBrush] = React.useState({});
+  React.useEffect(() => {
+    if (preset === "custom") return;
+    const bounds = rangeBounds(preset, points);
+    setBrush(indicesForBounds(points, bounds));
+  }, [preset, points]);
+  const chartConfig = { value: { label: (_b = sensorType == null ? void 0 : sensorType.name) != null ? _b : "Value", color: "hsl(var(--chart-1))" } };
+  return /* @__PURE__ */ jsx(
+    AddItemDialog,
+    {
+      open,
+      onOpenChange,
+      title: sensor.name,
+      icon: Radio,
+      contentClassName: "max-w-3xl max-h-[90vh] overflow-y-auto",
+      children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-1", children: PRESETS.map((p) => /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            size: "sm",
+            variant: preset === p.key ? "default" : "outline",
+            onClick: () => setPreset(p.key),
+            children: p.label
+          },
+          p.key
+        )) }),
+        /* @__PURE__ */ jsx(
+          SensorChart,
+          {
+            sensorData: points,
+            isLoadingData: isLoading,
+            sensorName: sensor.name,
+            sensorType,
+            updateFrequency: sensor.updateFrequency,
+            chartConfig,
+            size: "lg",
+            unit,
+            valueLabels,
+            timeZone,
+            showBrush: true,
+            brushStartIndex: brush.startIndex,
+            brushEndIndex: brush.endIndex,
+            onBrushChange: (range) => {
+              setPreset("custom");
+              setBrush(range);
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h4", { className: "mb-2 text-sm font-semibold", children: "Metadata" }),
+          /* @__PURE__ */ jsx(MetadataSection, { meta, timeZone })
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  SensorDetailDialog
+};
+//# sourceMappingURL=SensorDetailDialog.js.map

package/dist/core/components/ui/Sensors/SensorDetailDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/core/components/ui/Sensors/SensorDetailDialog.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport { Radio } from 'lucide-react'\r\nimport * as React from 'react'\r\n\r\nimport { AppConfigContext } from '../../../store'\r\nimport { formatInZone } from '../../../utils/timeUtils'\r\nimport { AddItemDialog } from '../AddItemDialog'\r\nimport { Button } from '../Button'\r\n\r\nimport { indicesForBounds, rangeBounds, type RangePreset } from './sensorRange'\r\nimport { SensorChart } from './SensorChart'\r\n// TimeZoneSelect is intentionally not rendered for now (kept as a standalone component).\r\nimport { useSensorSeries } from './useSensorSeries'\r\n\r\nimport type { SensorSeriesMeta } from './sensorData'\r\nimport type { Sensor, SensorType } from '../../../types/dbTypes'\r\nimport type { ChartConfig } from '../chart'\r\n\r\nconst PRESETS: { key: RangePreset; label: string }[] = [\r\n  { key: 'all', label: 'All' },\r\n  { key: 'day', label: 'Last day' },\r\n  { key: 'hour', label: 'Last hour' },\r\n  { key: 'custom', label: 'Custom' },\r\n]\r\n\r\nfunction MetaRow({ label, children }: { label: string; children: React.ReactNode }) {\r\n  if (children == null || children === '') return null\r\n  return (\r\n    <div className=\"flex justify-between gap-4 py-1 text-sm\">\r\n      <span className=\"text-muted-foreground\">{label}</span>\r\n      <span className=\"text-right font-medium break-all\">{children}</span>\r\n    </div>\r\n  )\r\n}\r\n\r\nfunction MetaLink({ href }: { href?: string }) {\r\n  if (!href) return null\r\n  return (\r\n    <a href={href} target=\"_blank\" rel=\"noopener noreferrer\" className=\"text-primary underline\">\r\n      {href}\r\n    </a>\r\n  )\r\n}\r\n\r\nfunction MetadataSection({ meta, timeZone }: { meta?: SensorSeriesMeta; timeZone: string }) {\r\n  if (!meta || Object.keys(meta).length === 0) {\r\n    return <p className=\"text-sm text-muted-foreground\">No metadata available.</p>\r\n  }\r\n  const phenomenon = meta.phenomenonTime\r\n    ?.split('/')\r\n    .map(iso => formatInZone(Date.parse(iso), timeZone, { dateStyle: 'medium', timeStyle: 'short' }))\r\n    .join('  →  ')\r\n  return (\r\n    <div className=\"divide-y\">\r\n      <MetaRow label=\"Datastream\">{meta.name}</MetaRow>\r\n      <MetaRow label=\"Description\">{meta.description}</MetaRow>\r\n      <MetaRow label=\"Observation type\">{meta.observationType}</MetaRow>\r\n      <MetaRow label=\"Observed property\">{meta.observedProperty?.name}</MetaRow>\r\n      <MetaRow label=\"Property definition\"><MetaLink href={meta.observedProperty?.definition} /></MetaRow>\r\n      <MetaRow label=\"Unit\">{meta.unit ? `${meta.unit.name ?? ''} ${meta.unit.symbol ? `(${meta.unit.symbol})` : ''}`.trim() : undefined}</MetaRow>\r\n      <MetaRow label=\"Unit definition\"><MetaLink href={meta.unit?.definition} /></MetaRow>\r\n      <MetaRow label=\"Phenomenon time\">{phenomenon}</MetaRow>\r\n      <MetaRow label=\"Observations\">{meta.observationCount}</MetaRow>\r\n      <MetaRow label=\"Generator\">{meta.properties?.generator as React.ReactNode}</MetaRow>\r\n      <MetaRow label=\"Seed\">{meta.properties?.seed as React.ReactNode}</MetaRow>\r\n      <MetaRow label=\"Frequency (ms)\">{meta.properties?.frequency as React.ReactNode}</MetaRow>\r\n      <MetaRow label=\"Sensor metadata\"><MetaLink href={meta.sensor?.metadata} /></MetaRow>\r\n      <MetaRow label=\"Self link\"><MetaLink href={meta.selfLink} /></MetaRow>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport function SensorDetailDialog({\r\n  open,\r\n  onOpenChange,\r\n  sensor,\r\n  sensorType,\r\n}: {\r\n  open: boolean\r\n  onOpenChange: (open: boolean) => void\r\n  sensor: Sensor\r\n  sensorType?: SensorType\r\n}): React.ReactElement {\r\n  const { state } = React.useContext(AppConfigContext)\r\n  const timeZone = state.appConfig.displayTimeZone\r\n\r\n  const { points, unit, valueLabels, meta, isLoading } = useSensorSeries(\r\n    sensor.url ?? '',\r\n    sensor.dataFormat,\r\n    sensor.updateFrequency,\r\n    { enabled: open },\r\n  )\r\n\r\n  const [preset, setPreset] = React.useState<RangePreset>('all')\r\n  const [brush, setBrush] = React.useState<{ startIndex?: number; endIndex?: number }>({})\r\n\r\n  // When a preset is picked (not custom), derive brush indices from its bounds.\r\n  React.useEffect(() => {\r\n    if (preset === 'custom') return\r\n    const bounds = rangeBounds(preset, points)\r\n    setBrush(indicesForBounds(points, bounds))\r\n  }, [preset, points])\r\n\r\n  const chartConfig: ChartConfig = { value: { label: sensorType?.name ?? 'Value', color: 'hsl(var(--chart-1))' } }\r\n\r\n  return (\r\n    <AddItemDialog\r\n      open={open}\r\n      onOpenChange={onOpenChange}\r\n      title={sensor.name}\r\n      icon={Radio}\r\n      contentClassName=\"max-w-3xl max-h-[90vh] overflow-y-auto\"\r\n    >\r\n      <div className=\"space-y-4\">\r\n        <div className=\"flex flex-wrap items-center gap-1\">\r\n          {PRESETS.map(p => (\r\n            <Button\r\n              key={p.key}\r\n              type=\"button\"\r\n              size=\"sm\"\r\n              variant={preset === p.key ? 'default' : 'outline'}\r\n              onClick={() => setPreset(p.key)}\r\n            >\r\n              {p.label}\r\n            </Button>\r\n          ))}\r\n        </div>\r\n\r\n        <SensorChart\r\n          sensorData={points}\r\n          isLoadingData={isLoading}\r\n          sensorName={sensor.name}\r\n          sensorType={sensorType as SensorType}\r\n          updateFrequency={sensor.updateFrequency}\r\n          chartConfig={chartConfig}\r\n          size=\"lg\"\r\n          unit={unit}\r\n          valueLabels={valueLabels}\r\n          timeZone={timeZone}\r\n          showBrush\r\n          brushStartIndex={brush.startIndex}\r\n          brushEndIndex={brush.endIndex}\r\n          onBrushChange={range => { setPreset('custom'); setBrush(range) }}\r\n        />\r\n\r\n        <div>\r\n          <h4 className=\"mb-2 text-sm font-semibold\">Metadata</h4>\r\n          <MetadataSection meta={meta} timeZone={timeZone} />\r\n        </div>\r\n      </div>\r\n    </AddItemDialog>\r\n  )\r\n}\r\n"],"mappings":";AAgCI,SACE,KADF;AA3BJ,SAAS,aAAa;AACtB,YAAY,WAAW;AAEvB,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,cAAc;AAEvB,SAAS,kBAAkB,mBAAqC;AAChE,SAAS,mBAAmB;AAE5B,SAAS,uBAAuB;AAMhC,MAAM,UAAiD;AAAA,EACrD,EAAE,KAAK,OAAO,OAAO,MAAM;AAAA,EAC3B,EAAE,KAAK,OAAO,OAAO,WAAW;AAAA,EAChC,EAAE,KAAK,QAAQ,OAAO,YAAY;AAAA,EAClC,EAAE,KAAK,UAAU,OAAO,SAAS;AACnC;AAEA,SAAS,QAAQ,EAAE,OAAO,SAAS,GAAiD;AAClF,MAAI,YAAY,QAAQ,aAAa,GAAI,QAAO;AAChD,SACE,qBAAC,SAAI,WAAU,2CACb;AAAA,wBAAC,UAAK,WAAU,yBAAyB,iBAAM;AAAA,IAC/C,oBAAC,UAAK,WAAU,oCAAoC,UAAS;AAAA,KAC/D;AAEJ;AAEA,SAAS,SAAS,EAAE,KAAK,GAAsB;AAC7C,MAAI,CAAC,KAAM,QAAO;AAClB,SACE,oBAAC,OAAE,MAAY,QAAO,UAAS,KAAI,uBAAsB,WAAU,0BAChE,gBACH;AAEJ;AAEA,SAAS,gBAAgB,EAAE,MAAM,SAAS,GAAkD;AAhD5F;AAiDE,MAAI,CAAC,QAAQ,OAAO,KAAK,IAAI,EAAE,WAAW,GAAG;AAC3C,WAAO,oBAAC,OAAE,WAAU,iCAAgC,oCAAsB;AAAA,EAC5E;AACA,QAAM,cAAa,UAAK,mBAAL,mBACf,MAAM,KACP,IAAI,SAAO,aAAa,KAAK,MAAM,GAAG,GAAG,UAAU,EAAE,WAAW,UAAU,WAAW,QAAQ,CAAC,GAC9F,KAAK;AACR,SACE,qBAAC,SAAI,WAAU,YACb;AAAA,wBAAC,WAAQ,OAAM,cAAc,eAAK,MAAK;AAAA,IACvC,oBAAC,WAAQ,OAAM,eAAe,eAAK,aAAY;AAAA,IAC/C,oBAAC,WAAQ,OAAM,oBAAoB,eAAK,iBAAgB;AAAA,IACxD,oBAAC,WAAQ,OAAM,qBAAqB,qBAAK,qBAAL,mBAAuB,MAAK;AAAA,IAChE,oBAAC,WAAQ,OAAM,uBAAsB,8BAAC,YAAS,OAAM,UAAK,qBAAL,mBAAuB,YAAY,GAAE;AAAA,IAC1F,oBAAC,WAAQ,OAAM,QAAQ,eAAK,OAAO,IAAG,UAAK,KAAK,SAAV,YAAkB,EAAE,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,MAAM,MAAM,EAAE,GAAG,KAAK,IAAI,QAAU;AAAA,IACnI,oBAAC,WAAQ,OAAM,mBAAkB,8BAAC,YAAS,OAAM,UAAK,SAAL,mBAAW,YAAY,GAAE;AAAA,IAC1E,oBAAC,WAAQ,OAAM,mBAAmB,sBAAW;AAAA,IAC7C,oBAAC,WAAQ,OAAM,gBAAgB,eAAK,kBAAiB;AAAA,IACrD,oBAAC,WAAQ,OAAM,aAAa,qBAAK,eAAL,mBAAiB,WAA6B;AAAA,IAC1E,oBAAC,WAAQ,OAAM,QAAQ,qBAAK,eAAL,mBAAiB,MAAwB;AAAA,IAChE,oBAAC,WAAQ,OAAM,kBAAkB,qBAAK,eAAL,mBAAiB,WAA6B;AAAA,IAC/E,oBAAC,WAAQ,OAAM,mBAAkB,8BAAC,YAAS,OAAM,UAAK,WAAL,mBAAa,UAAU,GAAE;AAAA,IAC1E,oBAAC,WAAQ,OAAM,aAAY,8BAAC,YAAS,MAAM,KAAK,UAAU,GAAE;AAAA,KAC9D;AAEJ;AAEO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKuB;AAtFvB;AAuFE,QAAM,EAAE,MAAM,IAAI,MAAM,WAAW,gBAAgB;AACnD,QAAM,WAAW,MAAM,UAAU;AAEjC,QAAM,EAAE,QAAQ,MAAM,aAAa,MAAM,UAAU,IAAI;AAAA,KACrD,YAAO,QAAP,YAAc;AAAA,IACd,OAAO;AAAA,IACP,OAAO;AAAA,IACP,EAAE,SAAS,KAAK;AAAA,EAClB;AAEA,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAsB,KAAK;AAC7D,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAqD,CAAC,CAAC;AAGvF,QAAM,UAAU,MAAM;AACpB,QAAI,WAAW,SAAU;AACzB,UAAM,SAAS,YAAY,QAAQ,MAAM;AACzC,aAAS,iBAAiB,QAAQ,MAAM,CAAC;AAAA,EAC3C,GAAG,CAAC,QAAQ,MAAM,CAAC;AAEnB,QAAM,cAA2B,EAAE,OAAO,EAAE,QAAO,8CAAY,SAAZ,YAAoB,SAAS,OAAO,sBAAsB,EAAE;AAE/G,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,OAAO,OAAO;AAAA,MACd,MAAM;AAAA,MACN,kBAAiB;AAAA,MAEjB,+BAAC,SAAI,WAAU,aACb;AAAA,4BAAC,SAAI,WAAU,qCACZ,kBAAQ,IAAI,OACX;AAAA,UAAC;AAAA;AAAA,YAEC,MAAK;AAAA,YACL,MAAK;AAAA,YACL,SAAS,WAAW,EAAE,MAAM,YAAY;AAAA,YACxC,SAAS,MAAM,UAAU,EAAE,GAAG;AAAA,YAE7B,YAAE;AAAA;AAAA,UANE,EAAE;AAAA,QAOT,CACD,GACH;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,YAAY,OAAO;AAAA,YACnB;AAAA,YACA,iBAAiB,OAAO;AAAA,YACxB;AAAA,YACA,MAAK;AAAA,YACL;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAS;AAAA,YACT,iBAAiB,MAAM;AAAA,YACvB,eAAe,MAAM;AAAA,YACrB,eAAe,WAAS;AAAE,wBAAU,QAAQ;AAAG,uBAAS,KAAK;AAAA,YAAE;AAAA;AAAA,QACjE;AAAA,QAEA,qBAAC,SACC;AAAA,8BAAC,QAAG,WAAU,8BAA6B,sBAAQ;AAAA,UACnD,oBAAC,mBAAgB,MAAY,UAAoB;AAAA,WACnD;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/core/components/ui/Sensors/SensorInput.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { ViewerNames } from '../../../types/dbTypes';
+import type { Sensor } from '../../../types/dbTypes';
 export type SensorInputLayout = 'inline' | 'dialog';
 export type BimSensorPlacementContext = {
     world: any;
@@ -23,6 +24,10 @@ export type SensorInputProps = {
     onCancel?: () => void;
     bim?: BimSensorPlacementContext;
     isOpen?: boolean;
+    /** When provided, the dialog becomes a single-sensor EDIT form (no multi-add, no placement). */
+    editSensor?: Sensor;
+    /** Called after a successful edit save (in addition to onCancel). */
+    onSaved?: () => void;
 };
-export declare function SensorInput({ viewer, layout, onCancel, bim, isOpen, }: SensorInputProps): React.JSX.Element;
+export declare function SensorInput({ viewer, layout, onCancel, bim, isOpen, editSensor, onSaved, }: SensorInputProps): React.JSX.Element;
 //# sourceMappingURL=SensorInput.d.ts.map

package/dist/core/components/ui/Sensors/SensorInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SensorInput.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Sensors/SensorInput.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,WAAW,EAAoB,MAAM,wBAAwB,CAAA;AAuBtE,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAEnD,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,EAAE,GAAG,CAAA;IACV,OAAO,EAAE,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,GAAG,CAAC;QAAC,KAAK,EAAE,GAAG,CAAC;QAAC,GAAG,EAAE,GAAG,CAAA;KAAE,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;IACtE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAA;IAC5E,mBAAmB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3C,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,WAAW,CAAA;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,GAAG,CAAC,EAAE,yBAAyB,CAAA;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAYD,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,MAAiB,EACjB,QAAQ,EACR,GAAG,EACH,MAAc,GACf,EAAE,gBAAgB,qBAmdlB"}
+{"version":3,"file":"SensorInput.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Sensors/SensorInput.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,WAAW,EAAoB,MAAM,wBAAwB,CAAA;AAoBtE,OAAO,KAAK,EAAE,MAAM,EAAC,MAAM,wBAAwB,CAAC;AAIpD,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAEnD,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,EAAE,GAAG,CAAA;IACV,OAAO,EAAE,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,GAAG,CAAC;QAAC,KAAK,EAAE,GAAG,CAAC;QAAC,GAAG,EAAE,GAAG,CAAA;KAAE,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;IACtE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAA;IAC5E,mBAAmB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3C,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,WAAW,CAAA;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,GAAG,CAAC,EAAE,yBAAyB,CAAA;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,gGAAgG;IAChG,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,qEAAqE;IACrE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAwCD,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,MAAiB,EACjB,QAAQ,EACR,GAAG,EACH,MAAc,EACd,UAAU,EACV,OAAO,GACR,EAAE,gBAAgB,qBA2hBlB"}

package/dist/core/components/ui/Sensors/SensorInput.js

@@ -23,7 +23,7 @@ import { Radio } from "lucide-react";
 import { useSession } from "next-auth/react";
 import { useTranslations } from "next-intl";
 import * as React from "react";
-import { useCreateSensor } from "../../../hooks/sensors/sensors";
+import { useCreateSensor, useSensor } from "../../../hooks/sensors/sensors";
 import { useSensorTypes } from "../../../hooks/sensorTypes/sensorTypes";
 import { AppConfigContext, MapContext, BuildingsContext, MenusContext, ToolsContext } from "../../../store";
 import { ViewerNames, SensorDataFormat } from "../../../types/dbTypes";
@@ -42,16 +42,42 @@ import {
 } from "../Select";
 import { Separator } from "../Separator";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../Tooltip";
+import { parseSensorSeries } from "./sensorData";
 import { SensorTagsSection } from "./SensorTagsSection";
+function splitUpdateFrequencyMs(updateFrequencyMs) {
+  const sortedDesc = [...frequencyUnits].sort((a, b) => b.value - a.value);
+  for (const unit of sortedDesc) {
+    if (unit.value > 0 && updateFrequencyMs % unit.value === 0) {
+      return { updateFrequency: updateFrequencyMs / unit.value, updateFrequencyUnit: unit.value };
+    }
+  }
+  return { updateFrequency: updateFrequencyMs, updateFrequencyUnit: 1 };
+}
+function sensorFormFromEditSensor(editSensor) {
+  var _a, _b, _c, _d;
+  const { updateFrequency, updateFrequencyUnit } = splitUpdateFrequencyMs(editSensor.updateFrequency);
+  return {
+    typeId: (_a = editSensor.typeId) != null ? _a : -1,
+    name: editSensor.name,
+    data: (_c = (_b = editSensor.url) != null ? _b : editSensor.data) != null ? _c : "",
+    dataFormat: editSensor.dataFormat,
+    updateFrequency,
+    updateFrequencyUnit,
+    tags: (_d = editSensor.tags) != null ? _d : []
+  };
+}
 function SensorInput({
   viewer,
   layout = "dialog",
   onCancel,
   bim,
-  isOpen = false
+  isOpen = false,
+  editSensor,
+  onSaved
 }) {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
   const t = useTranslations("SensorInput");
+  const tf = React.useCallback((key, fallback) => t.has(key) ? t(key) : fallback, [t]);
   const session = useSession();
   const user = (_a = session.data) == null ? void 0 : _a.user;
   const organizationId = user == null ? void 0 : user.organizationId;
@@ -64,7 +90,7 @@ function SensorInput({
   const { state: menusState, dispatch: menusDispatch } = React.useContext(MenusContext);
   const { currentSensorTypeId } = menusState.menus;
   const [sensors, setSensors] = React.useState([
-    {
+    editSensor ? sensorFormFromEditSensor(editSensor) : {
       typeId: currentSensorTypeId != null ? currentSensorTypeId : -1,
       name: "",
       data: "",
@@ -76,10 +102,38 @@ function SensorInput({
   ]);
   const [currentSensorIndex, setCurrentSensorIndex] = React.useState(0);
   const [isPlacing, setIsPlacing] = React.useState(false);
+  const [preview, setPreview] = React.useState({});
+  const checkDataUrl = React.useCallback(async (index, url, dataFormat) => {
+    if (!url.trim()) {
+      setPreview((prev) => {
+        const next = __spreadValues({}, prev);
+        delete next[index];
+        return next;
+      });
+      return;
+    }
+    try {
+      const res = await fetch(url);
+      if (!res.ok) {
+        setPreview((prev) => __spreadProps(__spreadValues({}, prev), { [index]: { ok: false, text: t("previewError") } }));
+        return;
+      }
+      const raw = await res.text();
+      const { points, unit } = parseSensorSeries(raw, dataFormat);
+      if (points.length === 0) {
+        setPreview((prev) => __spreadProps(__spreadValues({}, prev), { [index]: { ok: false, text: t("previewNoData") } }));
+        return;
+      }
+      const unitText = unit ? ` \xB7 ${unit}` : "";
+      setPreview((prev) => __spreadProps(__spreadValues({}, prev), { [index]: { ok: true, text: `${points.length} ${t("previewPoints")}${unitText}` } }));
+    } catch (e) {
+      setPreview((prev) => __spreadProps(__spreadValues({}, prev), { [index]: { ok: false, text: t("previewError") } }));
+    }
+  }, [t]);
   React.useEffect(() => {
     if (!isOpen) return;
     setSensors([
-      {
+      editSensor ? sensorFormFromEditSensor(editSensor) : {
         typeId: currentSensorTypeId != null ? currentSensorTypeId : -1,
         name: "",
         data: "",
@@ -90,8 +144,10 @@ function SensorInput({
       }
     ]);
     setCurrentSensorIndex(0);
-  }, [isOpen]);
+    setPreview({});
+  }, [isOpen, editSensor]);
   const { createSensor } = useCreateSensor();
+  const { updateSensor: updateSensorMutation } = useSensor((_f = editSensor == null ? void 0 : editSensor.id) != null ? _f : null);
   const setCursor = React.useCallback(
     (cursor) => {
       var _a2, _b2, _c2;
@@ -122,6 +178,7 @@ function SensorInput({
       }
     ]);
     setCurrentSensorIndex(0);
+    setPreview({});
     setCursor("");
     menusDispatch({ type: "SET_CURRENT_SENSOR_TYPE_ID", payload: { currentSensorTypeId: null } });
   }, [setCursor, currentSensorTypeId]);
@@ -140,8 +197,25 @@ function SensorInput({
     reset();
     onCancel == null ? void 0 : onCancel();
   };
+  const onSaveEdit = async () => {
+    if (!editSensor) return;
+    const form = sensors[0];
+    const partial = {
+      typeId: form.typeId,
+      name: form.name,
+      data: form.data,
+      dataFormat: form.dataFormat,
+      url: form.data,
+      updateFrequency: form.updateFrequency * form.updateFrequencyUnit,
+      tags: form.tags
+    };
+    await updateSensorMutation(partial);
+    onSaved == null ? void 0 : onSaved();
+    onCancel == null ? void 0 : onCancel();
+  };
   React.useEffect(() => {
     var _a2, _b2;
+    if (editSensor) return;
     if (!isPlacing) return;
     if (viewer === ViewerNames.map) {
       const map = (_b2 = (_a2 = mapContext == null ? void 0 : mapContext.state) == null ? void 0 : _a2.map) == null ? void 0 : _b2.map;
@@ -252,6 +326,7 @@ function SensorInput({
   }, [
     appConfigState,
     bim,
+    editSensor,
     isPlacing,
     mapContext,
     viewer,
@@ -299,7 +374,6 @@ function SensorInput({
     );
   };
   const onPlaceSensor = (index) => {
-    console.log("[SensorInput] onPlaceSensor called, index:", index);
     const sensor = sensors[index];
     if (!sensor.name.trim() || !sensor.data.trim()) {
       return;
@@ -350,9 +424,11 @@ function SensorInput({
           type: "text",
           value: sensor.data,
           onChange: (e) => updateSensor(index, "data", e.target.value),
+          onBlur: (e) => checkDataUrl(index, e.target.value, sensor.dataFormat),
           placeholder: t("dataUrlPlaceholder")
         }
-      )
+      ),
+      preview[index] && /* @__PURE__ */ jsx("p", { className: cn("text-xs", preview[index].ok ? "text-muted-foreground" : "text-destructive"), children: preview[index].text })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
       /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
@@ -410,7 +486,16 @@ function SensorInput({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+    editSensor ? /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        onClick: onSaveEdit,
+        disabled: !sensor.name.trim() || !sensor.data.trim(),
+        className: "w-full",
+        children: tf("save", "Save")
+      }
+    ) : /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
       /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
         Button,
         {