@collabdt/core 0.0.40

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/core/components/ui/Sensors/SensorInput.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from 'react'\r\nimport { useTranslations } from 'next-intl'\r\nimport { useSession } from 'next-auth/react'\r\n\r\nimport { Radio } from 'lucide-react'\r\nimport { cn } from '../../../utils/utils'\r\nimport { Button } from '../Button'\r\nimport { AddItemDialog } from '../AddItemDialog'\r\nimport { Input } from '../Input'\r\nimport { Label } from '../Label'\r\nimport {\r\n  Select,\r\n  SelectContent,\r\n  SelectItem,\r\n  SelectTrigger,\r\n  SelectValue,\r\n} from '../Select'\r\nimport { Separator } from '../Separator'\r\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../Tooltip'\r\nimport { AppConfigContext, MapContext, BuildingsContext, MenusContext, ToolsContext } from '../../../store'\r\nimport { Sensor, ViewerNames, SensorDataFormat } from '../../../types/dbTypes'\r\nimport { useCreateSensor } from '../../../hooks/sensors/sensors'\r\nimport { frequencyUnits } from '../../../utils/timeUtils'\r\nimport { useSensorTypes } from '../../../hooks/sensorTypes/sensorTypes'\r\nimport { SensorTagsSection } from './SensorTagsSection'\r\n\r\nexport type SensorInputLayout = 'inline' | 'dialog'\r\n\r\nexport type BimSensorPlacementContext = {\r\n  world: any\r\n  raycast: (data: { camera: any; mouse: any; dom: any }) => Promise<any>\r\n  buildingId?: number\r\n  setCursor?: (cursor: string) => void\r\n  addPendingMarker?: (position: { x: number; y: number; z: number }) => number\r\n  removePendingMarker?: (id: number) => void\r\n}\r\n\r\nexport type SensorInputProps = {\r\n  viewer: ViewerNames\r\n  layout?: SensorInputLayout\r\n  onCancel?: () => void\r\n  bim?: BimSensorPlacementContext\r\n  isOpen?: boolean\r\n}\r\n\r\ntype SensorFormData = {\r\n  typeId: number\r\n  name: string\r\n  data: string\r\n  dataFormat: string\r\n  updateFrequency: number\r\n  updateFrequencyUnit: number\r\n  tags: string[]\r\n}\r\n\r\nexport function SensorInput({\r\n  viewer,\r\n  layout = 'dialog',\r\n  onCancel,\r\n  bim,\r\n  isOpen = false,\r\n}: SensorInputProps) {\r\n  const t = useTranslations('SensorInput')\r\n  const session = useSession()\r\n\r\n  const user = session.data?.user\r\n  const organizationId = user?.organizationId\r\n  const authorId = session.data?.user?.id || -1\r\n\r\n  const { state: appConfigState } = React.useContext(AppConfigContext)\r\n  const mapContext = React.useContext(MapContext)\r\n\r\n  const { state: buildingsState } = React.useContext(BuildingsContext)\r\n  const buildingId = buildingsState?.buildings?.building?.id || -1\r\n\r\n  const { state: toolsState } = React.useContext(ToolsContext)\r\n\r\n  const { state: menusState, dispatch: menusDispatch } = React.useContext(MenusContext)\r\n  const { currentSensorTypeId } = menusState.menus\r\n\r\n  const [sensors, setSensors] = React.useState<SensorFormData[]>([\r\n    {\r\n      typeId: currentSensorTypeId ?? -1,\r\n      name: '',\r\n      data: '',\r\n      dataFormat: SensorDataFormat.Json,\r\n      updateFrequency: 1,\r\n      updateFrequencyUnit: 1000,\r\n      tags: [],\r\n    },\r\n  ])\r\n  const [currentSensorIndex, setCurrentSensorIndex] = React.useState(0)\r\n  const [isPlacing, setIsPlacing] = React.useState(false)\r\n\r\n  // Re-initialize form with pre-selected type each time the dialog opens\r\n  React.useEffect(() => {\r\n    if (!isOpen) return\r\n    setSensors([\r\n      {\r\n        typeId: currentSensorTypeId ?? -1,\r\n        name: '',\r\n        data: '',\r\n        dataFormat: SensorDataFormat.Json,\r\n        updateFrequency: 1,\r\n        updateFrequencyUnit: 1000,\r\n        tags: [],\r\n      },\r\n    ])\r\n    setCurrentSensorIndex(0)\r\n  }, [isOpen])\r\n\r\n  const { createSensor } = useCreateSensor()\r\n\r\n  const setCursor = React.useCallback(\r\n    (cursor: string) => {\r\n      if (viewer === ViewerNames.map) {\r\n        const map = mapContext?.state?.map?.map\r\n        if (!map) return\r\n        if (map.getCanvas().style.cursor === cursor) return\r\n        map.getCanvas().style.cursor = cursor\r\n        return\r\n      }\r\n\r\n      if (viewer === ViewerNames.bim) {\r\n        bim?.setCursor?.(cursor)\r\n      }\r\n    },\r\n    [bim, mapContext, viewer]\r\n  )\r\n\r\n  const reset = React.useCallback(() => {\r\n    setIsPlacing(false)\r\n    setSensors([\r\n      {\r\n        typeId: currentSensorTypeId ?? -1,\r\n        name: '',\r\n        data: '',\r\n        dataFormat: SensorDataFormat.Json,\r\n        updateFrequency: 1,\r\n        updateFrequencyUnit: 1000,\r\n        tags: [],\r\n      },\r\n    ])\r\n    setCurrentSensorIndex(0)\r\n    setCursor('')\r\n    menusDispatch({type: 'SET_CURRENT_SENSOR_TYPE_ID', payload: { currentSensorTypeId: null }})\r\n  }, [setCursor, currentSensorTypeId])\r\n\r\n  const onCreateSensor = async (sensorData: Partial<Sensor>) => {\r\n    await createSensor({ sensorData })\r\n    \r\n    // Ensure the sensor type is visible after creation\r\n    if (sensorData.typeId) {\r\n      menusDispatch({\r\n        type: 'TOGGLE_SENSOR_TYPE_VISIBILITY',\r\n        payload: {\r\n          viewer: viewer,\r\n          sensorTypeId: sensorData.typeId,\r\n          force: true,\r\n        },\r\n      })\r\n    }\r\n    \r\n    reset()\r\n    onCancel?.()\r\n  }\r\n\r\n  React.useEffect(() => {\r\n    if (!isPlacing) return\r\n\r\n    if (viewer === ViewerNames.map) {\r\n      const map = mapContext?.state?.map?.map\r\n      if (!map) return\r\n\r\n      const mouseMoveCrosshairHandler = () => {\r\n        setCursor('crosshair')\r\n      }\r\n\r\n      const dbClickAddSensorHandler = (e: any): void => {\r\n        const longitude = e?.lngLat?.lng\r\n        const latitude = e?.lngLat?.lat\r\n        if (typeof longitude !== 'number' || typeof latitude !== 'number') return\r\n\r\n        const elevation = map.queryTerrainElevation([latitude, longitude]) || 0\r\n\r\n        const currentSensor = sensors[currentSensorIndex]\r\n        const updateFrequencyMs = currentSensor.updateFrequency * currentSensor.updateFrequencyUnit\r\n\r\n        const newSensor: any = {\r\n          authorId: Number(user?.id),\r\n          organizationId,\r\n          typeId: currentSensor.typeId,\r\n          name: currentSensor.name,\r\n          data: currentSensor.data,\r\n          dataFormat: currentSensor.dataFormat,\r\n          updateFrequency: updateFrequencyMs,\r\n          url: currentSensor.data,\r\n          visible: true,\r\n          longitude,\r\n          latitude,\r\n          elevation,\r\n          viewer: ViewerNames.map,\r\n          tags: currentSensor.tags,\r\n        }\r\n        onCreateSensor(newSensor as Partial<Sensor>)\r\n      }\r\n\r\n      map.on('mousemove', mouseMoveCrosshairHandler)\r\n      map.on('dblclick', dbClickAddSensorHandler)\r\n\r\n      return () => {\r\n        setCursor('')\r\n        map.off('mousemove', mouseMoveCrosshairHandler)\r\n        map.off('dblclick', dbClickAddSensorHandler)\r\n      }\r\n    }\r\n\r\n    if (viewer === ViewerNames.bim) {\r\n      const world = bim?.world\r\n      const raycast = bim?.raycast\r\n      if (!world || !raycast) return\r\n\r\n      let disposed = false\r\n      let removeListeners: (() => void) | null = null\r\n\r\n      ;(async () => {\r\n        const THREE = await import('three')\r\n        if (disposed) return\r\n\r\n        const mouse = new THREE.Vector2()\r\n\r\n        const handleMouseMove = (e: MouseEvent) => {\r\n          mouse.x = e.clientX\r\n          mouse.y = e.clientY\r\n        }\r\n\r\n        const handleDblClick = async (e: MouseEvent) => {\r\n          mouse.x = e.clientX\r\n          mouse.y = e.clientY\r\n\r\n          const result = await raycast({\r\n            camera: world.camera?.three,\r\n            mouse,\r\n            dom: world.renderer?.three?.domElement,\r\n          })\r\n\r\n          if (!result?.point) return\r\n          const p = result.point\r\n\r\n          const currentSensor = sensors[currentSensorIndex]\r\n          const updateFrequencyMs = currentSensor.updateFrequency * currentSensor.updateFrequencyUnit\r\n\r\n          // Add pending marker immediately\r\n          const pendingId = bim?.addPendingMarker?.({ x: p.x, y: p.y, z: p.z })\r\n\r\n          const newSensor: any = {\r\n            authorId: Number(authorId),\r\n            organizationId,\r\n            typeId: currentSensor.typeId,\r\n            name: currentSensor.name,\r\n            data: currentSensor.data,\r\n            dataFormat: currentSensor.dataFormat,\r\n            updateFrequency: updateFrequencyMs,\r\n            url: currentSensor.data,\r\n            x: p.x,\r\n            y: p.y,\r\n            z: p.z,\r\n            visible: true,\r\n            buildingId,\r\n            viewer,\r\n            tags: currentSensor.tags,\r\n          }\r\n\r\n          try {\r\n            await onCreateSensor(newSensor as Partial<Sensor>)\r\n          } finally {\r\n            // Remove pending marker after creation completes (or fails)\r\n            if (pendingId) {\r\n              bim?.removePendingMarker?.(pendingId)\r\n            }\r\n          }\r\n        }\r\n\r\n        document.addEventListener('mousemove', handleMouseMove)\r\n        document.addEventListener('dblclick', handleDblClick)\r\n\r\n        removeListeners = () => {\r\n          document.removeEventListener('mousemove', handleMouseMove)\r\n          document.removeEventListener('dblclick', handleDblClick)\r\n        }\r\n      })()\r\n\r\n      return () => {\r\n        disposed = true\r\n        setCursor('')\r\n        removeListeners?.()\r\n      }\r\n    }\r\n  }, [\r\n    appConfigState,\r\n    bim,\r\n    isPlacing,\r\n    mapContext,\r\n    viewer,\r\n    onCancel,\r\n    reset,\r\n    setCursor,\r\n    sensors,\r\n    currentSensorIndex,\r\n    authorId,\r\n    organizationId,\r\n    buildingId,\r\n    user?.id,\r\n  ])\r\n\r\n  const updateSensor = (index: number, field: keyof SensorFormData, value: any) => {\r\n    setSensors(prev =>\r\n      prev.map((sensor, i) => (i === index ? { ...sensor, [field]: value } : sensor))\r\n    )\r\n  }\r\n\r\n  const addAnotherSensor = () => {\r\n    setSensors(prev => [\r\n      ...prev,\r\n      {\r\n        typeId: -1,\r\n        name: '',\r\n        data: '',\r\n        dataFormat: SensorDataFormat.Json,\r\n        updateFrequency: 1,\r\n        updateFrequencyUnit: 1000,\r\n        tags: [],\r\n      },\r\n    ])\r\n  }\r\n\r\n  const addTag = (index: number, tag: string) => {\r\n    setSensors(prev =>\r\n      prev.map((sensor, i) =>\r\n        i === index ? { ...sensor, tags: [...sensor.tags, tag] } : sensor\r\n      )\r\n    )\r\n  }\r\n\r\n  const removeTag = (index: number, tag: string) => {\r\n    setSensors(prev =>\r\n      prev.map((sensor, i) =>\r\n        i === index ? { ...sensor, tags: sensor.tags.filter(t => t !== tag) } : sensor\r\n      )\r\n    )\r\n  }\r\n\r\n  const onPlaceSensor = (index: number) => {\r\n    console.log('[SensorInput] onPlaceSensor called, index:', index)\r\n    const sensor = sensors[index]\r\n    if (!sensor.name.trim() || !sensor.data.trim()) {\r\n      return\r\n    }\r\n    setCurrentSensorIndex(index)\r\n    setIsPlacing(true)\r\n    setCursor('crosshair')\r\n  }\r\n\r\n  const { sensorTypes } = useSensorTypes()\r\n\r\n  const placeSensorTooltip = viewer === ViewerNames.map\r\n    ? t('placeSensorTooltipMap')\r\n    : t('placeSensorTooltipBim')\r\n\r\n  const sensorForm = (\r\n    <div className=\"space-y-6\">\r\n      {sensors.map((sensor, index) => (\r\n        <div key={index} className=\"space-y-4\">\r\n          {index > 0 && <Separator />}\r\n          \r\n          <div className=\"grid grid-cols-2 gap-4\">\r\n            <div className=\"space-y-2\">\r\n              <Label htmlFor={`type-${index}`}>{t('type')}</Label>\r\n              <Select\r\n                value={sensor.typeId === -1 ? undefined : String(sensor.typeId)}\r\n                onValueChange={value => updateSensor(index, 'typeId', Number(value))}\r\n              >\r\n                <SelectTrigger id={`type-${index}`}>\r\n                  <SelectValue placeholder={t('selectType')} />\r\n                </SelectTrigger>\r\n                <SelectContent>\r\n                  {sensorTypes.map(type => (\r\n                    <SelectItem key={type.id} value={String(type.id)}>\r\n                      {type.name.replace(/_/g, ' ')}\r\n                    </SelectItem>\r\n                  ))}\r\n                </SelectContent>\r\n              </Select>\r\n            </div>\r\n\r\n            <div className=\"space-y-2\">\r\n              <Label htmlFor={`name-${index}`}>{t('name')}</Label>\r\n              <Input\r\n                id={`name-${index}`}\r\n                type=\"text\"\r\n                value={sensor.name}\r\n                onChange={e => updateSensor(index, 'name', e.target.value)}\r\n                placeholder={t('namePlaceholder')}\r\n              />\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"space-y-2\">\r\n            <Label htmlFor={`data-${index}`}>{t('dataUrl')}</Label>\r\n            <Input\r\n              id={`data-${index}`}\r\n              type=\"text\"\r\n              value={sensor.data}\r\n              onChange={e => updateSensor(index, 'data', e.target.value)}\r\n              placeholder={t('dataUrlPlaceholder')}\r\n            />\r\n          </div>\r\n\r\n          <div className=\"grid grid-cols-2 gap-4\">\r\n            <div className=\"space-y-2\">\r\n              <Label htmlFor={`dataFormat-${index}`}>{t('dataFormat')}</Label>\r\n              <Select\r\n                value={sensor.dataFormat}\r\n                onValueChange={value => updateSensor(index, 'dataFormat', value)}\r\n              >\r\n                <SelectTrigger id={`dataFormat-${index}`}>\r\n                  <SelectValue placeholder={t('selectFormat')} />\r\n                </SelectTrigger>\r\n                <SelectContent>\r\n                  {Object.values(SensorDataFormat).map(format => (\r\n                    <SelectItem key={format} value={format}>\r\n                      {format}\r\n                    </SelectItem>\r\n                  ))}\r\n                </SelectContent>\r\n              </Select>\r\n            </div>\r\n\r\n            <div className=\"space-y-2\">\r\n              <Label htmlFor={`frequency-${index}`}>{t('updateFrequency')}</Label>\r\n              <div className=\"flex gap-2\">\r\n                <Input\r\n                  id={`frequency-${index}`}\r\n                  type=\"number\"\r\n                  min=\"1\"\r\n                  value={sensor.updateFrequency}\r\n                  onChange={e =>\r\n                    updateSensor(index, 'updateFrequency', parseFloat(e.target.value) || 1)\r\n                  }\r\n                  placeholder={t('frequencyPlaceholder')}\r\n                  className=\"flex-1\"\r\n                />\r\n                <Select\r\n                  value={String(sensor.updateFrequencyUnit)}\r\n                  onValueChange={value => updateSensor(index, 'updateFrequencyUnit', Number(value))}\r\n                >\r\n                  <SelectTrigger className=\"w-[140px]\">\r\n                    <SelectValue />\r\n                  </SelectTrigger>\r\n                  <SelectContent>\r\n                    {frequencyUnits.map(unit => (\r\n                      <SelectItem key={unit.value} value={String(unit.value)}>\r\n                        {unit.label}\r\n                      </SelectItem>\r\n                    ))}\r\n                  </SelectContent>\r\n                </Select>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"space-y-2\">\r\n            <Label>{t('tags')}</Label>\r\n            <SensorTagsSection\r\n              tags={sensor.tags}\r\n              variant=\"edit\"\r\n              onAdd={async (tag) => addTag(index, tag)}\r\n              onDelete={async (tag) => removeTag(index, tag)}\r\n            />\r\n          </div>\r\n\r\n          <TooltipProvider>\r\n            <Tooltip>\r\n              <TooltipTrigger asChild>\r\n                <Button\r\n                  type=\"button\"\r\n                  onClick={() => onPlaceSensor(index)}\r\n                  disabled={!sensor.name.trim() || !sensor.data.trim()}\r\n                  className=\"w-full\"\r\n                >\r\n                  {t('placeSensor')}\r\n                </Button>\r\n              </TooltipTrigger>\r\n              <TooltipContent>\r\n                <p>{placeSensorTooltip}</p>\r\n              </TooltipContent>\r\n            </Tooltip>\r\n          </TooltipProvider>\r\n        </div>\r\n      ))}\r\n    </div>\r\n  )\r\n\r\n  if (layout === 'dialog') {\r\n    // Render nothing visible when placing, but component stays mounted for useEffect\r\n    if (isPlacing) {\r\n      return <div style={{ display: 'none' }} />\r\n    }\r\n\r\n    return (\r\n      <AddItemDialog\r\n        open={isOpen}\r\n        onOpenChange={open => !open && onCancel?.()}\r\n        title={t('title')}\r\n        icon={Radio}\r\n        contentClassName=\"max-w-2xl max-h-[90vh] overflow-y-auto\"\r\n      >\r\n        {sensorForm}\r\n      </AddItemDialog>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className={cn('flex flex-col gap-4 p-4')}>\r\n      <h3 className=\"text-lg font-semibold\">{t('title')}</h3>\r\n      {sensorForm}\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"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","names":["_a","_b","_c","_d","_e","t"]}

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export interface SensorTagsTranslations {
+    addTag?: string;
+    removeTag?: string;
+    cancel?: string;
+    newTagPlaceholder?: string;
+}
+interface SensorTagsSectionProps {
+    tags: string[];
+    variant?: 'edit' | 'read-only';
+    onAdd?: (tag: string) => Promise<void>;
+    onDelete?: (tag: string) => Promise<void>;
+    translations?: SensorTagsTranslations;
+}
+export declare function SensorTagsSection({ tags, variant, onAdd, onDelete, translations }: SensorTagsSectionProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=SensorTagsSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SensorTagsSection.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Sensors/SensorTagsSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,WAAW,sBAAsB;IACrC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AASD,UAAU,sBAAsB;IAC9B,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,WAAW,CAAA;IAC9B,KAAK,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACtC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACzC,YAAY,CAAC,EAAE,sBAAsB,CAAA;CACtC;AAED,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,OAAgB,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,sBAAsB,qBAmFlH"}

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

@@ -0,0 +1,98 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Button } from "../Button";
+import { Badge } from "../Badge";
+import { Input } from "../Input";
+import * as LR from "lucide-react";
+import { stringToColour } from "../../viewers/map/utils/stringToColour";
+const DEFAULT_TRANSLATIONS = {
+  addTag: "Add tag",
+  removeTag: "Remove tag",
+  cancel: "Cancel",
+  newTagPlaceholder: "New tag\u2026"
+};
+function SensorTagsSection({ tags, variant = "edit", onAdd, onDelete, translations }) {
+  const tr = __spreadValues(__spreadValues({}, DEFAULT_TRANSLATIONS), translations);
+  const [addingTag, setAddingTag] = React.useState(false);
+  const [newTagValue, setNewTagValue] = React.useState("");
+  const handleAdd = async () => {
+    const trimmed = newTagValue.trim();
+    if (!trimmed || !onAdd) return;
+    if (tags.includes(trimmed)) return;
+    await onAdd(trimmed);
+    setNewTagValue("");
+    setAddingTag(false);
+  };
+  if (variant === "read-only") {
+    if (tags.length === 0) return null;
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-4 py-2 border-t flex-wrap", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: "Tags:" }),
+      tags.map((tag, index) => {
+        const tagColor = stringToColour(tag, "max");
+        return /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", style: { backgroundColor: tagColor, color: "white" }, children: tag }, index);
+      })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-4 py-2 border-t flex-wrap", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: "Tags:" }),
+    tags.length > 0 && /* @__PURE__ */ jsx(Fragment, { children: tags.map((tag, index) => {
+      const tagColor = stringToColour(tag, "max");
+      return /* @__PURE__ */ jsxs(Badge, { variant: "secondary", className: "text-xs", style: { backgroundColor: tagColor, color: "white" }, children: [
+        tag,
+        " ",
+        onDelete && /* @__PURE__ */ jsx("span", { title: tr.removeTag, children: /* @__PURE__ */ jsx(
+          LR.X,
+          {
+            className: "h-3 w-3 cursor-pointer ml-2 -mr-1",
+            onClick: () => onDelete(tag)
+          }
+        ) })
+      ] }, index);
+    }) }),
+    onAdd && (addingTag ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 ml-auto", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          autoFocus: true,
+          value: newTagValue,
+          onChange: (e) => setNewTagValue(e.target.value),
+          onKeyDown: (e) => {
+            if (e.key === "Enter") handleAdd();
+            if (e.key === "Escape") {
+              setAddingTag(false);
+              setNewTagValue("");
+            }
+          },
+          placeholder: tr.newTagPlaceholder,
+          className: "h-6 text-xs w-28 px-2"
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { title: tr.addTag, variant: "ghost", size: "icon", className: "h-6 w-6 p-0", onClick: handleAdd, children: /* @__PURE__ */ jsx(LR.Plus, { className: "h-3 w-3" }) }),
+      /* @__PURE__ */ jsx(Button, { title: tr.cancel, variant: "ghost", size: "icon", className: "h-6 w-6 p-0", onClick: () => {
+        setAddingTag(false);
+        setNewTagValue("");
+      }, children: /* @__PURE__ */ jsx(LR.X, { className: "h-3 w-3" }) })
+    ] }) : /* @__PURE__ */ jsx(Button, { title: tr.addTag, variant: "ghost", size: "icon", className: "h-6 w-6 p-0 ml-auto", onClick: () => setAddingTag(true), children: /* @__PURE__ */ jsx(LR.Plus, { className: "h-3 w-3" }) }))
+  ] });
+}
+export {
+  SensorTagsSection
+};
+//# sourceMappingURL=SensorTagsSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/core/components/ui/Sensors/SensorTagsSection.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from 'react'\r\n// Audit Phase 1.F (F-2c): direct file imports — bypass ui barrel.\r\nimport { Button } from '../Button'\r\nimport { Badge } from '../Badge'\r\nimport { Input } from '../Input'\r\nimport * as LR from 'lucide-react'\r\nimport { stringToColour } from '../../viewers/map/utils/stringToColour'\r\n\r\nexport interface SensorTagsTranslations {\r\n  addTag?: string\r\n  removeTag?: string\r\n  cancel?: string\r\n  newTagPlaceholder?: string\r\n}\r\n\r\nconst DEFAULT_TRANSLATIONS: Required<SensorTagsTranslations> = {\r\n  addTag: 'Add tag',\r\n  removeTag: 'Remove tag',\r\n  cancel: 'Cancel',\r\n  newTagPlaceholder: 'New tag…',\r\n}\r\n\r\ninterface SensorTagsSectionProps {\r\n  tags: string[]\r\n  variant?: 'edit' | 'read-only'\r\n  onAdd?: (tag: string) => Promise<void>\r\n  onDelete?: (tag: string) => Promise<void>\r\n  translations?: SensorTagsTranslations\r\n}\r\n\r\nexport function SensorTagsSection({ tags, variant = 'edit', onAdd, onDelete, translations }: SensorTagsSectionProps) {\r\n  const tr = { ...DEFAULT_TRANSLATIONS, ...translations }\r\n  const [addingTag, setAddingTag] = React.useState(false)\r\n  const [newTagValue, setNewTagValue] = React.useState('')\r\n\r\n  const handleAdd = async () => {\r\n    const trimmed = newTagValue.trim()\r\n    if (!trimmed || !onAdd) return\r\n    if (tags.includes(trimmed)) return\r\n    await onAdd(trimmed)\r\n    setNewTagValue('')\r\n    setAddingTag(false)\r\n  }\r\n\r\n  if (variant === 'read-only') {\r\n    if (tags.length === 0) return null\r\n    return (\r\n      <div className=\"flex items-center gap-2 px-4 py-2 border-t flex-wrap\">\r\n        <span className=\"text-muted-foreground text-sm\">Tags:</span>\r\n        {tags.map((tag, index) => {\r\n          const tagColor = stringToColour(tag, 'max')\r\n          return (\r\n            <Badge key={index} variant=\"secondary\" className=\"text-xs\" style={{ backgroundColor: tagColor, color: 'white' }}>\r\n              {tag}\r\n            </Badge>\r\n          )\r\n        })}\r\n      </div>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className=\"flex items-center gap-2 px-4 py-2 border-t flex-wrap\">\r\n      <span className=\"text-muted-foreground text-sm\">Tags:</span>\r\n      {tags.length > 0 && (\r\n        <>\r\n          {tags.map((tag, index) => {\r\n            const tagColor = stringToColour(tag, 'max')\r\n            return (\r\n              <Badge key={index} variant=\"secondary\" className=\"text-xs\" style={{ backgroundColor: tagColor, color: 'white' }}>\r\n                {tag}{' '}\r\n                {onDelete && (\r\n                  <span title={tr.removeTag}>\r\n                    <LR.X\r\n                      className=\"h-3 w-3 cursor-pointer ml-2 -mr-1\"\r\n                      onClick={() => onDelete(tag)}\r\n                    />\r\n                  </span>\r\n                )}\r\n              </Badge>\r\n            )\r\n          })}\r\n        </>\r\n      )}\r\n      {onAdd && (\r\n        addingTag ? (\r\n          <div className=\"flex items-center gap-1 ml-auto\">\r\n            <Input\r\n              autoFocus\r\n              value={newTagValue}\r\n              onChange={e => setNewTagValue(e.target.value)}\r\n              onKeyDown={e => {\r\n                if (e.key === 'Enter') handleAdd()\r\n                if (e.key === 'Escape') { setAddingTag(false); setNewTagValue('') }\r\n              }}\r\n              placeholder={tr.newTagPlaceholder}\r\n              className=\"h-6 text-xs w-28 px-2\"\r\n            />\r\n            <Button title={tr.addTag} variant=\"ghost\" size=\"icon\" className=\"h-6 w-6 p-0\" onClick={handleAdd}>\r\n              <LR.Plus className=\"h-3 w-3\" />\r\n            </Button>\r\n            <Button title={tr.cancel} variant=\"ghost\" size=\"icon\" className=\"h-6 w-6 p-0\" onClick={() => { setAddingTag(false); setNewTagValue('') }}>\r\n              <LR.X className=\"h-3 w-3\" />\r\n            </Button>\r\n          </div>\r\n        ) : (\r\n          <Button title={tr.addTag} variant=\"ghost\" size=\"icon\" className=\"h-6 w-6 p-0 ml-auto\" onClick={() => setAddingTag(true)}>\r\n            <LR.Plus className=\"h-3 w-3\" />\r\n          </Button>\r\n        )\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+/** Stable key used in state for sensors with no tags — locale-independent */
+export declare const UNTAGGED_TAG = "__untagged__";
+export declare function SensorsSection(): React.JSX.Element;
+//# sourceMappingURL=SensorsSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SensorsSection.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Sensors/SensorsSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA2B9B,6EAA6E;AAC7E,eAAO,MAAM,YAAY,iBAAiB,CAAA;AAE1C,wBAAgB,cAAc,sBAgR7B"}

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

