@collabdt/core 0.3.0 → 0.3.2

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/core/components/ui/Sensors/SensorsSection.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 React from 'react'\r\nimport { BuildingsContext, MenusContext, ToolsContext } from '../../../store'\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\nimport { resolveLucideIcon } from './sensorUtils'\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({ minioBaseUrl }: { minioBaseUrl?: string }) {\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 = resolveLucideIcon(type?.icon)\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                    minioBaseUrl={minioBaseUrl}\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                    minioBaseUrl={minioBaseUrl}\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"]}
+{"version":3,"sources":["../../../../../src/core/components/ui/Sensors/SensorsSection.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 { useTranslations } from 'next-intl'\r\nimport * as React from 'react'\r\nimport { toast } from 'sonner'\r\n\r\nimport { useSensor, useSensors } from '../../../hooks/sensors/sensors'\r\nimport { useSensorTypes } from '../../../hooks/sensorTypes/sensorTypes'\r\nimport { BuildingsContext, MenusContext, ToolsContext } from '../../../store'\r\nimport { stringToColour } from '../../viewers/map/utils/stringToColour'\r\nimport { Button } from '../Button'\r\nimport { CollapsibleSection } from '../CollapsibleSection'\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 { SearchInput } from '../SearchInput'\r\n\r\nimport { CollapsibleSensorItem } from './CollapsibleSensorItem'\r\nimport { SensorsSectionSkeleton } from './SensorsSectionSkeleton'\r\nimport { resolveLucideIcon } from './sensorUtils'\r\n\r\nimport type { Sensor } from '../../../types/dbTypes';\r\n\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({ minioBaseUrl }: { minioBaseUrl?: string }) {\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        // ⚠️ View sensor action not implemented\r\n        break\r\n      case 'edit':\r\n        // ⚠️ Edit sensor action not implemented\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 = resolveLucideIcon(type?.icon)\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                    minioBaseUrl={minioBaseUrl}\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                    minioBaseUrl={minioBaseUrl}\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.map

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/core/components/ui/Sensors/SensorsSectionSkeleton.tsx"],"sourcesContent":["// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * 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":"AAaU,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":[]}
+{"version":3,"sources":["../../../../../src/core/components/ui/Sensors/SensorsSectionSkeleton.tsx"],"sourcesContent":["// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as React from 'react'\r\n\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":"AAcU,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

@@ -1,5 +1,5 @@
-import type { SensorTypes } from '../../../types/dbTypes';
 import * as LR from 'lucide-react';
+import type { SensorTypes } from '../../../types/dbTypes';
 export declare const sensorTypeIcons: Record<SensorTypes, LR.LucideIcon>;
 export declare function getSensorTypeIcon(sensorType: `${SensorTypes}`): LR.LucideIcon;
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"sensorUtils.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Sensors/sensorUtils.ts"],"names":[],"mappings":"AAGA,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;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,EAAE,CAAC,UAAU,CAKpF;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"}
+{"version":3,"file":"sensorUtils.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Sensors/sensorUtils.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,cAAc,CAAA;AAElC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE1D,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;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,EAAE,CAAC,UAAU,CAKpF;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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/core/components/ui/Sensors/sensorUtils.ts"],"sourcesContent":["// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport type { SensorTypes } from '../../../types/dbTypes';\r\nimport * as LR from 'lucide-react'\r\n\r\nexport const sensorTypeIcons: Record<SensorTypes, LR.LucideIcon> = {\r\n  'Temperature': LR.Thermometer,\r\n  'Light': LR.Sun,\r\n  'Humidity': LR.Droplets,\r\n  'Energy_Consumption': LR.Zap,\r\n  'Movement': LR.Cctv,\r\n  'Air_Quality': LR.Wind,\r\n  'Atmospheric_Pressure': LR.Gauge,\r\n  'Irradiance': LR.Radiation,\r\n  'Flow': LR.Waves,\r\n  'State': LR.ToggleLeft,\r\n  'Noise_Level': LR.Volume2,\r\n}\r\n\r\nexport function getSensorTypeIcon(sensorType: `${SensorTypes}`): LR.LucideIcon {\r\n  return sensorTypeIcons[sensorType] || LR.Radio\r\n}\r\n\r\n/**\r\n * Sensor types also carry a free-text `icon` field (set via an admin UI) that\r\n * gets indexed directly into the lucide-react namespace. Unlike a lookup\r\n * miss (which just returns `undefined`), a value that happens to match a\r\n * non-component export (e.g. a type/helper name) would pass a plain\r\n * `LR[name] || LR.Radio` check and throw when rendered as JSX — validate the\r\n * resolved value actually looks like a component first.\r\n */\r\nexport function resolveLucideIcon(iconName: string | null | undefined): LR.LucideIcon {\r\n  const candidate = iconName ? (LR as unknown as Record<string, unknown>)[iconName] : undefined\r\n  const isIconComponent = typeof candidate === 'function'\r\n    || (typeof candidate === 'object' && candidate !== null && '$$typeof' in candidate)\r\n  return (isIconComponent ? candidate : LR.Radio) as LR.LucideIcon\r\n}\r\n\r\n// Define a type for your color palette\r\ntype ColorPalette = {\r\n  max: string;   // Main icon color\r\n  mid: string;   // Muted accent\r\n  min: string;   // Very light max\r\n};\r\n\r\n// Muted, non-dramatic color map\r\nexport const sensorTypeColors: Record<SensorTypes, ColorPalette> = {\r\n  'Temperature': { \r\n    max: '#EF4444',   // Bold Red (Hot)\r\n    mid: '#F8FAFC',   // Slate-50 (Neutral/White)\r\n    min: '#3B82F6'    // Bold Blue (Cold)\r\n  },\r\n  'Energy_Consumption': { \r\n    max: '#B91C1C',   // Deep Red (High Usage)\r\n    mid: '#FACC15',   // Bright Yellow (Moderate)\r\n    min: '#16A34A'    // Green (Efficient)\r\n  },\r\n  'Air_Quality': { \r\n    max: '#7F1D1D',   // Dark Maroon (Poor)\r\n    mid: '#F97316',   // Orange (Moderate)\r\n    min: '#10B981'    // Emerald (Clean)\r\n  },\r\n  'Humidity': { \r\n    max: '#1E3A8A',   // Navy (Saturated/Wet)\r\n    mid: '#60A5FA',   // Sky Blue\r\n    min: '#E0F2FE'    // Very Light Blue (Dry)\r\n  },\r\n  'Light': { \r\n    max: '#FDE047',   // Sun Yellow (Bright)\r\n    mid: '#F59E0B',   // Amber\r\n    min: '#451A03'    // Dark Brown (Dim/Dark)\r\n  },\r\n  // 'Battery': { // Bonus for consistency\r\n  //   max: '#059669',   // Green (Full)\r\n  //   mid: '#EAB308',   // Yellow (Medium)\r\n  //   min: '#DC2626'    // Red (Critical)\r\n  // },\r\n  'Flow': { \r\n    max: '#0891B2',   // Dark Cyan (High Flow)\r\n    mid: '#22D3EE',   // Cyan\r\n    min: '#CFFAFE'    // Pale Cyan\r\n  },\r\n  'Movement': { \r\n    max: '#475569',   // Slate-600 (Active)\r\n    mid: '#94A3B8',   // Slate-400\r\n    min: '#F1F5F9'    // Slate-100 (Still)\r\n  },\r\n  'Atmospheric_Pressure': { \r\n    max: '#4338CA',   // Indigo-700\r\n    mid: '#818CF8',   // Indigo-400\r\n    min: '#E0E7FF'    // Indigo-100\r\n  },\r\n  'Irradiance': { \r\n    max: '#EA580C',   // Deep Orange\r\n    mid: '#FB923C',   // Orange\r\n    min: '#FFF7ED'    // Shell\r\n  },\r\n  'State': { \r\n    max: '#27272A',   // Zinc-800\r\n    mid: '#71717A',   // Zinc-500\r\n    min: '#F4F4F5'    // Zinc-100\r\n  },\r\n  'Noise_Level': {\r\n    max: '#EC4899',   // Pink-500 (Loud/Peak)\r\n    mid: '#8B5CF6',   // Violet-500 (Active)\r\n    min: '#14B8A6'    // Teal-500 (Silent/Background)\r\n  }\r\n};\r\n\r\n// Fallback palette (Neutral Grey)\r\nexport const defaultPalette: ColorPalette = {\r\n    max: '#B91C1C',   // Deep Red (High Usage)\r\n    mid: '#FACC15',   // Bright Yellow (Moderate)\r\n    min: '#16A34A'    // Green (Efficient)\r\n};\r\n\r\nexport function getSensorTypeColors(sensorType: `${SensorTypes}`): ColorPalette { \r\n  return sensorTypeColors[sensorType] || defaultPalette;\r\n}"],"mappings":"AAIA,YAAY,QAAQ;AAEb,MAAM,kBAAsD;AAAA,EACjE,eAAe,GAAG;AAAA,EAClB,SAAS,GAAG;AAAA,EACZ,YAAY,GAAG;AAAA,EACf,sBAAsB,GAAG;AAAA,EACzB,YAAY,GAAG;AAAA,EACf,eAAe,GAAG;AAAA,EAClB,wBAAwB,GAAG;AAAA,EAC3B,cAAc,GAAG;AAAA,EACjB,QAAQ,GAAG;AAAA,EACX,SAAS,GAAG;AAAA,EACZ,eAAe,GAAG;AACpB;AAEO,SAAS,kBAAkB,YAA6C;AAC7E,SAAO,gBAAgB,UAAU,KAAK,GAAG;AAC3C;AAUO,SAAS,kBAAkB,UAAoD;AACpF,QAAM,YAAY,WAAY,GAA0C,QAAQ,IAAI;AACpF,QAAM,kBAAkB,OAAO,cAAc,cACvC,OAAO,cAAc,YAAY,cAAc,QAAQ,cAAc;AAC3E,SAAQ,kBAAkB,YAAY,GAAG;AAC3C;AAUO,MAAM,mBAAsD;AAAA,EACjE,eAAe;AAAA,IACb,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AAAA,EACA,sBAAsB;AAAA,IACpB,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AAAA,EACA,eAAe;AAAA,IACb,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AAAA,EACA,YAAY;AAAA,IACV,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AAAA,EACA,SAAS;AAAA,IACP,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,QAAQ;AAAA,IACN,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AAAA,EACA,YAAY;AAAA,IACV,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AAAA,EACA,wBAAwB;AAAA,IACtB,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AAAA,EACA,cAAc;AAAA,IACZ,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AAAA,EACA,SAAS;AAAA,IACP,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AAAA,EACA,eAAe;AAAA,IACb,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AACF;AAGO,MAAM,iBAA+B;AAAA,EACxC,KAAK;AAAA;AAAA,EACL,KAAK;AAAA;AAAA,EACL,KAAK;AAAA;AACT;AAEO,SAAS,oBAAoB,YAA4C;AAC9E,SAAO,iBAAiB,UAAU,KAAK;AACzC;","names":[]}
+{"version":3,"sources":["../../../../../src/core/components/ui/Sensors/sensorUtils.ts"],"sourcesContent":["// 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\n\r\nimport type { SensorTypes } from '../../../types/dbTypes';\r\n\r\nexport const sensorTypeIcons: Record<SensorTypes, LR.LucideIcon> = {\r\n  'Temperature': LR.Thermometer,\r\n  'Light': LR.Sun,\r\n  'Humidity': LR.Droplets,\r\n  'Energy_Consumption': LR.Zap,\r\n  'Movement': LR.Cctv,\r\n  'Air_Quality': LR.Wind,\r\n  'Atmospheric_Pressure': LR.Gauge,\r\n  'Irradiance': LR.Radiation,\r\n  'Flow': LR.Waves,\r\n  'State': LR.ToggleLeft,\r\n  'Noise_Level': LR.Volume2,\r\n}\r\n\r\nexport function getSensorTypeIcon(sensorType: `${SensorTypes}`): LR.LucideIcon {\r\n  return sensorTypeIcons[sensorType] || LR.Radio\r\n}\r\n\r\n/**\r\n * Sensor types also carry a free-text `icon` field (set via an admin UI) that\r\n * gets indexed directly into the lucide-react namespace. Unlike a lookup\r\n * miss (which just returns `undefined`), a value that happens to match a\r\n * non-component export (e.g. a type/helper name) would pass a plain\r\n * `LR[name] || LR.Radio` check and throw when rendered as JSX — validate the\r\n * resolved value actually looks like a component first.\r\n */\r\nexport function resolveLucideIcon(iconName: string | null | undefined): LR.LucideIcon {\r\n  const candidate = iconName ? (LR as unknown as Record<string, unknown>)[iconName] : undefined\r\n  const isIconComponent = typeof candidate === 'function'\r\n    || (typeof candidate === 'object' && candidate !== null && '$$typeof' in candidate)\r\n  return (isIconComponent ? candidate : LR.Radio) as LR.LucideIcon\r\n}\r\n\r\n// Define a type for your color palette\r\ntype ColorPalette = {\r\n  max: string;   // Main icon color\r\n  mid: string;   // Muted accent\r\n  min: string;   // Very light max\r\n};\r\n\r\n// Muted, non-dramatic color map\r\nexport const sensorTypeColors: Record<SensorTypes, ColorPalette> = {\r\n  'Temperature': {\r\n    max: '#EF4444',   // Bold Red (Hot)\r\n    mid: '#F8FAFC',   // Slate-50 (Neutral/White)\r\n    min: '#3B82F6'    // Bold Blue (Cold)\r\n  },\r\n  'Energy_Consumption': {\r\n    max: '#B91C1C',   // Deep Red (High Usage)\r\n    mid: '#FACC15',   // Bright Yellow (Moderate)\r\n    min: '#16A34A'    // Green (Efficient)\r\n  },\r\n  'Air_Quality': {\r\n    max: '#7F1D1D',   // Dark Maroon (Poor)\r\n    mid: '#F97316',   // Orange (Moderate)\r\n    min: '#10B981'    // Emerald (Clean)\r\n  },\r\n  'Humidity': {\r\n    max: '#1E3A8A',   // Navy (Saturated/Wet)\r\n    mid: '#60A5FA',   // Sky Blue\r\n    min: '#E0F2FE'    // Very Light Blue (Dry)\r\n  },\r\n  'Light': {\r\n    max: '#FDE047',   // Sun Yellow (Bright)\r\n    mid: '#F59E0B',   // Amber\r\n    min: '#451A03'    // Dark Brown (Dim/Dark)\r\n  },\r\n  // 'Battery': { // Bonus for consistency\r\n  //   max: '#059669',   // Green (Full)\r\n  //   mid: '#EAB308',   // Yellow (Medium)\r\n  //   min: '#DC2626'    // Red (Critical)\r\n  // },\r\n  'Flow': {\r\n    max: '#0891B2',   // Dark Cyan (High Flow)\r\n    mid: '#22D3EE',   // Cyan\r\n    min: '#CFFAFE'    // Pale Cyan\r\n  },\r\n  'Movement': {\r\n    max: '#475569',   // Slate-600 (Active)\r\n    mid: '#94A3B8',   // Slate-400\r\n    min: '#F1F5F9'    // Slate-100 (Still)\r\n  },\r\n  'Atmospheric_Pressure': {\r\n    max: '#4338CA',   // Indigo-700\r\n    mid: '#818CF8',   // Indigo-400\r\n    min: '#E0E7FF'    // Indigo-100\r\n  },\r\n  'Irradiance': {\r\n    max: '#EA580C',   // Deep Orange\r\n    mid: '#FB923C',   // Orange\r\n    min: '#FFF7ED'    // Shell\r\n  },\r\n  'State': {\r\n    max: '#27272A',   // Zinc-800\r\n    mid: '#71717A',   // Zinc-500\r\n    min: '#F4F4F5'    // Zinc-100\r\n  },\r\n  'Noise_Level': {\r\n    max: '#EC4899',   // Pink-500 (Loud/Peak)\r\n    mid: '#8B5CF6',   // Violet-500 (Active)\r\n    min: '#14B8A6'    // Teal-500 (Silent/Background)\r\n  }\r\n};\r\n\r\n// Fallback palette (Neutral Grey)\r\nexport const defaultPalette: ColorPalette = {\r\n    max: '#B91C1C',   // Deep Red (High Usage)\r\n    mid: '#FACC15',   // Bright Yellow (Moderate)\r\n    min: '#16A34A'    // Green (Efficient)\r\n};\r\n\r\nexport function getSensorTypeColors(sensorType: `${SensorTypes}`): ColorPalette {\r\n  return sensorTypeColors[sensorType] || defaultPalette;\r\n}"],"mappings":"AAGA,YAAY,QAAQ;AAIb,MAAM,kBAAsD;AAAA,EACjE,eAAe,GAAG;AAAA,EAClB,SAAS,GAAG;AAAA,EACZ,YAAY,GAAG;AAAA,EACf,sBAAsB,GAAG;AAAA,EACzB,YAAY,GAAG;AAAA,EACf,eAAe,GAAG;AAAA,EAClB,wBAAwB,GAAG;AAAA,EAC3B,cAAc,GAAG;AAAA,EACjB,QAAQ,GAAG;AAAA,EACX,SAAS,GAAG;AAAA,EACZ,eAAe,GAAG;AACpB;AAEO,SAAS,kBAAkB,YAA6C;AAC7E,SAAO,gBAAgB,UAAU,KAAK,GAAG;AAC3C;AAUO,SAAS,kBAAkB,UAAoD;AACpF,QAAM,YAAY,WAAY,GAA0C,QAAQ,IAAI;AACpF,QAAM,kBAAkB,OAAO,cAAc,cACvC,OAAO,cAAc,YAAY,cAAc,QAAQ,cAAc;AAC3E,SAAQ,kBAAkB,YAAY,GAAG;AAC3C;AAUO,MAAM,mBAAsD;AAAA,EACjE,eAAe;AAAA,IACb,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AAAA,EACA,sBAAsB;AAAA,IACpB,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AAAA,EACA,eAAe;AAAA,IACb,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AAAA,EACA,YAAY;AAAA,IACV,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AAAA,EACA,SAAS;AAAA,IACP,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,QAAQ;AAAA,IACN,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AAAA,EACA,YAAY;AAAA,IACV,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AAAA,EACA,wBAAwB;AAAA,IACtB,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AAAA,EACA,cAAc;AAAA,IACZ,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AAAA,EACA,SAAS;AAAA,IACP,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AAAA,EACA,eAAe;AAAA,IACb,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AACF;AAGO,MAAM,iBAA+B;AAAA,EACxC,KAAK;AAAA;AAAA,EACL,KAAK;AAAA;AAAA,EACL,KAAK;AAAA;AACT;AAEO,SAAS,oBAAoB,YAA4C;AAC9E,SAAO,iBAAiB,UAAU,KAAK;AACzC;","names":[]}

package/dist/core/components/ui/Separator.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as React from 'react';
 declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Separator };
 //# sourceMappingURL=Separator.d.ts.map

package/dist/core/components/ui/Separator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/Separator.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAA;AAI/D,QAAA,MAAM,SAAS,6JAoBd,CAAA;AAGD,OAAO,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/Separator.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,SAAS,6JAoBd,CAAA;AAGD,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/core/components/ui/Separator.js

@@ -28,8 +28,8 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import { jsx } from "react/jsx-runtime";
-import * as React from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import * as React from "react";
 import { cn } from "../../utils/utils";
 const Separator = React.forwardRef(
   (_a, ref) => {

package/dist/core/components/ui/Separator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/core/components/ui/Separator.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 React from 'react'\r\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\r\n\r\nimport { cn } from '../../utils/utils'\r\n\r\nconst Separator = React.forwardRef<\r\n  React.ElementRef<typeof SeparatorPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\r\n>(\r\n  (\r\n    { className, orientation = 'horizontal', decorative = true, ...props },\r\n    ref,\r\n  ) => (\r\n    <SeparatorPrimitive.Root\r\n      ref={ref}\r\n      decorative={decorative}\r\n      orientation={orientation}\r\n      className={cn(\r\n        'shrink-0 bg-border',\r\n        orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]',\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  ),\r\n)\r\nSeparator.displayName = SeparatorPrimitive.Root.displayName\r\n\r\nexport { Separator }\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBI;AAbJ,YAAY,WAAW;AACvB,YAAY,wBAAwB;AAEpC,SAAS,UAAU;AAEnB,MAAM,YAAY,MAAM;AAAA,EAItB,CACE,IACA,QACA;AAFA,iBAAE,aAAW,cAAc,cAAc,aAAa,KAf1D,IAeI,IAA+D,kBAA/D,IAA+D,CAA7D,aAAW,eAA4B;AAGzC;AAAA,MAAC,mBAAmB;AAAA,MAAnB;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,gBAAgB,eAAe,mBAAmB;AAAA,UAClD;AAAA,QACF;AAAA,SACI;AAAA,IACN;AAAA;AAEJ;AACA,UAAU,cAAc,mBAAmB,KAAK;","names":[]}
+{"version":3,"sources":["../../../../src/core/components/ui/Separator.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 SeparatorPrimitive from '@radix-ui/react-separator'\r\nimport * as React from 'react'\r\n\r\nimport { cn } from '../../utils/utils'\r\n\r\nconst Separator = React.forwardRef<\r\n  React.ElementRef<typeof SeparatorPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\r\n>(\r\n  (\r\n    { className, orientation = 'horizontal', decorative = true, ...props },\r\n    ref,\r\n  ) => (\r\n    <SeparatorPrimitive.Root\r\n      ref={ref}\r\n      decorative={decorative}\r\n      orientation={orientation}\r\n      className={cn(\r\n        'shrink-0 bg-border',\r\n        orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]',\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  ),\r\n)\r\nSeparator.displayName = SeparatorPrimitive.Root.displayName\r\n\r\nexport { Separator }\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBI;AAbJ,YAAY,wBAAwB;AACpC,YAAY,WAAW;AAEvB,SAAS,UAAU;AAEnB,MAAM,YAAY,MAAM;AAAA,EAItB,CACE,IACA,QACA;AAFA,iBAAE,aAAW,cAAc,cAAc,aAAa,KAf1D,IAeI,IAA+D,kBAA/D,IAA+D,CAA7D,aAAW,eAA4B;AAGzC;AAAA,MAAC,mBAAmB;AAAA,MAAnB;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,gBAAgB,eAAe,mBAAmB;AAAA,UAClD;AAAA,QACF;AAAA,SACI;AAAA,IACN;AAAA;AAEJ;AACA,UAAU,cAAc,mBAAmB,KAAK;","names":[]}

package/dist/core/components/ui/SettingsButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsButton.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/SettingsButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAa9B,MAAM,CAAC,OAAO,UAAU,cAAc,sBA8BrC"}
+{"version":3,"file":"SettingsButton.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/SettingsButton.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAe9B,MAAM,CAAC,OAAO,UAAU,cAAc,sBA8BrC"}

package/dist/core/components/ui/SettingsButton.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
-import * as React from "react";
 import { Settings2 } from "lucide-react";
-import ToolbarButton from "./ToolbarButton";
-import { Menubar } from "./Menubar";
 import { useTranslations } from "next-intl";
-import { useSidebar } from "./Sidebar";
+import * as React from "react";
 import { useIsMobile } from "../../hooks/ui/use-mobile";
 import { MenusContext } from "../../store";
+import { Menubar } from "./Menubar";
+import { useSidebar } from "./Sidebar";
+import ToolbarButton from "./ToolbarButton";
 function SettingsButton() {
   const t = useTranslations("SettingsButton");
   const isMobile = useIsMobile();

package/dist/core/components/ui/SettingsButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/core/components/ui/SettingsButton.tsx"],"sourcesContent":["// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\n// Shadcn Components\r\nimport * as React from 'react'\r\nimport { Settings2 } from 'lucide-react'\r\nimport type { Tool } from '../../types/tools'\r\nimport ToolbarButton from './ToolbarButton'\r\nimport { Menubar } from './Menubar'\r\nimport { useTranslations } from 'next-intl'\r\nimport { useSidebar } from './Sidebar'\r\nimport { useIsMobile } from '../../hooks/ui/use-mobile'\r\nimport { MenusContext } from '../../store'\r\n\r\n\r\n// Components\r\n\r\nexport default function SettingsButton() {\r\n  // Translation\r\n  const t = useTranslations('SettingsButton')\r\n\r\n  const isMobile = useIsMobile()\r\n  if (isMobile) return null\r\n\r\n  const tool: Tool = {\r\n    id: 'settings',\r\n    title: t('title'),\r\n    icon: Settings2,\r\n    stayActive: false,\r\n    height: '6',\r\n  }\r\n\r\n  const { setOpenInfo } = useSidebar()\r\n\r\n  const { dispatch: menusDispatch } = React.useContext(MenusContext)\r\n  const onclick = () => {\r\n    setOpenInfo(true)\r\n    menusDispatch({ type: 'SET_SIDEBAR_SELECTED_TAB', payload: { selectedTab: 'settings' } })\r\n  }\r\n\r\n  return (\r\n    <div className=\"absolute top-24 right-0 m-[10px] z-10\" onClick={onclick}>\r\n      <Menubar className=\"flex flex-row gap-2 justify-center w-[28.99px] bg-primary-light rounded space-y-0 p-0\">\r\n        <ToolbarButton tool={tool} />\r\n      </Menubar>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"AA2CQ;AAvCR,YAAY,WAAW;AACvB,SAAS,iBAAiB;AAE1B,OAAO,mBAAmB;AAC1B,SAAS,eAAe;AACxB,SAAS,uBAAuB;AAChC,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAKd,SAAR,iBAAkC;AAEvC,QAAM,IAAI,gBAAgB,gBAAgB;AAE1C,QAAM,WAAW,YAAY;AAC7B,MAAI,SAAU,QAAO;AAErB,QAAM,OAAa;AAAA,IACjB,IAAI;AAAA,IACJ,OAAO,EAAE,OAAO;AAAA,IAChB,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,QAAQ;AAAA,EACV;AAEA,QAAM,EAAE,YAAY,IAAI,WAAW;AAEnC,QAAM,EAAE,UAAU,cAAc,IAAI,MAAM,WAAW,YAAY;AACjE,QAAM,UAAU,MAAM;AACpB,gBAAY,IAAI;AAChB,kBAAc,EAAE,MAAM,4BAA4B,SAAS,EAAE,aAAa,WAAW,EAAE,CAAC;AAAA,EAC1F;AAEA,SACE,oBAAC,SAAI,WAAU,yCAAwC,SAAS,SAC9D,8BAAC,WAAQ,WAAU,yFACjB,8BAAC,iBAAc,MAAY,GAC7B,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/core/components/ui/SettingsButton.tsx"],"sourcesContent":["// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\n// Shadcn Components\r\nimport { Settings2 } from 'lucide-react'\r\nimport { useTranslations } from 'next-intl'\r\nimport * as React from 'react'\r\n\r\n\r\nimport { useIsMobile } from '../../hooks/ui/use-mobile'\r\nimport { MenusContext } from '../../store'\r\n\r\nimport { Menubar } from './Menubar'\r\nimport { useSidebar } from './Sidebar'\r\nimport ToolbarButton from './ToolbarButton'\r\n\r\nimport type { Tool } from '../../types/tools'\r\n\r\n\r\n// Components\r\n\r\nexport default function SettingsButton() {\r\n  // Translation\r\n  const t = useTranslations('SettingsButton')\r\n\r\n  const isMobile = useIsMobile()\r\n  if (isMobile) return null\r\n\r\n  const tool: Tool = {\r\n    id: 'settings',\r\n    title: t('title'),\r\n    icon: Settings2,\r\n    stayActive: false,\r\n    height: '6',\r\n  }\r\n\r\n  const { setOpenInfo } = useSidebar()\r\n\r\n  const { dispatch: menusDispatch } = React.useContext(MenusContext)\r\n  const onclick = () => {\r\n    setOpenInfo(true)\r\n    menusDispatch({ type: 'SET_SIDEBAR_SELECTED_TAB', payload: { selectedTab: 'settings' } })\r\n  }\r\n\r\n  return (\r\n    <div className=\"absolute top-24 right-0 m-[10px] z-10\" onClick={onclick}>\r\n      <Menubar className=\"flex flex-row gap-2 justify-center w-[28.99px] bg-primary-light rounded space-y-0 p-0\">\r\n        <ToolbarButton tool={tool} />\r\n      </Menubar>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"AA+CQ;AA3CR,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC,YAAY,WAAW;AAGvB,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAE7B,SAAS,eAAe;AACxB,SAAS,kBAAkB;AAC3B,OAAO,mBAAmB;AAOX,SAAR,iBAAkC;AAEvC,QAAM,IAAI,gBAAgB,gBAAgB;AAE1C,QAAM,WAAW,YAAY;AAC7B,MAAI,SAAU,QAAO;AAErB,QAAM,OAAa;AAAA,IACjB,IAAI;AAAA,IACJ,OAAO,EAAE,OAAO;AAAA,IAChB,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,QAAQ;AAAA,EACV;AAEA,QAAM,EAAE,YAAY,IAAI,WAAW;AAEnC,QAAM,EAAE,UAAU,cAAc,IAAI,MAAM,WAAW,YAAY;AACjE,QAAM,UAAU,MAAM;AACpB,gBAAY,IAAI;AAChB,kBAAc,EAAE,MAAM,4BAA4B,SAAS,EAAE,aAAa,WAAW,EAAE,CAAC;AAAA,EAC1F;AAEA,SACE,oBAAC,SAAI,WAAU,yCAAwC,SAAS,SAC9D,8BAAC,WAAQ,WAAU,yFACjB,8BAAC,iBAAc,MAAY,GAC7B,GACF;AAEJ;","names":[]}

package/dist/core/components/ui/ShareFeature/ShareToolSubmenu.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Tool } from '../../../types/tools';
+import type { Tool } from '../../../types/tools';
 interface ShareToolSubmenuProps {
     tool: Tool;
     constructShareUrl: () => Promise<string>;

package/dist/core/components/ui/ShareFeature/ShareToolSubmenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShareToolSubmenu.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/ShareFeature/ShareToolSubmenu.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAiC3C,UAAU,qBAAqB;IAC7B,IAAI,EAAE,IAAI,CAAA;IACV,iBAAiB,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAA;IACxC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA2S5D,CAAA"}
+{"version":3,"file":"ShareToolSubmenu.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/ShareFeature/ShareToolSubmenu.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiC/B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAEhD,UAAU,qBAAqB;IAC7B,IAAI,EAAE,IAAI,CAAA;IACV,iBAAiB,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAA;IACxC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA2S5D,CAAA"}

package/dist/core/components/ui/ShareFeature/ShareToolSubmenu.js

@@ -1,12 +1,18 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
+import {
+  Link,
+  ScanQrCode,
+  Camera
+} from "lucide-react";
 import { useRouter, usePathname } from "next/navigation";
 import { useTranslations } from "next-intl";
+import * as React from "react";
+import { toast } from "sonner";
+import { MenusContext, MapContext, BimContext } from "../../../store";
 import { ViewerNames } from "../../../types/";
-import {
-  DropdownMenuItem
-} from "../DropdownMenu";
+import { ToolbarSubmenu } from "../../ToolbarSubmenu";
+import { Button } from "../Button";
 import {
   Dialog,
   DialogContent,
@@ -14,18 +20,12 @@ import {
   DialogTitle,
   DialogTrigger
 } from "../Dialog";
-import { Input } from "../Input";
-import { Button } from "../Button";
-import { toast } from "sonner";
 import {
-  Link,
-  ScanQrCode,
-  Camera
-} from "lucide-react";
-import QRCodeWithLink from "./QRCodeWithLink";
-import { ToolbarSubmenu } from "../../ToolbarSubmenu";
+  DropdownMenuItem
+} from "../DropdownMenu";
+import { Input } from "../Input";
 import { LoadingSpinner } from "../LoadingSpinner";
-import { MenusContext, MapContext, BimContext } from "../../../store";
+import QRCodeWithLink from "./QRCodeWithLink";
 const ShareToolSubmenu = ({
   tool,
   constructShareUrl,

package/dist/core/components/ui/ShareFeature/ShareToolSubmenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/core/components/ui/ShareFeature/ShareToolSubmenu.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 React from \"react\";\r\nimport { useRouter, usePathname } from 'next/navigation'\r\nimport { useTranslations } from 'next-intl'\r\n\r\n// Utilities\r\nimport { Tool } from '../../../types/tools'\r\nimport { ViewerNames } from '../../../types/'\r\n\r\n// Shadcn components\r\nimport {\r\n  DropdownMenuItem,\r\n} from '../DropdownMenu'\r\nimport {\r\n  Dialog,\r\n  DialogContent,\r\n  DialogHeader,\r\n  DialogTitle,\r\n  DialogTrigger,\r\n} from '../Dialog'\r\nimport { Input } from '../Input'\r\nimport { Button } from '../Button'\r\nimport { toast } from 'sonner'\r\n\r\n// Icons\r\nimport {\r\n  Link,\r\n  ScanQrCode,\r\n  Camera,\r\n  ChevronDown,\r\n} from 'lucide-react'\r\n\r\n// Custom components\r\nimport QRCodeWithLink from './QRCodeWithLink'\r\nimport { ToolbarSubmenu } from '../../ToolbarSubmenu'\r\nimport { LoadingSpinner } from '../LoadingSpinner'\r\n\r\nimport { MenusContext, MapContext, BimContext } from '../../../store'\r\n\r\ninterface ShareToolSubmenuProps {\r\n  tool: Tool\r\n  constructShareUrl: () => Promise<string>\r\n  translationKey?: string\r\n  dialogTitleKey?: string\r\n}\r\n\r\nexport const ShareToolSubmenu: React.FC<ShareToolSubmenuProps> = ({ \r\n  tool, \r\n  constructShareUrl, \r\n  translationKey = 'ShareTool',\r\n  dialogTitleKey\r\n}) => {\r\n  // Translation\r\n \r\n  const t = useTranslations(\"ShareTool\")\r\n  // Get current viewer from context\r\n  const { state: menusState } = React.useContext(MenusContext)\r\n  const { currentViewer } = menusState.menus\r\n\r\n  // Get map instance from context\r\n  const { state: mapState } = React.useContext(MapContext)\r\n  const { map } = mapState.map\r\n\r\n  const { state: bimState } = React.useContext(BimContext)\r\n  const { world } = bimState.bim\r\n\r\n  // route and navigation\r\n  const router = useRouter()\r\n  const pathname = usePathname()\r\n\r\n  // sharing\r\n  const [shareUrlLink, setShareUrlLink] = React.useState<string>('')\r\n  const [origin, setOrigin] = React.useState<string>('')\r\n\r\n  const [isLoadingShareLink, setIsLoadingShareLink] = React.useState(false)\r\n  const [isLoadingQRCode, setIsLoadingQRCode] = React.useState(false)\r\n\r\n  const [qrDialogOpen, setQrDialogOpen] = React.useState(false)\r\n\r\n  // screenshot state\r\n  const [screenshotDialogOpen, setScreenshotDialogOpen] = React.useState(false)\r\n  const [screenshotBlob, setScreenshotBlob] = React.useState<Blob | null>(null)\r\n  const [screenshotUrl, setScreenshotUrl] = React.useState<string>('')\r\n  const [screenshotName, setScreenshotName] = React.useState<string>('')\r\n  const [exportFormat, setExportFormat] = React.useState<'png' | 'pdf'>('png')\r\n\r\n  // set initial origin and url link\r\n  React.useEffect(() => {\r\n    setOrigin(window.location.origin)\r\n    setShareUrlLink(window.location.origin + pathname)\r\n  }, [pathname])\r\n\r\n  // Cleanup screenshot URL when dialog closes\r\n  React.useEffect(() => {\r\n    if (!screenshotDialogOpen && screenshotUrl) {\r\n      URL.revokeObjectURL(screenshotUrl)\r\n      setScreenshotUrl('')\r\n      setScreenshotBlob(null)\r\n    }\r\n  }, [screenshotDialogOpen, screenshotUrl])\r\n\r\n  // Get current view information and copy to clipboard\r\n  const handleClickShare = async () => {\r\n    setIsLoadingShareLink(true)\r\n    try {\r\n      const shareUrl = await constructShareUrl()\r\n      const writeToClipBoard = () => {\r\n        try {\r\n          navigator.clipboard.writeText(shareUrl)// this may causes error\r\n        }\r\n        catch {}\r\n      }\r\n      writeToClipBoard()\r\n      router.push(shareUrl, { scroll: false }) // push but do not refresh\r\n    }\r\n    catch (error) {\r\n      console.error('Failed to copy:', error)\r\n    }\r\n    finally {\r\n      setIsLoadingShareLink(false)\r\n    }\r\n    toast.success(t('copySuccess'))\r\n  }\r\n\r\n  // Get current view information and show QR dialog\r\n  const handleShareQR = async () => {\r\n    setIsLoadingQRCode(true)\r\n    try {\r\n      const shareUrl = await constructShareUrl()\r\n      setShareUrlLink(shareUrl)\r\n      router.push(shareUrl, { scroll: false }) // push but do not refresh\r\n      setQrDialogOpen(true)\r\n    }\r\n    catch (error) {\r\n      console.error('Failed to generate QR:', error)\r\n    }\r\n    finally {\r\n      setIsLoadingQRCode(false)\r\n    }\r\n  }\r\n\r\n  const handleClickScreenshot = async () => {\r\n    try {\r\n      let canvas: HTMLCanvasElement | null = null\r\n\r\n      // Access to the map instance for map viewer\r\n      if (currentViewer === ViewerNames.map && map) {\r\n        // Use the map's 'render' event to capture after render completes\r\n        const captureAfterRender = () => {\r\n          const mapCanvas = map.getCanvas()\r\n          mapCanvas.toBlob((blob) => {\r\n            if (!blob) return\r\n            \r\n            const url = URL.createObjectURL(blob)\r\n            setScreenshotBlob(blob)\r\n            setScreenshotUrl(url)\r\n            setScreenshotName(`screenshot-${currentViewer}-${Date.now()}`)\r\n            setScreenshotDialogOpen(true)\r\n          }, 'image/png', 1.0)\r\n        }\r\n\r\n        // Listen for the next render event\r\n        map.once('render', captureAfterRender)\r\n        // Trigger the repaint\r\n        map.triggerRepaint()\r\n        return\r\n      }\r\n      \r\n      // For BIM viewer, force a render then capture\r\n      if (currentViewer === ViewerNames.bim && world?.renderer && world?.scene && world?.camera) {\r\n        // Force Three.js to render\r\n        world.renderer.three.render(world.scene.three, world.camera.three)\r\n        \r\n        // Get the canvas and capture immediately after render\r\n        canvas = document.querySelector('#bim-viewer-container canvas')\r\n        if (canvas) {\r\n          canvas.toBlob((blob) => {\r\n            if (!blob) return\r\n            \r\n            const url = URL.createObjectURL(blob)\r\n            setScreenshotBlob(blob)\r\n            setScreenshotUrl(url)\r\n            setScreenshotName(`screenshot-${currentViewer}-${Date.now()}`)\r\n            setScreenshotDialogOpen(true)\r\n          }, 'image/png', 1.0)\r\n        }\r\n        return\r\n      }\r\n\r\n      if (currentViewer === ViewerNames.pointcloud) {\r\n        canvas = document.querySelector('#pointcloud-viewer-container canvas')\r\n      } else {\r\n        // Fallback to first canvas\r\n        canvas = document.querySelector('canvas')\r\n      }\r\n\r\n      if (!canvas) {\r\n        throw new Error('No canvas found')\r\n      }\r\n      canvas.toBlob((blob) => {\r\n        if (!blob) return\r\n        \r\n        const url = URL.createObjectURL(blob)\r\n        setScreenshotBlob(blob)\r\n        setScreenshotUrl(url)\r\n        setScreenshotName(`screenshot-${currentViewer}-${Date.now()}`)\r\n        setScreenshotDialogOpen(true)\r\n      }, 'image/png', 1.0)\r\n      \r\n    } catch (error) {\r\n      console.error('Screenshot failed:', error)\r\n    }\r\n    toast.success(t('ssSuccess'))\r\n  }\r\n\r\n  const handleDownloadScreenshot = async () => {\r\n    if (!screenshotUrl) return\r\n\r\n    if (exportFormat === 'pdf') {\r\n      const { default: jsPDF } = await import('jspdf')\r\n      const img = new Image()\r\n      img.onload = () => {\r\n        // Calculate dimensions to fit on page while maintaining aspect ratio\r\n        const pdf = new jsPDF({\r\n          orientation: img.width > img.height ? 'landscape' : 'portrait',\r\n          unit: 'px',\r\n          format: [img.width, img.height]\r\n        })\r\n        pdf.addImage(screenshotUrl, 'PNG', 0, 0, img.width, img.height)\r\n        pdf.save(`${screenshotName}.pdf`)\r\n        setScreenshotDialogOpen(false)\r\n      }\r\n      img.src = screenshotUrl\r\n    } else {\r\n      // Download as PNG\r\n      const a = document.createElement('a')\r\n      a.href = screenshotUrl\r\n      a.download = `${screenshotName}.png`\r\n      a.click()\r\n      setScreenshotDialogOpen(false)\r\n    }\r\n  }\r\n\r\n  // Check if current viewer supports screenshots\r\n  const canTakeScreenshot = [\r\n    ViewerNames.map, \r\n    ViewerNames.bim, \r\n    ViewerNames.pointcloud\r\n  ].includes(currentViewer as ViewerNames)\r\n\r\n  return (\r\n    <ToolbarSubmenu tool={tool}>\r\n      <Dialog open={qrDialogOpen} onOpenChange={setQrDialogOpen}>\r\n        <DropdownMenuItem onClick={(e) => { e.preventDefault() }} className=\"cursor-pointer\">\r\n          <DialogTrigger asChild>\r\n            <button onClick={handleShareQR} disabled={isLoadingQRCode} className=\"flex w-full gap-2 items-center\">\r\n              {isLoadingQRCode ? <LoadingSpinner /> : <ScanQrCode size={16} />}\r\n              <span>{isLoadingQRCode ? t('generating') : t('generate')}</span>\r\n            </button>\r\n          </DialogTrigger>\r\n        </DropdownMenuItem>\r\n\r\n        <DialogContent className=\"flex flex-col items-center gap-4 max-w-sm\">\r\n          <DialogHeader>\r\n            <DialogTitle>\r\n              {dialogTitleKey === 'map' \r\n                ? t('mapDialogTitle') \r\n                : dialogTitleKey === 'bim' \r\n                ? t('bimDialogTitle') \r\n                : t('pointCloudDialogTitle')}\r\n            </DialogTitle>\r\n          </DialogHeader>\r\n          <QRCodeWithLink title=\"\" urlToShare={shareUrlLink} isLoadingState={isLoadingQRCode} />\r\n        </DialogContent>\r\n      </Dialog>\r\n\r\n      {/* Copy to clipboard */}\r\n      <DropdownMenuItem onClick={handleClickShare} disabled={isLoadingShareLink} onSelect={(e) => { e.preventDefault() }} className=\"cursor-pointer\">\r\n        <div className=\"flex items-center w-full gap-2\">\r\n          {isLoadingShareLink ? <LoadingSpinner /> : <Link size={16} />}\r\n          <span>{isLoadingShareLink ? t('copying') : t('copy')}</span>\r\n        </div>\r\n      </DropdownMenuItem>\r\n\r\n      {/* Screenshot */}\r\n      {canTakeScreenshot && (\r\n        <Dialog open={screenshotDialogOpen} onOpenChange={setScreenshotDialogOpen}>\r\n          <DropdownMenuItem onClick={(e) => { e.preventDefault() }} className=\"cursor-pointer\">\r\n            <DialogTrigger asChild>\r\n              <button onClick={handleClickScreenshot} className=\"flex w-full gap-2 items-center\">\r\n                <Camera size={16}/>\r\n                <span>{t('ss')}</span>\r\n              </button>\r\n            </DialogTrigger>\r\n          </DropdownMenuItem>\r\n\r\n          <DialogContent>\r\n            <DialogHeader>\r\n              <DialogTitle>{t('ssDownload')}</DialogTitle>\r\n            </DialogHeader>\r\n            \r\n            <div className=\"flex flex-col gap-4\">\r\n              {screenshotUrl && (\r\n                <img \r\n                  src={screenshotUrl} \r\n                  alt=\"Screenshot preview\" \r\n                  className=\"w-full h-auto\"\r\n                />\r\n              )}\r\n              \r\n              <div className=\"flex flex-col gap-2\">\r\n                <label htmlFor=\"screenshot-name\">\r\n                  {t('fileName')}\r\n                </label>\r\n                <Input\r\n                  id=\"screenshot-name\"\r\n                  value={screenshotName}\r\n                  onChange={(e) => setScreenshotName(e.target.value)}\r\n                />\r\n              </div>\r\n\r\n              <div className=\"flex flex-col gap-2\">\r\n                <label htmlFor=\"export-format\">\r\n                  {t('format')}\r\n                </label>\r\n                <select\r\n                  id=\"export-format\"\r\n                  value={exportFormat}\r\n                  onChange={(e) => setExportFormat(e.target.value as 'png' | 'pdf')}\r\n                  className=\"flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\r\n                >\r\n                  <option value=\"png\">{t('png')}</option>\r\n                  <option value=\"pdf\">{t('pdf')}</option>\r\n                </select>\r\n              </div>\r\n\r\n              <Button onClick={handleDownloadScreenshot}>\r\n                {t('download')}\r\n              </Button>\r\n            </div>\r\n          </DialogContent>\r\n        </Dialog>\r\n      )}\r\n    </ToolbarSubmenu>\r\n  )\r\n}"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../../src/core/components/ui/ShareFeature/ShareToolSubmenu.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 {\r\n  Link,\r\n  ScanQrCode,\r\n  Camera,\r\n  ChevronDown,\r\n} from 'lucide-react'\r\nimport { useRouter, usePathname } from 'next/navigation'\r\nimport { useTranslations } from 'next-intl'\r\nimport * as React from \"react\";\r\n\r\n// Utilities\r\nimport { toast } from 'sonner'\r\n\r\nimport { MenusContext, MapContext, BimContext } from '../../../store'\r\nimport { ViewerNames } from '../../../types/'\r\n\r\n\r\n// Shadcn components\r\nimport { ToolbarSubmenu } from '../../ToolbarSubmenu'\r\nimport { Button } from '../Button'\r\nimport {\r\n  Dialog,\r\n  DialogContent,\r\n  DialogHeader,\r\n  DialogTitle,\r\n  DialogTrigger,\r\n} from '../Dialog'\r\nimport {\r\n  DropdownMenuItem,\r\n} from '../DropdownMenu'\r\nimport { Input } from '../Input'\r\n\r\n\r\n// Icons\r\n\r\n// Custom components\r\nimport { LoadingSpinner } from '../LoadingSpinner'\r\n\r\nimport QRCodeWithLink from './QRCodeWithLink'\r\n\r\n\r\nimport type { Tool } from '../../../types/tools'\r\n\r\ninterface ShareToolSubmenuProps {\r\n  tool: Tool\r\n  constructShareUrl: () => Promise<string>\r\n  translationKey?: string\r\n  dialogTitleKey?: string\r\n}\r\n\r\nexport const ShareToolSubmenu: React.FC<ShareToolSubmenuProps> = ({\r\n  tool,\r\n  constructShareUrl,\r\n  translationKey = 'ShareTool',\r\n  dialogTitleKey\r\n}) => {\r\n  // Translation\r\n\r\n  const t = useTranslations(\"ShareTool\")\r\n  // Get current viewer from context\r\n  const { state: menusState } = React.useContext(MenusContext)\r\n  const { currentViewer } = menusState.menus\r\n\r\n  // Get map instance from context\r\n  const { state: mapState } = React.useContext(MapContext)\r\n  const { map } = mapState.map\r\n\r\n  const { state: bimState } = React.useContext(BimContext)\r\n  const { world } = bimState.bim\r\n\r\n  // route and navigation\r\n  const router = useRouter()\r\n  const pathname = usePathname()\r\n\r\n  // sharing\r\n  const [shareUrlLink, setShareUrlLink] = React.useState<string>('')\r\n  const [origin, setOrigin] = React.useState<string>('')\r\n\r\n  const [isLoadingShareLink, setIsLoadingShareLink] = React.useState(false)\r\n  const [isLoadingQRCode, setIsLoadingQRCode] = React.useState(false)\r\n\r\n  const [qrDialogOpen, setQrDialogOpen] = React.useState(false)\r\n\r\n  // screenshot state\r\n  const [screenshotDialogOpen, setScreenshotDialogOpen] = React.useState(false)\r\n  const [screenshotBlob, setScreenshotBlob] = React.useState<Blob | null>(null)\r\n  const [screenshotUrl, setScreenshotUrl] = React.useState<string>('')\r\n  const [screenshotName, setScreenshotName] = React.useState<string>('')\r\n  const [exportFormat, setExportFormat] = React.useState<'png' | 'pdf'>('png')\r\n\r\n  // set initial origin and url link\r\n  React.useEffect(() => {\r\n    setOrigin(window.location.origin)\r\n    setShareUrlLink(window.location.origin + pathname)\r\n  }, [pathname])\r\n\r\n  // Cleanup screenshot URL when dialog closes\r\n  React.useEffect(() => {\r\n    if (!screenshotDialogOpen && screenshotUrl) {\r\n      URL.revokeObjectURL(screenshotUrl)\r\n      setScreenshotUrl('')\r\n      setScreenshotBlob(null)\r\n    }\r\n  }, [screenshotDialogOpen, screenshotUrl])\r\n\r\n  // Get current view information and copy to clipboard\r\n  const handleClickShare = async () => {\r\n    setIsLoadingShareLink(true)\r\n    try {\r\n      const shareUrl = await constructShareUrl()\r\n      const writeToClipBoard = () => {\r\n        try {\r\n          navigator.clipboard.writeText(shareUrl)// this may causes error\r\n        }\r\n        catch {}\r\n      }\r\n      writeToClipBoard()\r\n      router.push(shareUrl, { scroll: false }) // push but do not refresh\r\n    }\r\n    catch (error) {\r\n      console.error('Failed to copy:', error)\r\n    }\r\n    finally {\r\n      setIsLoadingShareLink(false)\r\n    }\r\n    toast.success(t('copySuccess'))\r\n  }\r\n\r\n  // Get current view information and show QR dialog\r\n  const handleShareQR = async () => {\r\n    setIsLoadingQRCode(true)\r\n    try {\r\n      const shareUrl = await constructShareUrl()\r\n      setShareUrlLink(shareUrl)\r\n      router.push(shareUrl, { scroll: false }) // push but do not refresh\r\n      setQrDialogOpen(true)\r\n    }\r\n    catch (error) {\r\n      console.error('Failed to generate QR:', error)\r\n    }\r\n    finally {\r\n      setIsLoadingQRCode(false)\r\n    }\r\n  }\r\n\r\n  const handleClickScreenshot = async () => {\r\n    try {\r\n      let canvas: HTMLCanvasElement | null = null\r\n\r\n      // Access to the map instance for map viewer\r\n      if (currentViewer === ViewerNames.map && map) {\r\n        // Use the map's 'render' event to capture after render completes\r\n        const captureAfterRender = () => {\r\n          const mapCanvas = map.getCanvas()\r\n          mapCanvas.toBlob((blob) => {\r\n            if (!blob) return\r\n\r\n            const url = URL.createObjectURL(blob)\r\n            setScreenshotBlob(blob)\r\n            setScreenshotUrl(url)\r\n            setScreenshotName(`screenshot-${currentViewer}-${Date.now()}`)\r\n            setScreenshotDialogOpen(true)\r\n          }, 'image/png', 1.0)\r\n        }\r\n\r\n        // Listen for the next render event\r\n        map.once('render', captureAfterRender)\r\n        // Trigger the repaint\r\n        map.triggerRepaint()\r\n        return\r\n      }\r\n\r\n      // For BIM viewer, force a render then capture\r\n      if (currentViewer === ViewerNames.bim && world?.renderer && world?.scene && world?.camera) {\r\n        // Force Three.js to render\r\n        world.renderer.three.render(world.scene.three, world.camera.three)\r\n\r\n        // Get the canvas and capture immediately after render\r\n        canvas = document.querySelector('#bim-viewer-container canvas')\r\n        if (canvas) {\r\n          canvas.toBlob((blob) => {\r\n            if (!blob) return\r\n\r\n            const url = URL.createObjectURL(blob)\r\n            setScreenshotBlob(blob)\r\n            setScreenshotUrl(url)\r\n            setScreenshotName(`screenshot-${currentViewer}-${Date.now()}`)\r\n            setScreenshotDialogOpen(true)\r\n          }, 'image/png', 1.0)\r\n        }\r\n        return\r\n      }\r\n\r\n      if (currentViewer === ViewerNames.pointcloud) {\r\n        canvas = document.querySelector('#pointcloud-viewer-container canvas')\r\n      } else {\r\n        // Fallback to first canvas\r\n        canvas = document.querySelector('canvas')\r\n      }\r\n\r\n      if (!canvas) {\r\n        throw new Error('No canvas found')\r\n      }\r\n      canvas.toBlob((blob) => {\r\n        if (!blob) return\r\n\r\n        const url = URL.createObjectURL(blob)\r\n        setScreenshotBlob(blob)\r\n        setScreenshotUrl(url)\r\n        setScreenshotName(`screenshot-${currentViewer}-${Date.now()}`)\r\n        setScreenshotDialogOpen(true)\r\n      }, 'image/png', 1.0)\r\n\r\n    } catch (error) {\r\n      console.error('Screenshot failed:', error)\r\n    }\r\n    toast.success(t('ssSuccess'))\r\n  }\r\n\r\n  const handleDownloadScreenshot = async () => {\r\n    if (!screenshotUrl) return\r\n\r\n    if (exportFormat === 'pdf') {\r\n      const { default: jsPDF } = await import('jspdf')\r\n      const img = new Image()\r\n      img.onload = () => {\r\n        // Calculate dimensions to fit on page while maintaining aspect ratio\r\n        const pdf = new jsPDF({\r\n          orientation: img.width > img.height ? 'landscape' : 'portrait',\r\n          unit: 'px',\r\n          format: [img.width, img.height]\r\n        })\r\n        pdf.addImage(screenshotUrl, 'PNG', 0, 0, img.width, img.height)\r\n        pdf.save(`${screenshotName}.pdf`)\r\n        setScreenshotDialogOpen(false)\r\n      }\r\n      img.src = screenshotUrl\r\n    } else {\r\n      // Download as PNG\r\n      const a = document.createElement('a')\r\n      a.href = screenshotUrl\r\n      a.download = `${screenshotName}.png`\r\n      a.click()\r\n      setScreenshotDialogOpen(false)\r\n    }\r\n  }\r\n\r\n  // Check if current viewer supports screenshots\r\n  const canTakeScreenshot = [\r\n    ViewerNames.map,\r\n    ViewerNames.bim,\r\n    ViewerNames.pointcloud\r\n  ].includes(currentViewer as ViewerNames)\r\n\r\n  return (\r\n    <ToolbarSubmenu tool={tool}>\r\n      <Dialog open={qrDialogOpen} onOpenChange={setQrDialogOpen}>\r\n        <DropdownMenuItem onClick={(e) => { e.preventDefault() }} className=\"cursor-pointer\">\r\n          <DialogTrigger asChild>\r\n            <button onClick={handleShareQR} disabled={isLoadingQRCode} className=\"flex w-full gap-2 items-center\">\r\n              {isLoadingQRCode ? <LoadingSpinner /> : <ScanQrCode size={16} />}\r\n              <span>{isLoadingQRCode ? t('generating') : t('generate')}</span>\r\n            </button>\r\n          </DialogTrigger>\r\n        </DropdownMenuItem>\r\n\r\n        <DialogContent className=\"flex flex-col items-center gap-4 max-w-sm\">\r\n          <DialogHeader>\r\n            <DialogTitle>\r\n              {dialogTitleKey === 'map'\r\n                ? t('mapDialogTitle')\r\n                : dialogTitleKey === 'bim'\r\n                ? t('bimDialogTitle')\r\n                : t('pointCloudDialogTitle')}\r\n            </DialogTitle>\r\n          </DialogHeader>\r\n          <QRCodeWithLink title=\"\" urlToShare={shareUrlLink} isLoadingState={isLoadingQRCode} />\r\n        </DialogContent>\r\n      </Dialog>\r\n\r\n      {/* Copy to clipboard */}\r\n      <DropdownMenuItem onClick={handleClickShare} disabled={isLoadingShareLink} onSelect={(e) => { e.preventDefault() }} className=\"cursor-pointer\">\r\n        <div className=\"flex items-center w-full gap-2\">\r\n          {isLoadingShareLink ? <LoadingSpinner /> : <Link size={16} />}\r\n          <span>{isLoadingShareLink ? t('copying') : t('copy')}</span>\r\n        </div>\r\n      </DropdownMenuItem>\r\n\r\n      {/* Screenshot */}\r\n      {canTakeScreenshot && (\r\n        <Dialog open={screenshotDialogOpen} onOpenChange={setScreenshotDialogOpen}>\r\n          <DropdownMenuItem onClick={(e) => { e.preventDefault() }} className=\"cursor-pointer\">\r\n            <DialogTrigger asChild>\r\n              <button onClick={handleClickScreenshot} className=\"flex w-full gap-2 items-center\">\r\n                <Camera size={16}/>\r\n                <span>{t('ss')}</span>\r\n              </button>\r\n            </DialogTrigger>\r\n          </DropdownMenuItem>\r\n\r\n          <DialogContent>\r\n            <DialogHeader>\r\n              <DialogTitle>{t('ssDownload')}</DialogTitle>\r\n            </DialogHeader>\r\n\r\n            <div className=\"flex flex-col gap-4\">\r\n              {screenshotUrl && (\r\n                <img\r\n                  src={screenshotUrl}\r\n                  alt=\"Screenshot preview\"\r\n                  className=\"w-full h-auto\"\r\n                />\r\n              )}\r\n\r\n              <div className=\"flex flex-col gap-2\">\r\n                <label htmlFor=\"screenshot-name\">\r\n                  {t('fileName')}\r\n                </label>\r\n                <Input\r\n                  id=\"screenshot-name\"\r\n                  value={screenshotName}\r\n                  onChange={(e) => setScreenshotName(e.target.value)}\r\n                />\r\n              </div>\r\n\r\n              <div className=\"flex flex-col gap-2\">\r\n                <label htmlFor=\"export-format\">\r\n                  {t('format')}\r\n                </label>\r\n                <select\r\n                  id=\"export-format\"\r\n                  value={exportFormat}\r\n                  onChange={(e) => setExportFormat(e.target.value as 'png' | 'pdf')}\r\n                  className=\"flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\r\n                >\r\n                  <option value=\"png\">{t('png')}</option>\r\n                  <option value=\"pdf\">{t('pdf')}</option>\r\n                </select>\r\n              </div>\r\n\r\n              <Button onClick={handleDownloadScreenshot}>\r\n                {t('download')}\r\n              </Button>\r\n            </div>\r\n          </DialogContent>\r\n        </Dialog>\r\n      )}\r\n    </ToolbarSubmenu>\r\n  )\r\n}"],"mappings":"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","names":[]}

package/dist/core/components/ui/Sheet.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
 import * as SheetPrimitive from '@radix-ui/react-dialog';
 import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
 declare const Sheet: React.FC<SheetPrimitive.DialogProps>;
 declare const SheetTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/core/components/ui/Sheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/Sheet.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE,QAAA,MAAM,KAAK,sCAAsB,CAAA;AAEjC,QAAA,MAAM,YAAY,6GAAyB,CAAA;AAE3C,QAAA,MAAM,UAAU,2GAAuB,CAAA;AAEvC,QAAA,MAAM,WAAW,4CAAwB,CAAA;AAEzC,QAAA,MAAM,YAAY,6JAYhB,CAAA;AAGF,QAAA,MAAM,aAAa;;iEAiBlB,CAAA;AAED,UAAU,iBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,EACrE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEvC,QAAA,MAAM,YAAY,0FAkBhB,CAAA;AAGF,QAAA,MAAM,WAAW;8BAGd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,WAAW;8BAGd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,UAAU,mKASd,CAAA;AAGF,QAAA,MAAM,gBAAgB,6KASpB,CAAA;AAGF,OAAO,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAU,EACV,gBAAgB,GACjB,CAAA"}
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/Sheet.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,KAAK,sCAAsB,CAAA;AAEjC,QAAA,MAAM,YAAY,6GAAyB,CAAA;AAE3C,QAAA,MAAM,UAAU,2GAAuB,CAAA;AAEvC,QAAA,MAAM,WAAW,4CAAwB,CAAA;AAEzC,QAAA,MAAM,YAAY,6JAYhB,CAAA;AAGF,QAAA,MAAM,aAAa;;iEAiBlB,CAAA;AAED,UAAU,iBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,EACrE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEvC,QAAA,MAAM,YAAY,0FAkBhB,CAAA;AAGF,QAAA,MAAM,WAAW;8BAGd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,WAAW;8BAGd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,UAAU,mKASd,CAAA;AAGF,QAAA,MAAM,gBAAgB,6KASpB,CAAA;AAGF,OAAO,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAU,EACV,gBAAgB,GACjB,CAAA"}

package/dist/core/components/ui/Sheet.js

@@ -31,10 +31,10 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { cva } from "class-variance-authority";
 import { X } from "lucide-react";
+import * as React from "react";
 import { cn } from "../../utils/utils";
 const Sheet = SheetPrimitive.Root;
 const SheetTrigger = SheetPrimitive.Trigger;

package/dist/core/components/ui/Sheet.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/core/components/ui/Sheet.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 React from 'react'\r\nimport * as SheetPrimitive from '@radix-ui/react-dialog'\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { X } from 'lucide-react'\r\n\r\nimport { cn } from '../../utils/utils'\r\n\r\nconst Sheet = SheetPrimitive.Root\r\n\r\nconst SheetTrigger = SheetPrimitive.Trigger\r\n\r\nconst SheetClose = SheetPrimitive.Close\r\n\r\nconst SheetPortal = SheetPrimitive.Portal\r\n\r\nconst SheetOverlay = React.forwardRef<\r\n  React.ElementRef<typeof SheetPrimitive.Overlay>,\r\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>\r\n>(({ className, ...props }, ref) => (\r\n  <SheetPrimitive.Overlay\r\n    className={cn(\r\n      'fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\r\n      className,\r\n    )}\r\n    {...props}\r\n    ref={ref}\r\n  />\r\n))\r\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName\r\n\r\nconst sheetVariants = cva(\r\n  'fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out',\r\n  {\r\n    variants: {\r\n      side: {\r\n        top: 'inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top',\r\n        bottom:\r\n          'inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom',\r\n        left: 'inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm',\r\n        right:\r\n          'inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm',\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      side: 'right',\r\n    },\r\n  },\r\n)\r\n\r\ninterface SheetContentProps\r\n  extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,\r\n  VariantProps<typeof sheetVariants> {}\r\n\r\nconst SheetContent = React.forwardRef<\r\n  React.ElementRef<typeof SheetPrimitive.Content>,\r\n  SheetContentProps\r\n>(({ side = 'right', className, children, ...props }, ref) => (\r\n  <SheetPortal>\r\n    <SheetOverlay />\r\n    <SheetPrimitive.Content\r\n      ref={ref}\r\n      className={cn(sheetVariants({ side }), className)}\r\n      {...props}\r\n    >\r\n      <SheetPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary\">\r\n        <X className=\"h-4 w-4\" />\r\n        <span className=\"sr-only\">Close</span>\r\n      </SheetPrimitive.Close>\r\n      {children}\r\n    </SheetPrimitive.Content>\r\n  </SheetPortal>\r\n))\r\nSheetContent.displayName = SheetPrimitive.Content.displayName\r\n\r\nconst SheetHeader = ({\r\n  className,\r\n  ...props\r\n}: React.HTMLAttributes<HTMLDivElement>) => (\r\n  <div\r\n    className={cn(\r\n      'flex flex-col space-y-2 text-center sm:text-left',\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n)\r\nSheetHeader.displayName = 'SheetHeader'\r\n\r\nconst SheetFooter = ({\r\n  className,\r\n  ...props\r\n}: React.HTMLAttributes<HTMLDivElement>) => (\r\n  <div\r\n    className={cn(\r\n      'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n)\r\nSheetFooter.displayName = 'SheetFooter'\r\n\r\nconst SheetTitle = React.forwardRef<\r\n  React.ElementRef<typeof SheetPrimitive.Title>,\r\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\r\n>(({ className, ...props }, ref) => (\r\n  <SheetPrimitive.Title\r\n    ref={ref}\r\n    className={cn('text-lg font-semibold text-foreground', className)}\r\n    {...props}\r\n  />\r\n))\r\nSheetTitle.displayName = SheetPrimitive.Title.displayName\r\n\r\nconst SheetDescription = React.forwardRef<\r\n  React.ElementRef<typeof SheetPrimitive.Description>,\r\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\r\n>(({ className, ...props }, ref) => (\r\n  <SheetPrimitive.Description\r\n    ref={ref}\r\n    className={cn('text-sm text-muted-foreground', className)}\r\n    {...props}\r\n  />\r\n))\r\nSheetDescription.displayName = SheetPrimitive.Description.displayName\r\n\r\nexport {\r\n  Sheet,\r\n  SheetPortal,\r\n  SheetOverlay,\r\n  SheetTrigger,\r\n  SheetClose,\r\n  SheetContent,\r\n  SheetHeader,\r\n  SheetFooter,\r\n  SheetTitle,\r\n  SheetDescription,\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBE,cA6CI,YA7CJ;AAnBF,YAAY,WAAW;AACvB,YAAY,oBAAoB;AAChC,SAAS,WAA8B;AACvC,SAAS,SAAS;AAElB,SAAS,UAAU;AAEnB,MAAM,QAAQ,eAAe;AAE7B,MAAM,eAAe,eAAe;AAEpC,MAAM,aAAa,eAAe;AAElC,MAAM,cAAc,eAAe;AAEnC,MAAM,eAAe,MAAM,WAGzB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAvBL,IAuBG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI,QALL;AAAA,MAMC;AAAA;AAAA,EACF;AAAA,CACD;AACD,aAAa,cAAc,eAAe,QAAQ;AAElD,MAAM,gBAAgB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,KAAK;AAAA,QACL,QACE;AAAA,QACF,MAAM;AAAA,QACN,OACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAMA,MAAM,eAAe,MAAM,WAGzB,CAAC,IAAmD,QAAK;AAAxD,eAAE,SAAO,SAAS,WAAW,SA7DhC,IA6DG,IAA0C,kBAA1C,IAA0C,CAAxC,QAAgB,aAAW;AAC9B,8BAAC,eACC;AAAA,wBAAC,gBAAa;AAAA,IACd;AAAA,MAAC,eAAe;AAAA,MAAf;AAAA,QACC;AAAA,QACA,WAAW,GAAG,cAAc,EAAE,KAAK,CAAC,GAAG,SAAS;AAAA,SAC5C,QAHL;AAAA,QAKC;AAAA,+BAAC,eAAe,OAAf,EAAqB,WAAU,4OAC9B;AAAA,gCAAC,KAAE,WAAU,WAAU;AAAA,YACvB,oBAAC,UAAK,WAAU,WAAU,mBAAK;AAAA,aACjC;AAAA,UACC;AAAA;AAAA;AAAA,IACH;AAAA,KACF;AAAA,CACD;AACD,aAAa,cAAc,eAAe,QAAQ;AAElD,MAAM,cAAc,CAAC,OAGoB;AAHpB,eACnB;AAAA;AAAA,EAhFF,IA+EqB,IAEhB,kBAFgB,IAEhB;AAAA,IADH;AAAA;AAGA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAAA;AAEF,YAAY,cAAc;AAE1B,MAAM,cAAc,CAAC,OAGoB;AAHpB,eACnB;AAAA;AAAA,EA9FF,IA6FqB,IAEhB,kBAFgB,IAEhB;AAAA,IADH;AAAA;AAGA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAAA;AAEF,YAAY,cAAc;AAE1B,MAAM,aAAa,MAAM,WAGvB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YA9GL,IA8GG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACC;AAAA,MACA,WAAW,GAAG,yCAAyC,SAAS;AAAA,OAC5D;AAAA,EACN;AAAA,CACD;AACD,WAAW,cAAc,eAAe,MAAM;AAE9C,MAAM,mBAAmB,MAAM,WAG7B,CAAC,IAAyB,QAAK;AAA9B,eAAE,YA1HL,IA0HG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACC;AAAA,MACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,OACpD;AAAA,EACN;AAAA,CACD;AACD,iBAAiB,cAAc,eAAe,YAAY;","names":[]}
+{"version":3,"sources":["../../../../src/core/components/ui/Sheet.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 SheetPrimitive from '@radix-ui/react-dialog'\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { X } from 'lucide-react'\r\nimport * as React from 'react'\r\n\r\nimport { cn } from '../../utils/utils'\r\n\r\nconst Sheet = SheetPrimitive.Root\r\n\r\nconst SheetTrigger = SheetPrimitive.Trigger\r\n\r\nconst SheetClose = SheetPrimitive.Close\r\n\r\nconst SheetPortal = SheetPrimitive.Portal\r\n\r\nconst SheetOverlay = React.forwardRef<\r\n  React.ElementRef<typeof SheetPrimitive.Overlay>,\r\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>\r\n>(({ className, ...props }, ref) => (\r\n  <SheetPrimitive.Overlay\r\n    className={cn(\r\n      'fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\r\n      className,\r\n    )}\r\n    {...props}\r\n    ref={ref}\r\n  />\r\n))\r\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName\r\n\r\nconst sheetVariants = cva(\r\n  'fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out',\r\n  {\r\n    variants: {\r\n      side: {\r\n        top: 'inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top',\r\n        bottom:\r\n          'inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom',\r\n        left: 'inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm',\r\n        right:\r\n          'inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm',\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      side: 'right',\r\n    },\r\n  },\r\n)\r\n\r\ninterface SheetContentProps\r\n  extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,\r\n  VariantProps<typeof sheetVariants> {}\r\n\r\nconst SheetContent = React.forwardRef<\r\n  React.ElementRef<typeof SheetPrimitive.Content>,\r\n  SheetContentProps\r\n>(({ side = 'right', className, children, ...props }, ref) => (\r\n  <SheetPortal>\r\n    <SheetOverlay />\r\n    <SheetPrimitive.Content\r\n      ref={ref}\r\n      className={cn(sheetVariants({ side }), className)}\r\n      {...props}\r\n    >\r\n      <SheetPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary\">\r\n        <X className=\"h-4 w-4\" />\r\n        <span className=\"sr-only\">Close</span>\r\n      </SheetPrimitive.Close>\r\n      {children}\r\n    </SheetPrimitive.Content>\r\n  </SheetPortal>\r\n))\r\nSheetContent.displayName = SheetPrimitive.Content.displayName\r\n\r\nconst SheetHeader = ({\r\n  className,\r\n  ...props\r\n}: React.HTMLAttributes<HTMLDivElement>) => (\r\n  <div\r\n    className={cn(\r\n      'flex flex-col space-y-2 text-center sm:text-left',\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n)\r\nSheetHeader.displayName = 'SheetHeader'\r\n\r\nconst SheetFooter = ({\r\n  className,\r\n  ...props\r\n}: React.HTMLAttributes<HTMLDivElement>) => (\r\n  <div\r\n    className={cn(\r\n      'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n)\r\nSheetFooter.displayName = 'SheetFooter'\r\n\r\nconst SheetTitle = React.forwardRef<\r\n  React.ElementRef<typeof SheetPrimitive.Title>,\r\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\r\n>(({ className, ...props }, ref) => (\r\n  <SheetPrimitive.Title\r\n    ref={ref}\r\n    className={cn('text-lg font-semibold text-foreground', className)}\r\n    {...props}\r\n  />\r\n))\r\nSheetTitle.displayName = SheetPrimitive.Title.displayName\r\n\r\nconst SheetDescription = React.forwardRef<\r\n  React.ElementRef<typeof SheetPrimitive.Description>,\r\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\r\n>(({ className, ...props }, ref) => (\r\n  <SheetPrimitive.Description\r\n    ref={ref}\r\n    className={cn('text-sm text-muted-foreground', className)}\r\n    {...props}\r\n  />\r\n))\r\nSheetDescription.displayName = SheetPrimitive.Description.displayName\r\n\r\nexport {\r\n  Sheet,\r\n  SheetPortal,\r\n  SheetOverlay,\r\n  SheetTrigger,\r\n  SheetClose,\r\n  SheetContent,\r\n  SheetHeader,\r\n  SheetFooter,\r\n  SheetTitle,\r\n  SheetDescription,\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBE,cA6CI,YA7CJ;AAnBF,YAAY,oBAAoB;AAChC,SAAS,WAA8B;AACvC,SAAS,SAAS;AAClB,YAAY,WAAW;AAEvB,SAAS,UAAU;AAEnB,MAAM,QAAQ,eAAe;AAE7B,MAAM,eAAe,eAAe;AAEpC,MAAM,aAAa,eAAe;AAElC,MAAM,cAAc,eAAe;AAEnC,MAAM,eAAe,MAAM,WAGzB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAvBL,IAuBG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI,QALL;AAAA,MAMC;AAAA;AAAA,EACF;AAAA,CACD;AACD,aAAa,cAAc,eAAe,QAAQ;AAElD,MAAM,gBAAgB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,KAAK;AAAA,QACL,QACE;AAAA,QACF,MAAM;AAAA,QACN,OACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAMA,MAAM,eAAe,MAAM,WAGzB,CAAC,IAAmD,QAAK;AAAxD,eAAE,SAAO,SAAS,WAAW,SA7DhC,IA6DG,IAA0C,kBAA1C,IAA0C,CAAxC,QAAgB,aAAW;AAC9B,8BAAC,eACC;AAAA,wBAAC,gBAAa;AAAA,IACd;AAAA,MAAC,eAAe;AAAA,MAAf;AAAA,QACC;AAAA,QACA,WAAW,GAAG,cAAc,EAAE,KAAK,CAAC,GAAG,SAAS;AAAA,SAC5C,QAHL;AAAA,QAKC;AAAA,+BAAC,eAAe,OAAf,EAAqB,WAAU,4OAC9B;AAAA,gCAAC,KAAE,WAAU,WAAU;AAAA,YACvB,oBAAC,UAAK,WAAU,WAAU,mBAAK;AAAA,aACjC;AAAA,UACC;AAAA;AAAA;AAAA,IACH;AAAA,KACF;AAAA,CACD;AACD,aAAa,cAAc,eAAe,QAAQ;AAElD,MAAM,cAAc,CAAC,OAGoB;AAHpB,eACnB;AAAA;AAAA,EAhFF,IA+EqB,IAEhB,kBAFgB,IAEhB;AAAA,IADH;AAAA;AAGA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAAA;AAEF,YAAY,cAAc;AAE1B,MAAM,cAAc,CAAC,OAGoB;AAHpB,eACnB;AAAA;AAAA,EA9FF,IA6FqB,IAEhB,kBAFgB,IAEhB;AAAA,IADH;AAAA;AAGA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAAA;AAEF,YAAY,cAAc;AAE1B,MAAM,aAAa,MAAM,WAGvB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YA9GL,IA8GG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACC;AAAA,MACA,WAAW,GAAG,yCAAyC,SAAS;AAAA,OAC5D;AAAA,EACN;AAAA,CACD;AACD,WAAW,cAAc,eAAe,MAAM;AAE9C,MAAM,mBAAmB,MAAM,WAG7B,CAAC,IAAyB,QAAK;AAA9B,eAAE,YA1HL,IA0HG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACC;AAAA,MACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,OACpD;AAAA,EACN;AAAA,CACD;AACD,iBAAiB,cAAc,eAAe,YAAY;","names":[]}

package/dist/core/components/ui/Sidebar.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { VariantProps } from 'class-variance-authority';
 import { TooltipContent } from './Tooltip';
+import type { VariantProps } from 'class-variance-authority';
 type SidebarContextProps = {
     sidebarState: 'expanded' | 'collapsed';
     open: boolean;

package/dist/core/components/ui/Sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/Sidebar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/Sidebar.tsx"],"names":[],"mappings":"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"}

package/dist/core/components/ui/Sidebar.js

@@ -31,12 +31,18 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import * as LR from "lucide-react";
+import { useTranslations } from "next-intl";
+import * as React from "react";
+import { useIsMobile } from "../../hooks/ui/use-mobile";
+import { useResizableSidebarWidth } from "../../hooks/ui/useResizableSidebarWidth";
+import { MenusContext } from "../../store/Menus/context";
 import { cn } from "../../utils/utils";
+import NavigationBar from "../TopNavigationBar";
 import { Button } from "./Button";
+import { InfoSidebar } from "./InfoSidebar";
 import { Input } from "./Input";
 import { Separator } from "./Separator";
 import {
@@ -53,11 +59,6 @@ import {
   TooltipProvider,
   TooltipTrigger
 } from "./Tooltip";
-import { useTranslations } from "next-intl";
-import { MenusContext } from "../../store/Menus/context";
-import NavigationBar from "../TopNavigationBar";
-import { InfoSidebar } from "./InfoSidebar";
-import { useIsMobile } from "../../hooks/ui/use-mobile";
 const SIDEBAR_COOKIE_NAME = "sidebar_state";
 const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 const SIDEBAR_WIDTH = "16rem";
@@ -102,6 +103,13 @@ const SidebarProvider = React.forwardRef(
       "geocoderUrl"
     ]);
     const isMobile = useIsMobile();
+    const tInfo = useTranslations("InfoSidebar");
+    const {
+      width: infoWidth,
+      isResizing: infoResizing,
+      canResize: canResizeInfo,
+      startResize: startInfoResize
+    } = useResizableSidebarWidth();
     const [openMobile, setOpenMobile] = React.useState(false);
     const [openInfo, setOpenInfo] = React.useState(false);
     const [bugReportOpen, setBugReportOpen] = React.useState(false);
@@ -194,20 +202,35 @@ const SidebarProvider = React.forwardRef(
       }, props), {
         children: [
           children,
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsxs(
             "div",
             {
               "data-state": openInfo ? "open" : "closed",
               "aria-hidden": !openInfo,
               className: cn(
-                "fixed inset-y-0 z-40 w-full sm:w-[410px] overflow-hidden transition-[transform,opacity] duration-300 ease-in-out will-change-transform",
+                "fixed inset-y-0 z-40 w-full overflow-hidden transition-[transform,opacity] duration-300 ease-in-out will-change-transform",
+                infoResizing && "select-none",
                 openInfo ? "translate-x-0 opacity-100" : "-translate-x-full opacity-0 pointer-events-none"
               ),
               style: {
                 left: isMobile ? "0" : open ? "var(--sidebar-width)" : "var(--sidebar-width-icon)",
-                width: isMobile ? "100%" : "400px"
+                // Desktop: user-resizable width (persisted). Mobile: full-width.
+                width: isMobile ? "100%" : infoWidth
               },
-              children: /* @__PURE__ */ jsx(InfoSidebar, { minioBaseUrl, martinBaseUrl, organization, pointcloudApiUrl })
+              children: [
+                /* @__PURE__ */ jsx(InfoSidebar, { minioBaseUrl, martinBaseUrl, organization, pointcloudApiUrl }),
+                canResizeInfo && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    role: "separator",
+                    "aria-orientation": "vertical",
+                    "aria-label": tInfo("resizeHandleLabel"),
+                    onPointerDown: startInfoResize,
+                    style: { touchAction: "none" },
+                    className: "absolute inset-y-0 right-0 z-10 w-0.5 cursor-ew-resize bg-border/80 hover:bg-accent"
+                  }
+                )
+              ]
             }
           )
         ]