@@ -0,0 +1,261 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { BuildingsContext, MenusContext, ToolsContext } from "../../../store";
+import { Button } from "../Button";
+import { CollapsibleSection } from "../CollapsibleSection";
+import { SearchInput } from "../SearchInput";
+import { DropdownMenu } from "../DropdownMenu";
+import {
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem
+} from "../DropdownMenu";
+import { useTranslations } from "next-intl";
+import { CollapsibleSensorItem } from "./CollapsibleSensorItem";
+import { SensorsSectionSkeleton } from "./SensorsSectionSkeleton";
+import { useSensor, useSensors } from "../../../hooks/sensors/sensors";
+import { toast } from "sonner";
+import { useSensorTypes } from "../../../hooks/sensorTypes/sensorTypes";
+import * as LR from "lucide-react";
+import { stringToColour } from "../../viewers/map/utils/stringToColour";
+const UNTAGGED_TAG = "__untagged__";
+function SensorsSection() {
+  var _a, _b;
+  const t = useTranslations("SensorsSection");
+  const { dispatch: toolsDispatch } = React.useContext(ToolsContext);
+  const { state: menusState, dispatch: menusDispatch } = React.useContext(MenusContext);
+  const { currentViewer, visibleSensorTypes, visibleSensorTags } = menusState.menus;
+  const { sensors: allSensors } = useSensors();
+  const { sensorTypes, isLoading } = useSensorTypes();
+  const { state: buildingsState } = React.useContext(BuildingsContext);
+  const buildingId = ((_b = (_a = buildingsState == null ? void 0 : buildingsState.buildings) == null ? void 0 : _a.building) == null ? void 0 : _b.id) || -1;
+  const [sensorToDelete, setSensorToDelete] = React.useState(null);
+  const [searchQuery, setSearchQuery] = React.useState("");
+  const [groupBy, setGroupBy] = React.useState("type");
+  const { deleteSensor } = useSensor(sensorToDelete);
+  const handleAddSensor = React.useCallback((currentSensorTypeId) => {
+    if (!currentViewer) return;
+    toolsDispatch({
+      type: "SET-TOOL",
+      payload: {
+        currentToolId: currentViewer === "bim" ? "bim-add-sensor" : currentViewer === "map" ? "map-add-sensor" : void 0
+      }
+    });
+    if (currentSensorTypeId) {
+      menusDispatch({
+        type: "SET_CURRENT_SENSOR_TYPE_ID",
+        payload: { currentSensorTypeId }
+      });
+    }
+  }, [toolsDispatch, currentViewer]);
+  const handleSensorAction = React.useCallback((action, id) => {
+    switch (action) {
+      case "view":
+        console.log(`View sensor ${id}`);
+        break;
+      case "edit":
+        console.log(`Edit sensor ${id}`);
+        break;
+      case "delete":
+        toast.success(t("sensorDeleted"));
+        setSensorToDelete(id);
+        break;
+      default:
+        break;
+    }
+  }, [t]);
+  React.useEffect(() => {
+    if (sensorToDelete !== null) {
+      deleteSensor();
+      setSensorToDelete(null);
+    }
+  }, [sensorToDelete, deleteSensor]);
+  const currentSensors = allSensors.filter((sensor) => currentViewer === sensor.viewer && (!sensor.buildingId || sensor.buildingId === buildingId));
+  const filteredSensors = React.useMemo(() => {
+    if (!searchQuery.trim()) return currentSensors;
+    const query = searchQuery.toLowerCase();
+    return currentSensors.filter((sensor) => {
+      var _a2, _b2, _c;
+      const sensorTypeName = (_b2 = (_a2 = sensorTypes.find((type) => type.id === sensor.typeId)) == null ? void 0 : _a2.name) != null ? _b2 : "";
+      return ((_c = sensor.name) == null ? void 0 : _c.toLowerCase().includes(query)) || sensorTypeName.toLowerCase().includes(query);
+    });
+  }, [currentSensors, searchQuery]);
+  const toggleSensorTypeVisibility = React.useCallback((sensorTypeId) => {
+    menusDispatch({
+      type: "TOGGLE_SENSOR_TYPE_VISIBILITY",
+      payload: {
+        viewer: currentViewer,
+        sensorTypeId
+      }
+    });
+  }, [currentViewer, menusDispatch]);
+  const handleGroupByChange = React.useCallback((newGroupBy) => {
+    setGroupBy(newGroupBy);
+    if (newGroupBy === "tag") {
+      menusDispatch({ type: "HIDE_ALL_SENSORS_IN_VIEWER", payload: { viewer: currentViewer } });
+    } else {
+      menusDispatch({ type: "HIDE_ALL_SENSOR_TAGS_IN_VIEWER", payload: { viewer: currentViewer } });
+    }
+  }, [currentViewer, menusDispatch]);
+  const toggleSensorTagVisibility = React.useCallback((tag) => {
+    menusDispatch({
+      type: "TOGGLE_SENSOR_TAG_VISIBILITY",
+      payload: {
+        viewer: currentViewer,
+        sensorTag: tag
+      }
+    });
+  }, [currentViewer, menusDispatch]);
+  const sensorsByType = React.useMemo(() => {
+    const grouped = {};
+    sensorTypes.forEach((type) => {
+      grouped[type.name] = [];
+    });
+    filteredSensors.forEach((sensor) => {
+      var _a2;
+      const type = sensorTypes.find((t2) => t2.id === sensor.typeId);
+      const typeName = (_a2 = type == null ? void 0 : type.name) != null ? _a2 : "Other";
+      if (!grouped[typeName]) {
+        grouped[typeName] = [];
+      }
+      grouped[typeName].push(sensor);
+    });
+    Object.keys(grouped).forEach((key) => {
+      if (grouped[key].length === 0) {
+        delete grouped[key];
+      }
+    });
+    return grouped;
+  }, [filteredSensors, sensorTypes]);
+  const sensorsByTag = React.useMemo(() => {
+    const grouped = {};
+    filteredSensors.forEach((sensor) => {
+      const tags = sensor.tags && sensor.tags.length > 0 ? sensor.tags : [UNTAGGED_TAG];
+      tags.forEach((tag) => {
+        if (!grouped[tag]) grouped[tag] = [];
+        grouped[tag].push(sensor);
+      });
+    });
+    return grouped;
+  }, [filteredSensors]);
+  return /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col space-y-4 overflow-hidden", children: [
+    /* @__PURE__ */ jsxs("div", { className: "px-4 flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(
+        SearchInput,
+        {
+          placeholder: t("searchSensors"),
+          value: searchQuery,
+          onChange: (e) => setSearchQuery(e.target.value)
+        }
+      ),
+      /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+        /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "icon", title: t("filters"), className: "flex-shrink-0", children: /* @__PURE__ */ jsx(LR.Funnel, { size: 16 }) }) }),
+        /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
+          /* @__PURE__ */ jsx(DropdownMenuLabel, { children: t("groupBy") }),
+          /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+          /* @__PURE__ */ jsxs(DropdownMenuRadioGroup, { value: groupBy, onValueChange: (v) => handleGroupByChange(v), children: [
+            /* @__PURE__ */ jsxs(DropdownMenuRadioItem, { value: "type", children: [
+              /* @__PURE__ */ jsx(LR.Layers, { className: "mr-2 h-4 w-4" }),
+              t("groupByType")
+            ] }),
+            /* @__PURE__ */ jsxs(DropdownMenuRadioItem, { value: "tag", children: [
+              /* @__PURE__ */ jsx(LR.Tag, { className: "mr-2 h-4 w-4" }),
+              t("groupByTag")
+            ] })
+          ] })
+        ] })
+      ] })
+    ] }),
+    isLoading ? /* @__PURE__ */ jsx(SensorsSectionSkeleton, {}) : filteredSensors.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "p-4 text-muted-foreground text-sm flex flex-col items-center", children: [
+      /* @__PURE__ */ jsx("div", { children: t("noSensorsFound") }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          className: "mt-2 px-4 ",
+          variant: "outline",
+          onClick: () => handleAddSensor(),
+          children: t("addSensorTitle")
+        }
+      )
+    ] }) : groupBy === "type" ? Object.entries(sensorsByType).map(([typeName, sensorsOfType]) => {
+      var _a2;
+      const type = sensorTypes.find((t2) => t2.name === typeName);
+      const typeId = (_a2 = type == null ? void 0 : type.id) != null ? _a2 : -1;
+      const viewerTypes = visibleSensorTypes == null ? void 0 : visibleSensorTypes[currentViewer];
+      const isTypeVisible = (viewerTypes == null ? void 0 : viewerTypes.length) > 0 && viewerTypes.includes(typeId);
+      const sensorIcon = LR[type == null ? void 0 : type.icon] || LR.Radio;
+      return /* @__PURE__ */ jsx(
+        CollapsibleSection,
+        {
+          title: typeName.replace(/_/g, " "),
+          icon: sensorIcon,
+          className: "overflow-y-auto",
+          itemCount: sensorsOfType.length,
+          onAddItem: () => handleAddSensor(typeId),
+          addItemTitle: t("addSensorTitle"),
+          defaultOpen: false,
+          switchVariant: {
+            checked: isTypeVisible,
+            onCheckedChange: () => toggleSensorTypeVisibility(typeId)
+          },
+          children: /* @__PURE__ */ jsx("div", { className: "space-y-2 mx-2 pr-2", children: sensorsOfType.map((sensor) => /* @__PURE__ */ jsx(
+            CollapsibleSensorItem,
+            {
+              sensor,
+              sensorType: type,
+              onAction: handleSensorAction,
+              isVisible: isTypeVisible,
+              onMouseEnter: () => menusDispatch({ type: "SET_CURRENT_SENSOR_ID", payload: { currentSensorId: sensor.id } }),
+              onMouseLeave: () => menusDispatch({ type: "SET_CURRENT_SENSOR_ID", payload: { currentSensorId: null } })
+            },
+            sensor.id
+          )) })
+        },
+        typeName
+      );
+    }) : Object.entries(sensorsByTag).map(([tag, sensorsOfTag]) => {
+      var _a2, _b2;
+      const isTagVisible = (_b2 = (_a2 = visibleSensorTags == null ? void 0 : visibleSensorTags[currentViewer]) == null ? void 0 : _a2.includes(tag)) != null ? _b2 : false;
+      return /* @__PURE__ */ jsx(
+        CollapsibleSection,
+        {
+          title: tag === UNTAGGED_TAG ? t("untagged") : tag,
+          icon: LR.Tag,
+          colour: stringToColour(tag, "max"),
+          className: "overflow-y-auto",
+          itemCount: sensorsOfTag.length,
+          defaultOpen: false,
+          switchVariant: {
+            checked: isTagVisible,
+            onCheckedChange: () => toggleSensorTagVisibility(tag)
+          },
+          children: /* @__PURE__ */ jsx("div", { className: "space-y-2 mx-2 pr-2", children: sensorsOfTag.map((sensor) => {
+            const type = sensorTypes.find((tp) => tp.id === sensor.typeId);
+            return /* @__PURE__ */ jsx(
+              CollapsibleSensorItem,
+              {
+                sensor,
+                sensorType: type,
+                onAction: handleSensorAction,
+                isVisible: isTagVisible,
+                onMouseEnter: () => menusDispatch({ type: "SET_CURRENT_SENSOR_ID", payload: { currentSensorId: sensor.id } }),
+                onMouseLeave: () => menusDispatch({ type: "SET_CURRENT_SENSOR_ID", payload: { currentSensorId: null } })
+              },
+              sensor.id
+            );
+          }) })
+        },
+        tag
+      );
+    })
+  ] });
+}
+export {
+  SensorsSection,
+  UNTAGGED_TAG
+};
+//# sourceMappingURL=SensorsSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/core/components/ui/Sensors/SensorsSection.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from 'react'\r\nimport { BuildingsContext, MenusContext, ToolsContext } from '../../../store'\r\n// Audit Phase 1.F (F-2c): direct file imports — bypass ui barrel.\r\nimport { Button } from '../Button'\r\nimport { CollapsibleSection } from '../CollapsibleSection'\r\nimport { SearchInput } from '../SearchInput'\r\nimport { DropdownMenu } from '../DropdownMenu'\r\nimport {\r\n  DropdownMenuTrigger,\r\n  DropdownMenuContent,\r\n  DropdownMenuLabel,\r\n  DropdownMenuSeparator,\r\n  DropdownMenuRadioGroup,\r\n  DropdownMenuRadioItem,\r\n} from '../DropdownMenu'\r\nimport { useTranslations } from 'next-intl'\r\nimport { CollapsibleSensorItem } from './CollapsibleSensorItem'\r\nimport { SensorsSectionSkeleton } from './SensorsSectionSkeleton'\r\nimport { useSensor, useSensors } from '../../../hooks/sensors/sensors'\r\nimport { toast } from 'sonner'\r\nimport type { Sensor } from '../../../types/dbTypes';\r\nimport { useSensorTypes } from '../../../hooks/sensorTypes/sensorTypes'\r\nimport * as LR from 'lucide-react'\r\nimport { stringToColour } from '../../viewers/map/utils/stringToColour'\r\n\r\ntype SensorAction = 'view' | 'edit' | 'delete'\r\n\r\n/** Stable key used in state for sensors with no tags — locale-independent */\r\nexport const UNTAGGED_TAG = '__untagged__'\r\n\r\nexport function SensorsSection() {\r\n  // Translation\r\n  const t = useTranslations('SensorsSection')\r\n\r\n  const { dispatch: toolsDispatch } = React.useContext(ToolsContext)\r\n  const { state: menusState, dispatch: menusDispatch } = React.useContext(MenusContext)\r\n  const { currentViewer, visibleSensorTypes, visibleSensorTags } = menusState.menus\r\n\r\n  const { sensors: allSensors }: { sensors: Sensor[] } = useSensors()\r\n  const { sensorTypes, isLoading } = useSensorTypes()\r\n\r\n  const {state: buildingsState} = React.useContext(BuildingsContext)\r\n  const buildingId = buildingsState?.buildings?.building?.id || -1\r\n  \r\n  const [sensorToDelete, setSensorToDelete] = React.useState<number | null>(null)\r\n  const [searchQuery, setSearchQuery] = React.useState('')\r\n  const [groupBy, setGroupBy] = React.useState<'type' | 'tag'>('type')\r\n  const { deleteSensor } = useSensor(sensorToDelete)\r\n\r\n  const handleAddSensor = React.useCallback((currentSensorTypeId?: number) => {\r\n    if (!currentViewer) return\r\n      toolsDispatch({\r\n        type: 'SET-TOOL',\r\n        payload: {\r\n          currentToolId:\r\n            currentViewer === 'bim'\r\n              ? 'bim-add-sensor'\r\n              : currentViewer === 'map'\r\n                ? 'map-add-sensor'\r\n                : undefined,\r\n        },\r\n      })\r\n      if (currentSensorTypeId) {\r\n        menusDispatch({\r\n          type: 'SET_CURRENT_SENSOR_TYPE_ID',\r\n          payload: { currentSensorTypeId },\r\n        })\r\n      }\r\n  }, [toolsDispatch, currentViewer])\r\n  \r\n  const handleSensorAction = React.useCallback((action: SensorAction, id: number) => {\r\n    switch (action) {\r\n      case 'view':\r\n        console.log(`View sensor ${id}`)\r\n        break\r\n      case 'edit':\r\n        console.log(`Edit sensor ${id}`)\r\n        break\r\n      case 'delete':\r\n            toast.success(t('sensorDeleted'))\r\n            setSensorToDelete(id)\r\n        break\r\n      default:\r\n        break\r\n    }\r\n  }, [t])\r\n\r\n  // Trigger deletion when sensorToDelete changes\r\n  React.useEffect(() => {\r\n    if (sensorToDelete !== null) {\r\n      deleteSensor()\r\n      setSensorToDelete(null)\r\n    }\r\n  }, [sensorToDelete, deleteSensor])\r\n\r\n  const currentSensors: Sensor[] = allSensors.filter((sensor) => currentViewer === sensor.viewer && (!sensor.buildingId || sensor.buildingId === buildingId))\r\n  \r\n  // Filter sensors based on search query\r\n  const filteredSensors = React.useMemo(() => {\r\n    if (!searchQuery.trim()) return currentSensors\r\n\r\n    const query = searchQuery.toLowerCase()\r\n    return currentSensors.filter((sensor) => {\r\n      const sensorTypeName =\r\n      sensorTypes.find(type => type.id === sensor.typeId)?.name ?? ''\r\n      return (\r\n      sensor.name?.toLowerCase().includes(query) ||\r\n      sensorTypeName.toLowerCase().includes(query)\r\n      )\r\n    })\r\n  }, [currentSensors, searchQuery])\r\n  \r\n  const toggleSensorTypeVisibility = React.useCallback((sensorTypeId: number) => {\r\n    menusDispatch({\r\n      type: 'TOGGLE_SENSOR_TYPE_VISIBILITY',\r\n      payload: {\r\n        viewer: currentViewer,\r\n        sensorTypeId: sensorTypeId,\r\n      },\r\n    })\r\n  }, [currentViewer, menusDispatch])\r\n\r\n  const handleGroupByChange = React.useCallback((newGroupBy: 'type' | 'tag') => {\r\n    setGroupBy(newGroupBy)\r\n    // Clear the opposing visibility state so markers from the old filter don't bleed through\r\n    if (newGroupBy === 'tag') {\r\n      menusDispatch({ type: 'HIDE_ALL_SENSORS_IN_VIEWER', payload: { viewer: currentViewer } })\r\n    } else {\r\n      menusDispatch({ type: 'HIDE_ALL_SENSOR_TAGS_IN_VIEWER', payload: { viewer: currentViewer } })\r\n    }\r\n  }, [currentViewer, menusDispatch])\r\n\r\n  const toggleSensorTagVisibility = React.useCallback((tag: string) => {\r\n    menusDispatch({\r\n      type: 'TOGGLE_SENSOR_TAG_VISIBILITY',\r\n      payload: {\r\n        viewer: currentViewer,\r\n        sensorTag: tag,\r\n      },\r\n    })\r\n  }, [currentViewer, menusDispatch])\r\n\r\n  // Group sensors by type, using sensorTypes as the source of truth for types\r\n  const sensorsByType = React.useMemo(() => {\r\n    const grouped: Record<string, Sensor[]> = {}\r\n    sensorTypes.forEach(type => {\r\n      grouped[type.name] = []\r\n    })\r\n    filteredSensors.forEach(sensor => {\r\n      const type = sensorTypes.find(t => t.id === sensor.typeId)\r\n      const typeName = type?.name ?? 'Other'\r\n      if (!grouped[typeName]) {\r\n        grouped[typeName] = []\r\n      }\r\n      grouped[typeName].push(sensor)\r\n    })\r\n    // Remove empty groups\r\n    Object.keys(grouped).forEach(key => {\r\n      if (grouped[key].length === 0) {\r\n        delete grouped[key]\r\n      }\r\n    })\r\n    return grouped\r\n  }, [filteredSensors, sensorTypes])\r\n\r\n  // Group sensors by tag\r\n  const sensorsByTag = React.useMemo(() => {\r\n    const grouped: Record<string, Sensor[]> = {}\r\n    filteredSensors.forEach(sensor => {\r\n      const tags = sensor.tags && sensor.tags.length > 0 ? sensor.tags : [UNTAGGED_TAG]\r\n      tags.forEach(tag => {\r\n        if (!grouped[tag]) grouped[tag] = []\r\n        grouped[tag].push(sensor)\r\n      })\r\n    })\r\n    return grouped\r\n  }, [filteredSensors])\r\n\r\n  return (\r\n    <div className=\"flex-1 flex flex-col space-y-4 overflow-hidden\">\r\n      <div className=\"px-4 flex items-center gap-2\">\r\n        <SearchInput\r\n          placeholder={t('searchSensors')}\r\n          value={searchQuery}\r\n          onChange={e => setSearchQuery(e.target.value)}\r\n        />\r\n        <DropdownMenu>\r\n          <DropdownMenuTrigger asChild>\r\n            <Button variant=\"outline\" size=\"icon\" title={t('filters')} className=\"flex-shrink-0\">\r\n              <LR.Funnel size={16} />\r\n            </Button>\r\n          </DropdownMenuTrigger>\r\n          <DropdownMenuContent align=\"end\">\r\n            <DropdownMenuLabel>{t('groupBy')}</DropdownMenuLabel>\r\n            <DropdownMenuSeparator />\r\n              <DropdownMenuRadioGroup value={groupBy} onValueChange={v => handleGroupByChange(v as 'type' | 'tag')}>\r\n              <DropdownMenuRadioItem value=\"type\">\r\n                <LR.Layers className=\"mr-2 h-4 w-4\" />\r\n                {t('groupByType')}\r\n              </DropdownMenuRadioItem>\r\n              <DropdownMenuRadioItem value=\"tag\">\r\n                <LR.Tag className=\"mr-2 h-4 w-4\" />\r\n                {t('groupByTag')}\r\n              </DropdownMenuRadioItem>\r\n            </DropdownMenuRadioGroup>\r\n          </DropdownMenuContent>\r\n        </DropdownMenu>\r\n      </div>\r\n      {isLoading ? (\r\n        <SensorsSectionSkeleton />\r\n      ) :      \r\n      filteredSensors.length === 0 ? (\r\n        <div className=\"p-4 text-muted-foreground text-sm flex flex-col items-center\">\r\n          <div>{t('noSensorsFound')}</div>\r\n          <Button\r\n            className=\"mt-2 px-4 \"\r\n            variant='outline'\r\n            onClick={() => handleAddSensor()}\r\n          >\r\n            {t('addSensorTitle')}\r\n          </Button>\r\n        </div>\r\n      ) : groupBy === 'type' ? (\r\n        Object.entries(sensorsByType).map(([typeName, sensorsOfType]) => {\r\n          const type = sensorTypes.find(t => t.name === typeName)\r\n          const typeId = type?.id ?? -1\r\n\r\n          const viewerTypes = visibleSensorTypes?.[currentViewer]\r\n          const isTypeVisible = viewerTypes?.length > 0 && viewerTypes.includes(typeId)\r\n\r\n          const sensorIcon = LR[type?.icon] || LR.Radio\r\n\r\n          return (\r\n            <CollapsibleSection\r\n              key={typeName}\r\n              title={typeName.replace(/_/g, ' ')}\r\n              icon={sensorIcon}\r\n              className=\"overflow-y-auto\"\r\n              itemCount={sensorsOfType.length}\r\n              onAddItem={() => handleAddSensor(typeId)}\r\n              addItemTitle={t('addSensorTitle')}\r\n              defaultOpen={false}\r\n              switchVariant={{\r\n                checked: isTypeVisible,\r\n                onCheckedChange: () => toggleSensorTypeVisibility(typeId),\r\n              }}\r\n            >\r\n              <div className=\"space-y-2 mx-2 pr-2\">\r\n                {sensorsOfType.map((sensor) => (\r\n                  <CollapsibleSensorItem\r\n                    key={sensor.id}\r\n                    sensor={sensor}\r\n                    sensorType={type}\r\n                    onAction={handleSensorAction}\r\n                    isVisible={isTypeVisible}\r\n                    onMouseEnter={() => menusDispatch({ type: 'SET_CURRENT_SENSOR_ID', payload: { currentSensorId: sensor.id } })}\r\n                    onMouseLeave={() => menusDispatch({ type: 'SET_CURRENT_SENSOR_ID', payload: { currentSensorId: null } })}\r\n                  />\r\n                ))}\r\n              </div>\r\n            </CollapsibleSection>\r\n          )\r\n        })\r\n      ) : (\r\n        Object.entries(sensorsByTag).map(([tag, sensorsOfTag]) => {\r\n          const isTagVisible = visibleSensorTags?.[currentViewer]?.includes(tag) ?? false\r\n          return (\r\n          <CollapsibleSection\r\n            key={tag}\r\n            title={tag === UNTAGGED_TAG ? t('untagged') : tag}\r\n            icon={LR.Tag}\r\n            colour={stringToColour(tag, 'max')}\r\n            className=\"overflow-y-auto\"\r\n            itemCount={sensorsOfTag.length}\r\n            defaultOpen={false}\r\n            switchVariant={{\r\n              checked: isTagVisible,\r\n              onCheckedChange: () => toggleSensorTagVisibility(tag),\r\n            }}\r\n          >\r\n            <div className=\"space-y-2 mx-2 pr-2\">\r\n              {sensorsOfTag.map((sensor) => {\r\n                const type = sensorTypes.find(tp => tp.id === sensor.typeId)\r\n                return (\r\n                  <CollapsibleSensorItem\r\n                    key={sensor.id}\r\n                    sensor={sensor}\r\n                    sensorType={type}\r\n                    onAction={handleSensorAction}\r\n                    isVisible={isTagVisible}\r\n                    onMouseEnter={() => menusDispatch({ type: 'SET_CURRENT_SENSOR_ID', payload: { currentSensorId: sensor.id } })}\r\n                    onMouseLeave={() => menusDispatch({ type: 'SET_CURRENT_SENSOR_ID', payload: { currentSensorId: null } })}\r\n                  />\r\n                )\r\n              })}\r\n            </div>\r\n          </CollapsibleSection>\r\n          )\r\n        })\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"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","names":["_a","_b","t"]}

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

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare function SensorsSectionSkeleton(): React.JSX.Element;
+//# sourceMappingURL=SensorsSectionSkeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SensorsSectionSkeleton.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Sensors/SensorsSectionSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA4B9B,wBAAgB,sBAAsB,sBAQrC"}

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

@@ -0,0 +1,20 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Skeleton } from "../Skeleton";
+function SensorGroupSkeleton() {
+  return /* @__PURE__ */ jsx("div", { className: "w-full flex flex-col", children: /* @__PURE__ */ jsx("div", { className: "px-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 p-1", children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4 rounded-sm shrink-0" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-28" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-5 rounded-full" }),
+    /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-9 rounded-full" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4 rounded-sm" })
+    ] })
+  ] }) }) });
+}
+function SensorsSectionSkeleton() {
+  return /* @__PURE__ */ jsx("div", { className: "flex-1 flex flex-col space-y-1 overflow-hidden", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsx(SensorGroupSkeleton, {}, i)) });
+}
+export {
+  SensorsSectionSkeleton
+};
+//# sourceMappingURL=SensorsSectionSkeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/core/components/ui/Sensors/SensorsSectionSkeleton.tsx"],"sourcesContent":["import * as React from 'react'\r\nimport { Skeleton } from '../Skeleton'\r\n\r\nfunction SensorGroupSkeleton() {\r\n  return (\r\n    <div className=\"w-full flex flex-col\">\r\n      {/* Matches CollapsibleSection header: px-3, flex gap-2, p-1 */}\r\n      <div className=\"px-3\">\r\n        <div className=\"flex items-center gap-2 p-1\">\r\n          {/* icon */}\r\n          <Skeleton className=\"h-4 w-4 rounded-sm shrink-0\" />\r\n          {/* title */}\r\n          <Skeleton className=\"h-4 w-28\" />\r\n          {/* item count badge */}\r\n          <Skeleton className=\"h-4 w-5 rounded-full\" />\r\n          {/* spacer */}\r\n          <div className=\"ml-auto flex items-center gap-2\">\r\n            {/* switch */}\r\n            <Skeleton className=\"h-5 w-9 rounded-full\" />\r\n            {/* chevron */}\r\n            <Skeleton className=\"h-4 w-4 rounded-sm\" />\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport function SensorsSectionSkeleton() {\r\n  return (\r\n    <div className=\"flex-1 flex flex-col space-y-1 overflow-hidden\">\r\n      {Array.from({ length: 4 }).map((_, i) => (\r\n        <SensorGroupSkeleton key={i} />\r\n      ))}\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"AAUU,cAMA,YANA;AATV,SAAS,gBAAgB;AAEzB,SAAS,sBAAsB;AAC7B,SACE,oBAAC,SAAI,WAAU,wBAEb,8BAAC,SAAI,WAAU,QACb,+BAAC,SAAI,WAAU,+BAEb;AAAA,wBAAC,YAAS,WAAU,+BAA8B;AAAA,IAElD,oBAAC,YAAS,WAAU,YAAW;AAAA,IAE/B,oBAAC,YAAS,WAAU,wBAAuB;AAAA,IAE3C,qBAAC,SAAI,WAAU,mCAEb;AAAA,0BAAC,YAAS,WAAU,wBAAuB;AAAA,MAE3C,oBAAC,YAAS,WAAU,sBAAqB;AAAA,OAC3C;AAAA,KACF,GACF,GACF;AAEJ;AAEO,SAAS,yBAAyB;AACvC,SACE,oBAAC,SAAI,WAAU,kDACZ,gBAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MACjC,oBAAC,yBAAyB,CAAG,CAC9B,GACH;AAEJ;","names":[]}

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

@@ -0,0 +1,14 @@
+import type { SensorTypes } from '../../../types/dbTypes';
+import * as LR from 'lucide-react';
+export declare const sensorTypeIcons: Record<SensorTypes, LR.LucideIcon>;
+export declare function getSensorTypeIcon(sensorType: `${SensorTypes}`): LR.LucideIcon;
+type ColorPalette = {
+    max: string;
+    mid: string;
+    min: string;
+};
+export declare const sensorTypeColors: Record<SensorTypes, ColorPalette>;
+export declare const defaultPalette: ColorPalette;
+export declare function getSensorTypeColors(sensorType: `${SensorTypes}`): ColorPalette;
+export {};
+//# sourceMappingURL=sensorUtils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sensorUtils.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Sensors/sensorUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,EAAE,MAAM,cAAc,CAAA;AAElC,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,WAAW,EAAE,EAAE,CAAC,UAAU,CAY9D,CAAA;AAED,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,GAAG,WAAW,EAAE,GAAG,EAAE,CAAC,UAAU,CAE7E;AAGD,KAAK,YAAY,GAAG;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,WAAW,EAAE,YAAY,CA6D9D,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,YAI5B,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,GAAG,WAAW,EAAE,GAAG,YAAY,CAE9E"}