@collabdt/core 0.3.0 → 0.3.1

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/core/components/ui/Checkbox.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 CheckboxPrimitive from '@radix-ui/react-checkbox'\r\nimport { Check } from 'lucide-react'\r\n\r\nimport { cn } from '../../utils/utils'\r\n\r\nconst Checkbox = React.forwardRef<\r\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\r\n>(({ className, ...props }, ref) => (\r\n  <CheckboxPrimitive.Root\r\n    ref={ref}\r\n    className={cn(\r\n      'peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground',\r\n      className,\r\n    )}\r\n    {...props}\r\n  >\r\n    <CheckboxPrimitive.Indicator\r\n      className={cn('flex items-center justify-center text-current')}\r\n    >\r\n      <Check className=\"!h-2.5 !w-2.5\" />\r\n    </CheckboxPrimitive.Indicator>\r\n  </CheckboxPrimitive.Root>\r\n))\r\nCheckbox.displayName = CheckboxPrimitive.Root.displayName\r\n\r\nexport { Checkbox }\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BM;AArBN,YAAY,WAAW;AACvB,YAAY,uBAAuB;AACnC,SAAS,aAAa;AAEtB,SAAS,UAAU;AAEnB,MAAM,WAAW,MAAM,WAGrB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAdL,IAcG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAC,kBAAkB;AAAA,IAAlB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI,QANL;AAAA,MAQC;AAAA,QAAC,kBAAkB;AAAA,QAAlB;AAAA,UACC,WAAW,GAAG,+CAA+C;AAAA,UAE7D,8BAAC,SAAM,WAAU,iBAAgB;AAAA;AAAA,MACnC;AAAA;AAAA,EACF;AAAA,CACD;AACD,SAAS,cAAc,kBAAkB,KAAK;","names":[]}
+{"version":3,"sources":["../../../../src/core/components/ui/Checkbox.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 CheckboxPrimitive from '@radix-ui/react-checkbox'\r\nimport { Check } from 'lucide-react'\r\nimport * as React from 'react'\r\n\r\nimport { cn } from '../../utils/utils'\r\n\r\nconst Checkbox = React.forwardRef<\r\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\r\n>(({ className, ...props }, ref) => (\r\n  <CheckboxPrimitive.Root\r\n    ref={ref}\r\n    className={cn(\r\n      'peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground',\r\n      className,\r\n    )}\r\n    {...props}\r\n  >\r\n    <CheckboxPrimitive.Indicator\r\n      className={cn('flex items-center justify-center text-current')}\r\n    >\r\n      <Check className=\"!h-2.5 !w-2.5\" />\r\n    </CheckboxPrimitive.Indicator>\r\n  </CheckboxPrimitive.Root>\r\n))\r\nCheckbox.displayName = CheckboxPrimitive.Root.displayName\r\n\r\nexport { Checkbox }\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BM;AArBN,YAAY,uBAAuB;AACnC,SAAS,aAAa;AACtB,YAAY,WAAW;AAEvB,SAAS,UAAU;AAEnB,MAAM,WAAW,MAAM,WAGrB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAdL,IAcG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAC,kBAAkB;AAAA,IAAlB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI,QANL;AAAA,MAQC;AAAA,QAAC,kBAAkB;AAAA,QAAlB;AAAA,UACC,WAAW,GAAG,+CAA+C;AAAA,UAE7D,8BAAC,SAAM,WAAU,iBAAgB;AAAA;AAAA,MACnC;AAAA;AAAA,EACF;AAAA,CACD;AACD,SAAS,cAAc,kBAAkB,KAAK;","names":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleSection.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/CollapsibleSection.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,UAAU,uBAAuB;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAClC,aAAa,CAAC,EAAE;QACd,OAAO,EAAE,OAAO,CAAA;QAChB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;QAC3C,QAAQ,CAAC,EAAE,OAAO,CAAA;KACnB,CAAA;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAA;IAClD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;+EAC2E;IAC3E,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAChC;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,WAAkB,EAClB,IAAI,EACJ,SAAS,EACT,KAAK,EACL,eAAyB,EACzB,aAAa,EACb,SAAS,EACT,SAAS,EACT,kBAAkB,EAClB,YAAyB,EACzB,MAAM,EACN,aAAa,GACd,EAAE,uBAAuB,qBA0GzB"}
+{"version":3,"file":"CollapsibleSection.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/CollapsibleSection.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,UAAU,uBAAuB;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAClC,aAAa,CAAC,EAAE;QACd,OAAO,EAAE,OAAO,CAAA;QAChB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;QAC3C,QAAQ,CAAC,EAAE,OAAO,CAAA;KACnB,CAAA;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAA;IAClD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;+EAC2E;IAC3E,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAChC;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,WAAkB,EAClB,IAAI,EACJ,SAAS,EACT,KAAK,EACL,eAAyB,EACzB,aAAa,EACb,SAAS,EACT,SAAS,EACT,kBAAkB,EAClB,YAAyB,EACzB,MAAM,EACN,aAAa,GACd,EAAE,uBAAuB,qBA0GzB"}

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

@@ -1,10 +1,10 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as LR from "lucide-react";
 import * as React from "react";
+import { Badge } from "./Badge";
 import { Button } from "./Button";
 import { Switch } from "./Switch";
-import * as LR from "lucide-react";
-import { Badge } from "./Badge";
 function CollapsibleSection({
   title,
   children,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/core/components/ui/CollapsibleSection.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 { Button } from './Button'\r\nimport { Switch } from './Switch'\r\nimport * as LR from 'lucide-react'\r\nimport { Badge } from './Badge'\r\n\r\ninterface CollapsibleSectionProps {\r\n  title: string\r\n  children: React.ReactNode\r\n  defaultOpen?: boolean\r\n  icon?: React.ElementType\r\n  className?: string\r\n  style?: React.CSSProperties\r\n  chevronPosition?: 'left' | 'right'\r\n  switchVariant?: {\r\n    checked: boolean\r\n    onCheckedChange: (checked: boolean) => void\r\n    disabled?: boolean\r\n  }\r\n  itemCount?: number\r\n  onAddItem?: () => void\r\n  onToggleVisibility?: (visibility: boolean) => void\r\n  addItemTitle?: string\r\n  colour?: string\r\n  /** Extra buttons rendered in the header next to the chevron. Click events\r\n   *  on this content are not propagated to the section's collapse toggle. */\r\n  headerActions?: React.ReactNode\r\n}\r\n\r\nexport function CollapsibleSection({\r\n  title,\r\n  children,\r\n  defaultOpen = true,\r\n  icon,\r\n  className,\r\n  style,\r\n  chevronPosition = 'right',\r\n  switchVariant,\r\n  itemCount,\r\n  onAddItem,\r\n  onToggleVisibility,\r\n  addItemTitle = 'Add item',\r\n  colour,\r\n  headerActions,\r\n}: CollapsibleSectionProps) {\r\n  const [isOpen, setIsOpen] = React.useState(defaultOpen)\r\n  const prevCheckedRef = React.useRef(switchVariant?.checked)\r\n\r\n  // Auto-expand when visibility turns on, auto-collapse when turns off\r\n  React.useEffect(() => {\r\n    if (!switchVariant) return\r\n    \r\n    const prevChecked = prevCheckedRef.current\r\n    const currentChecked = switchVariant.checked\r\n    \r\n    if (!prevChecked && currentChecked) {\r\n      // Just turned visible - expand\r\n      setIsOpen(true)\r\n    } else if (prevChecked && !currentChecked) {\r\n      // Just turned invisible - collapse\r\n      setIsOpen(false)\r\n    }\r\n    \r\n    prevCheckedRef.current = currentChecked\r\n  }, [switchVariant?.checked])\r\n\r\n  return (\r\n    <div className=\"w-full min-h-0 flex flex-col p-2 pb-2 \" style={style}>\r\n      <div className=\"flex-shrink-0\">\r\n        <div\r\n          className=\"flex items-center overflow-hidden gap-2 cursor-pointer hover:bg-accent/50 rounded-md p-1 -m-1 transition-colors\"\r\n          onClick={(e) => {\r\n            // Prevent toggle when clicking on switch or add button\r\n            if (e.target instanceof HTMLElement\r\n              && (e.target.closest('[role=\"switch\"]') || e.target.closest('button'))) {\r\n              return\r\n            }\r\n            setIsOpen(!isOpen)\r\n          }}\r\n          title={isOpen ? 'Collapse section' : 'Expand section'}\r\n        >\r\n          {chevronPosition === 'left' && (\r\n            <LR.ChevronRight\r\n              className={`h-4 w-4 transition-transform ${isOpen ? 'rotate-90' : ''}`}\r\n            />\r\n          )}\r\n          {icon && React.createElement(icon, { className: 'h-4 w-4', style: colour ? { color: colour } : undefined })}\r\n          <h3 className=\"text-sm font-medium text-foreground flex-1 flex items-center gap-2\">\r\n            {title.replace(/_/g, ' ')}\r\n            {typeof itemCount === 'number' && (\r\n              <Badge variant=\"secondary\" className=\"text-xs\">\r\n                {itemCount}\r\n              </Badge>\r\n            )}\r\n          </h3>\r\n\r\n          {/* Switch and chevron positioning */}\r\n          <div className=\"flex items-center gap-2 ml-auto\">\r\n            {headerActions && (\r\n              <div\r\n                className=\"flex items-center gap-1\"\r\n                onClick={(e) => e.stopPropagation()}\r\n              >\r\n                {headerActions}\r\n              </div>\r\n            )}\r\n            {onAddItem && (\r\n              <Button\r\n                size=\"sm\"\r\n                variant=\"ghost\"\r\n                className=\"h-6 w-6 p-0 hover:bg-accent\"\r\n                onClick={(e) => {\r\n                  e.stopPropagation()\r\n                  onAddItem()\r\n                }}\r\n                title={addItemTitle}\r\n              >\r\n                <LR.Plus className=\"h-3 w-3\" />\r\n              </Button>\r\n            )}\r\n            {chevronPosition === 'right' && switchVariant && (\r\n              <Switch\r\n                checked={switchVariant.checked}\r\n                onCheckedChange={switchVariant.onCheckedChange}\r\n                disabled={switchVariant.disabled ?? false}\r\n                title={switchVariant.checked ? `Hide ${title.toLowerCase()}` : `Show ${title.toLowerCase()}`}\r\n              />\r\n            )}\r\n            {chevronPosition === 'right' && (\r\n              <LR.ChevronRight\r\n                className={`h-4 w-4 transition-transform ${isOpen ? 'rotate-90' : ''}`}\r\n              />\r\n            )}\r\n            {chevronPosition === 'left' && switchVariant && (\r\n              <Switch\r\n                checked={switchVariant.checked}\r\n                onCheckedChange={switchVariant.onCheckedChange}\r\n                disabled={switchVariant.disabled ?? false}\r\n              />\r\n            )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n      {isOpen && (\r\n        <div className={`pl-3 pt-2 min-h-0 flex-1 ${className || ''}`}>\r\n          {children}\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/core/components/ui/CollapsibleSection.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as LR from 'lucide-react'\r\nimport * as React from 'react'\r\n\r\nimport { Badge } from './Badge'\r\nimport { Button } from './Button'\r\nimport { Switch } from './Switch'\r\n\r\ninterface CollapsibleSectionProps {\r\n  title: string\r\n  children: React.ReactNode\r\n  defaultOpen?: boolean\r\n  icon?: React.ElementType\r\n  className?: string\r\n  style?: React.CSSProperties\r\n  chevronPosition?: 'left' | 'right'\r\n  switchVariant?: {\r\n    checked: boolean\r\n    onCheckedChange: (checked: boolean) => void\r\n    disabled?: boolean\r\n  }\r\n  itemCount?: number\r\n  onAddItem?: () => void\r\n  onToggleVisibility?: (visibility: boolean) => void\r\n  addItemTitle?: string\r\n  colour?: string\r\n  /** Extra buttons rendered in the header next to the chevron. Click events\r\n   *  on this content are not propagated to the section's collapse toggle. */\r\n  headerActions?: React.ReactNode\r\n}\r\n\r\nexport function CollapsibleSection({\r\n  title,\r\n  children,\r\n  defaultOpen = true,\r\n  icon,\r\n  className,\r\n  style,\r\n  chevronPosition = 'right',\r\n  switchVariant,\r\n  itemCount,\r\n  onAddItem,\r\n  onToggleVisibility,\r\n  addItemTitle = 'Add item',\r\n  colour,\r\n  headerActions,\r\n}: CollapsibleSectionProps) {\r\n  const [isOpen, setIsOpen] = React.useState(defaultOpen)\r\n  const prevCheckedRef = React.useRef(switchVariant?.checked)\r\n\r\n  // Auto-expand when visibility turns on, auto-collapse when turns off\r\n  React.useEffect(() => {\r\n    if (!switchVariant) return\r\n\r\n    const prevChecked = prevCheckedRef.current\r\n    const currentChecked = switchVariant.checked\r\n\r\n    if (!prevChecked && currentChecked) {\r\n      // Just turned visible - expand\r\n      setIsOpen(true)\r\n    } else if (prevChecked && !currentChecked) {\r\n      // Just turned invisible - collapse\r\n      setIsOpen(false)\r\n    }\r\n\r\n    prevCheckedRef.current = currentChecked\r\n  }, [switchVariant?.checked])\r\n\r\n  return (\r\n    <div className=\"w-full min-h-0 flex flex-col p-2 pb-2 \" style={style}>\r\n      <div className=\"flex-shrink-0\">\r\n        <div\r\n          className=\"flex items-center overflow-hidden gap-2 cursor-pointer hover:bg-accent/50 rounded-md p-1 -m-1 transition-colors\"\r\n          onClick={(e) => {\r\n            // Prevent toggle when clicking on switch or add button\r\n            if (e.target instanceof HTMLElement\r\n              && (e.target.closest('[role=\"switch\"]') || e.target.closest('button'))) {\r\n              return\r\n            }\r\n            setIsOpen(!isOpen)\r\n          }}\r\n          title={isOpen ? 'Collapse section' : 'Expand section'}\r\n        >\r\n          {chevronPosition === 'left' && (\r\n            <LR.ChevronRight\r\n              className={`h-4 w-4 transition-transform ${isOpen ? 'rotate-90' : ''}`}\r\n            />\r\n          )}\r\n          {icon && React.createElement(icon, { className: 'h-4 w-4', style: colour ? { color: colour } : undefined })}\r\n          <h3 className=\"text-sm font-medium text-foreground flex-1 flex items-center gap-2\">\r\n            {title.replace(/_/g, ' ')}\r\n            {typeof itemCount === 'number' && (\r\n              <Badge variant=\"secondary\" className=\"text-xs\">\r\n                {itemCount}\r\n              </Badge>\r\n            )}\r\n          </h3>\r\n\r\n          {/* Switch and chevron positioning */}\r\n          <div className=\"flex items-center gap-2 ml-auto\">\r\n            {headerActions && (\r\n              <div\r\n                className=\"flex items-center gap-1\"\r\n                onClick={(e) => e.stopPropagation()}\r\n              >\r\n                {headerActions}\r\n              </div>\r\n            )}\r\n            {onAddItem && (\r\n              <Button\r\n                size=\"sm\"\r\n                variant=\"ghost\"\r\n                className=\"h-6 w-6 p-0 hover:bg-accent\"\r\n                onClick={(e) => {\r\n                  e.stopPropagation()\r\n                  onAddItem()\r\n                }}\r\n                title={addItemTitle}\r\n              >\r\n                <LR.Plus className=\"h-3 w-3\" />\r\n              </Button>\r\n            )}\r\n            {chevronPosition === 'right' && switchVariant && (\r\n              <Switch\r\n                checked={switchVariant.checked}\r\n                onCheckedChange={switchVariant.onCheckedChange}\r\n                disabled={switchVariant.disabled ?? false}\r\n                title={switchVariant.checked ? `Hide ${title.toLowerCase()}` : `Show ${title.toLowerCase()}`}\r\n              />\r\n            )}\r\n            {chevronPosition === 'right' && (\r\n              <LR.ChevronRight\r\n                className={`h-4 w-4 transition-transform ${isOpen ? 'rotate-90' : ''}`}\r\n              />\r\n            )}\r\n            {chevronPosition === 'left' && switchVariant && (\r\n              <Switch\r\n                checked={switchVariant.checked}\r\n                onCheckedChange={switchVariant.onCheckedChange}\r\n                disabled={switchVariant.disabled ?? false}\r\n              />\r\n            )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n      {isOpen && (\r\n        <div className={`pl-3 pt-2 min-h-0 flex-1 ${className || ''}`}>\r\n          {children}\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"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","names":[]}

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

@@ -1,12 +1,12 @@
-import * as React from 'react';
 import { type DialogProps } from '@radix-ui/react-dialog';
+import * as React from 'react';
 declare const Command: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
 } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -22,7 +22,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "value" | "type" | "onChange"> & {
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "type"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -32,7 +32,7 @@ declare const CommandList: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
@@ -41,14 +41,14 @@ declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
 } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
@@ -57,7 +57,7 @@ declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<R
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     alwaysRender?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
@@ -66,7 +66,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "disabled" | "onSelect" | "value"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Command.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/Command.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAOzD,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;sFAYX,CAAA;AAGF,QAAA,MAAM,aAAa,GAAI,wBAAwB,WAAW,sBAUzD,CAAA;AAED,QAAA,MAAM,YAAY;;;;;;;0FAehB,CAAA;AAIF,QAAA,MAAM,WAAW;;;;;;;;sFASf,CAAA;AAIF,QAAA,MAAM,YAAY;;;;;;uJAShB,CAAA;AAIF,QAAA,MAAM,YAAY;;;;;;;;;;sFAYhB,CAAA;AAIF,QAAA,MAAM,gBAAgB;;;;;;sFASpB,CAAA;AAGF,QAAA,MAAM,WAAW;;;;;;;;;;;;sFAYf,CAAA;AAIF,QAAA,MAAM,eAAe;8BAGlB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAUvC,CAAA;AAGD,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,GACjB,CAAA"}
+{"version":3,"file":"Command.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/Command.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAGzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;sFAYX,CAAA;AAGF,QAAA,MAAM,aAAa,GAAI,wBAAwB,WAAW,sBAUzD,CAAA;AAED,QAAA,MAAM,YAAY;;;;;;;0FAehB,CAAA;AAIF,QAAA,MAAM,WAAW;;;;;;;;sFASf,CAAA;AAIF,QAAA,MAAM,YAAY;;;;;;uJAShB,CAAA;AAIF,QAAA,MAAM,YAAY;;;;;;;;;;sFAYhB,CAAA;AAIF,QAAA,MAAM,gBAAgB;;;;;;sFASpB,CAAA;AAGF,QAAA,MAAM,WAAW;;;;;;;;;;;;sFAYf,CAAA;AAIF,QAAA,MAAM,eAAe;8BAGlB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAUvC,CAAA;AAGD,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,GACjB,CAAA"}

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

@@ -31,9 +31,9 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
 import { Command as CommandPrimitive } from "cmdk";
 import { Search } from "lucide-react";
+import * as React from "react";
 import { cn } from "../../utils/utils";
 import { Dialog, DialogContent } from "./Dialog";
 const Command = React.forwardRef((_a, ref) => {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/core/components/ui/Command.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 { type DialogProps } from '@radix-ui/react-dialog'\r\nimport { Command as CommandPrimitive } from 'cmdk'\r\nimport { Search } from 'lucide-react'\r\n\r\nimport { cn } from '../../utils/utils'\r\nimport { Dialog, DialogContent } from './Dialog'\r\n\r\nconst Command = React.forwardRef<\r\n  React.ElementRef<typeof CommandPrimitive>,\r\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive>\r\n>(({ className, ...props }, ref) => (\r\n  <CommandPrimitive\r\n    ref={ref}\r\n    className={cn(\r\n      'flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground',\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nCommand.displayName = CommandPrimitive.displayName\r\n\r\nconst CommandDialog = ({ children, ...props }: DialogProps) => {\r\n  return (\r\n    <Dialog {...props}>\r\n      <DialogContent className=\"overflow-hidden p-0\">\r\n        <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\r\n          {children}\r\n        </Command>\r\n      </DialogContent>\r\n    </Dialog>\r\n  )\r\n}\r\n\r\nconst CommandInput = React.forwardRef<\r\n  React.ElementRef<typeof CommandPrimitive.Input>,\r\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\r\n>(({ className, ...props }, ref) => (\r\n  <div className=\"flex items-center border-b px-3\" cmdk-input-wrapper=\"\">\r\n    <Search className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\r\n    <CommandPrimitive.Input\r\n      ref={ref}\r\n      className={cn(\r\n        'flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  </div>\r\n))\r\n\r\nCommandInput.displayName = CommandPrimitive.Input.displayName\r\n\r\nconst CommandList = React.forwardRef<\r\n  React.ElementRef<typeof CommandPrimitive.List>,\r\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\r\n>(({ className, ...props }, ref) => (\r\n  <CommandPrimitive.List\r\n    ref={ref}\r\n    className={cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className)}\r\n    {...props}\r\n  />\r\n))\r\n\r\nCommandList.displayName = CommandPrimitive.List.displayName\r\n\r\nconst CommandEmpty = React.forwardRef<\r\n  React.ElementRef<typeof CommandPrimitive.Empty>,\r\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\r\n>((props, ref) => (\r\n  <CommandPrimitive.Empty\r\n    ref={ref}\r\n    className=\"py-6 text-center text-sm\"\r\n    {...props}\r\n  />\r\n))\r\n\r\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName\r\n\r\nconst CommandGroup = React.forwardRef<\r\n  React.ElementRef<typeof CommandPrimitive.Group>,\r\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\r\n>(({ className, ...props }, ref) => (\r\n  <CommandPrimitive.Group\r\n    ref={ref}\r\n    className={cn(\r\n      'overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground',\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\n\r\nCommandGroup.displayName = CommandPrimitive.Group.displayName\r\n\r\nconst CommandSeparator = React.forwardRef<\r\n  React.ElementRef<typeof CommandPrimitive.Separator>,\r\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\r\n>(({ className, ...props }, ref) => (\r\n  <CommandPrimitive.Separator\r\n    ref={ref}\r\n    className={cn('-mx-1 h-px bg-border', className)}\r\n    {...props}\r\n  />\r\n))\r\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName\r\n\r\nconst CommandItem = React.forwardRef<\r\n  React.ElementRef<typeof CommandPrimitive.Item>,\r\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\r\n>(({ className, ...props }, ref) => (\r\n  <CommandPrimitive.Item\r\n    ref={ref}\r\n    className={cn(\r\n      'relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\n\r\nCommandItem.displayName = CommandPrimitive.Item.displayName\r\n\r\nconst CommandShortcut = ({\r\n  className,\r\n  ...props\r\n}: React.HTMLAttributes<HTMLSpanElement>) => {\r\n  return (\r\n    <span\r\n      className={cn(\r\n        'ml-auto text-xs tracking-widest text-muted-foreground',\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\nCommandShortcut.displayName = 'CommandShortcut'\r\n\r\nexport {\r\n  Command,\r\n  CommandDialog,\r\n  CommandInput,\r\n  CommandList,\r\n  CommandEmpty,\r\n  CommandGroup,\r\n  CommandItem,\r\n  CommandShortcut,\r\n  CommandSeparator,\r\n}\r\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/core/components/ui/Command.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 { type DialogProps } from '@radix-ui/react-dialog'\r\nimport { Command as CommandPrimitive } from 'cmdk'\r\nimport { Search } from 'lucide-react'\r\nimport * as React from 'react'\r\n\r\nimport { cn } from '../../utils/utils'\r\n\r\nimport { Dialog, DialogContent } from './Dialog'\r\n\r\nconst Command = React.forwardRef<\r\n  React.ElementRef<typeof CommandPrimitive>,\r\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive>\r\n>(({ className, ...props }, ref) => (\r\n  <CommandPrimitive\r\n    ref={ref}\r\n    className={cn(\r\n      'flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground',\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nCommand.displayName = CommandPrimitive.displayName\r\n\r\nconst CommandDialog = ({ children, ...props }: DialogProps) => {\r\n  return (\r\n    <Dialog {...props}>\r\n      <DialogContent className=\"overflow-hidden p-0\">\r\n        <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\r\n          {children}\r\n        </Command>\r\n      </DialogContent>\r\n    </Dialog>\r\n  )\r\n}\r\n\r\nconst CommandInput = React.forwardRef<\r\n  React.ElementRef<typeof CommandPrimitive.Input>,\r\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\r\n>(({ className, ...props }, ref) => (\r\n  <div className=\"flex items-center border-b px-3\" cmdk-input-wrapper=\"\">\r\n    <Search className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\r\n    <CommandPrimitive.Input\r\n      ref={ref}\r\n      className={cn(\r\n        'flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  </div>\r\n))\r\n\r\nCommandInput.displayName = CommandPrimitive.Input.displayName\r\n\r\nconst CommandList = React.forwardRef<\r\n  React.ElementRef<typeof CommandPrimitive.List>,\r\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\r\n>(({ className, ...props }, ref) => (\r\n  <CommandPrimitive.List\r\n    ref={ref}\r\n    className={cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className)}\r\n    {...props}\r\n  />\r\n))\r\n\r\nCommandList.displayName = CommandPrimitive.List.displayName\r\n\r\nconst CommandEmpty = React.forwardRef<\r\n  React.ElementRef<typeof CommandPrimitive.Empty>,\r\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\r\n>((props, ref) => (\r\n  <CommandPrimitive.Empty\r\n    ref={ref}\r\n    className=\"py-6 text-center text-sm\"\r\n    {...props}\r\n  />\r\n))\r\n\r\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName\r\n\r\nconst CommandGroup = React.forwardRef<\r\n  React.ElementRef<typeof CommandPrimitive.Group>,\r\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\r\n>(({ className, ...props }, ref) => (\r\n  <CommandPrimitive.Group\r\n    ref={ref}\r\n    className={cn(\r\n      'overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground',\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\n\r\nCommandGroup.displayName = CommandPrimitive.Group.displayName\r\n\r\nconst CommandSeparator = React.forwardRef<\r\n  React.ElementRef<typeof CommandPrimitive.Separator>,\r\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\r\n>(({ className, ...props }, ref) => (\r\n  <CommandPrimitive.Separator\r\n    ref={ref}\r\n    className={cn('-mx-1 h-px bg-border', className)}\r\n    {...props}\r\n  />\r\n))\r\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName\r\n\r\nconst CommandItem = React.forwardRef<\r\n  React.ElementRef<typeof CommandPrimitive.Item>,\r\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\r\n>(({ className, ...props }, ref) => (\r\n  <CommandPrimitive.Item\r\n    ref={ref}\r\n    className={cn(\r\n      'relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\n\r\nCommandItem.displayName = CommandPrimitive.Item.displayName\r\n\r\nconst CommandShortcut = ({\r\n  className,\r\n  ...props\r\n}: React.HTMLAttributes<HTMLSpanElement>) => {\r\n  return (\r\n    <span\r\n      className={cn(\r\n        'ml-auto text-xs tracking-widest text-muted-foreground',\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\nCommandShortcut.displayName = 'CommandShortcut'\r\n\r\nexport {\r\n  Command,\r\n  CommandDialog,\r\n  CommandInput,\r\n  CommandList,\r\n  CommandEmpty,\r\n  CommandGroup,\r\n  CommandItem,\r\n  CommandShortcut,\r\n  CommandSeparator,\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/core/components/ui/Comments/CollapsibleCommentItem.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Comment } from '../../../types/dbTypes';
+import type { Comment } from '../../../types/dbTypes';
 type CommentAction = 'view' | 'edit' | 'delete' | 'reply';
 interface CollapsibleCommentItemProps {
     comment: Comment;

package/dist/core/components/ui/Comments/CollapsibleCommentItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleCommentItem.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Comments/CollapsibleCommentItem.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAIhD,KAAK,aAAa,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEzD,UAAU,2BAA2B;IACnC,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACtD,OAAO,CAAC,EAAE,OAAO,EAAE,CAAA;IACnB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IAC1D,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAA;IACpD,WAAW,CAAC,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAChE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;CAC1B;AAED,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,QAAQ,EACR,OAAY,EACZ,OAAO,EACP,YAAY,EACZ,WAAgB,EAChB,KAAS,EACT,SAAgB,EAChB,YAAY,EACZ,YAAY,EACb,EAAE,2BAA2B,qBA4N7B"}
+{"version":3,"file":"CollapsibleCommentItem.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Comments/CollapsibleCommentItem.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAIrD,KAAK,aAAa,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEzD,UAAU,2BAA2B;IACnC,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACtD,OAAO,CAAC,EAAE,OAAO,EAAE,CAAA;IACnB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IAC1D,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAA;IACpD,WAAW,CAAC,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAChE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;CAC1B;AAED,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,QAAQ,EACR,OAAY,EACZ,OAAO,EACP,YAAY,EACZ,WAAgB,EAChB,KAAS,EACT,SAAgB,EAChB,YAAY,EACZ,YAAY,EACb,EAAE,2BAA2B,qBA4N7B"}

package/dist/core/components/ui/Comments/CollapsibleCommentItem.js

@@ -1,18 +1,18 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { format } from "date-fns";
+import * as LR from "lucide-react";
+import { useSession } from "next-auth/react";
+import { useTranslations } from "next-intl";
 import * as React from "react";
+import { useUser } from "../../../hooks/users/users";
 import { usePermissions } from "../../../store";
-import { Button } from "../Button";
+import { cn } from "../../../utils/utils";
+import { Avatar } from "../Avatar";
 import { Badge } from "../Badge";
+import { Button } from "../Button";
 import { Input } from "../Input";
-import { Avatar } from "../Avatar";
 import { UserAvatar } from "../UserAvatar";
-import * as LR from "lucide-react";
-import { useTranslations } from "next-intl";
-import { format } from "date-fns";
-import { cn } from "../../../utils/utils";
-import { useUser } from "../../../hooks/users/users";
-import { useSession } from "next-auth/react";
 function CollapsibleCommentItem({
   comment,
   onAction,
@@ -56,7 +56,7 @@ function CollapsibleCommentItem({
   };
   const indentClass = depth > 0 ? `ml-${Math.min(depth * 4, 12)}` : "";
   const { user: author } = useUser(String(comment.authorId));
-  let authorName = (_b = author == null ? void 0 : author.name) != null ? _b : "Unknown User";
+  const authorName = (_b = author == null ? void 0 : author.name) != null ? _b : "Unknown User";
   return /* @__PURE__ */ jsxs(
     "div",
     {

package/dist/core/components/ui/Comments/CollapsibleCommentItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/core/components/ui/Comments/CollapsibleCommentItem.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 { usePermissions } from '../../../store'\r\n\r\nimport { Button } from '../Button'\r\nimport { Badge } from '../Badge'\r\nimport { Input } from '../Input'\r\nimport { Avatar } from '../Avatar'\r\nimport { UserAvatar } from '../UserAvatar'\r\nimport * as LR from 'lucide-react'\r\nimport { useTranslations } from 'next-intl'\r\nimport { format } from 'date-fns'\r\nimport { cn } from '../../../utils/utils'\r\nimport { Comment } from '../../../types/dbTypes'\r\nimport { useUser } from '../../../hooks/users/users'\r\nimport { useSession } from 'next-auth/react'\r\n\r\ntype CommentAction = 'view' | 'edit' | 'delete' | 'reply'\r\n\r\ninterface CollapsibleCommentItemProps {\r\n  comment: Comment\r\n  onAction?: (action: CommentAction, id: number) => void\r\n  replies?: Comment[]\r\n  onReply?: (id: number, replyText: string | number) => void\r\n  onFileUpload?: (id: number, files: FileList) => void\r\n  attachments?: Array<{ name: string; url: string; size: number }>\r\n  depth?: number\r\n  isVisible?: boolean\r\n  onMouseEnter?: () => void\r\n  onMouseLeave?: () => void\r\n}\r\n\r\nexport function CollapsibleCommentItem({\r\n  comment,\r\n  onAction,\r\n  replies = [],\r\n  onReply,\r\n  onFileUpload,\r\n  attachments = [],\r\n  depth = 0,\r\n  isVisible = true,\r\n  onMouseEnter,\r\n  onMouseLeave\r\n}: CollapsibleCommentItemProps) {\r\n  const t = useTranslations('CommentsSection')\r\n  // Permissions\r\n  const { ability } = usePermissions()\r\n\r\n  const [isExpanded, setIsExpanded] = React.useState(false)\r\n  const [showReplyInput, setShowReplyInput] = React.useState(false)\r\n  const [replyText, setReplyText] = React.useState('')\r\n  const fileInputRef = React.useRef<HTMLInputElement>(null)\r\n  const prevVisibleRef = React.useRef(isVisible)\r\n\r\n  const user = useSession().data?.user\r\n\r\n  // Auto-collapse when visibility turns off\r\n  React.useEffect(() => {\r\n    const prevVisible = prevVisibleRef.current\r\n    \r\n    if (prevVisible && !isVisible) {\r\n      // Just turned invisible - collapse\r\n      setIsExpanded(false)\r\n    }\r\n    \r\n    prevVisibleRef.current = isVisible\r\n  }, [isVisible])\r\n\r\n  const handleReplySubmit = () => {\r\n    if (replyText.trim() && onReply) {\r\n      onReply(comment.id, replyText)\r\n      setReplyText('')\r\n      setShowReplyInput(false)\r\n    }\r\n  }\r\n\r\n  const handleFileSelect = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (event.target.files && event.target.files.length > 0 && onFileUpload) {\r\n      onFileUpload(comment.id, event.target.files)\r\n      event.target.value = ''\r\n    }\r\n  }\r\n\r\n  const indentClass = depth > 0 ? `ml-${Math.min(depth * 4, 12)}` : ''\r\n\r\n  const { user: author } = useUser(String(comment.authorId))\r\n  let authorName: string | undefined = author?.name ?? 'Unknown User'\r\n\r\n  return (\r\n    <div \r\n      className={cn(\r\n        \"border rounded-md overflow-hidden transition-opacity\",\r\n        indentClass,\r\n        // !isVisible && \"opacity-50\"\r\n      )}\r\n      onMouseEnter={onMouseEnter}\r\n      onMouseLeave={onMouseLeave}\r\n    >\r\n      {/* Comment Header */}\r\n      <div className=\"flex items-start justify-between p-3 hover:bg-accent/50 transition-colors\">\r\n        <div className=\"flex items-start gap-3 flex-1 min-w-0\">\r\n          <Button\r\n            variant=\"ghost\"\r\n            size=\"sm\"\r\n            className={cn(\"h-6 w-6 p-0 mt-1\")}\r\n            onClick={() => setIsExpanded(!isExpanded)}\r\n          >\r\n            <LR.ChevronRight\r\n              className={cn(\r\n                \"h-4 w-4 transition-transform\",\r\n                isExpanded && \"rotate-90\"\r\n              )}\r\n            />\r\n          </Button>\r\n\r\n          <Avatar className={cn(\"h-8 w-8 mt-1 rounded-full overflow-hidden\")}>\r\n            <UserAvatar imageFileId={author?.imageFileId} name={authorName} />\r\n          </Avatar>\r\n\r\n          <div className=\"flex-1 min-w-0\">\r\n            <div className=\"flex items-center gap-2\">\r\n                <span className={cn(\"text-sm font-medium text-foreground \")}>\r\n                {authorName}\r\n              </span>\r\n              {comment.updatedAt !== comment.createdAt && (\r\n                <Badge variant=\"outline\" className=\"text-xs\">\r\n                  {t('edited')}\r\n                </Badge>\r\n              )}\r\n            </div>\r\n              <p className={cn(\"text-sm mt-1 line-clamp-1 text-foreground\")}>\r\n              {comment.text}\r\n            </p>\r\n            {replies.length > 0 && !isExpanded && (\r\n              <span className=\"text-xs text-muted-foreground mt-1\">\r\n                {replies.length} {replies.length === 1 ? t('reply') : t('replies')}\r\n              </span>\r\n            )}\r\n          </div>\r\n        </div>\r\n\r\n      {/* Action Buttons */}\r\n      {onAction && (\r\n        <div className={cn(\"flex items-center gap-0 flex-shrink-0\")}>\r\n          <Button\r\n            variant=\"ghost\"\r\n            size=\"icon\"\r\n            className=\"h-8 w-8 p-0\"\r\n            onClick={() => setShowReplyInput(!showReplyInput)}\r\n            title={t('replyToComment')}\r\n            disabled={!ability.can('create', 'Comment')}\r\n          >\r\n            <LR.Reply className=\"h-4 w-4\" />\r\n          </Button>\r\n          {user?.id === String(comment.authorId) && (\r\n            <>\r\n              <Button\r\n                variant=\"ghost\"\r\n                size=\"icon\"\r\n                className=\"h-8 w-8 p-0\"\r\n                onClick={() => onAction('edit', comment.id)}\r\n                title={t('editComment')}\r\n                disabled={!ability.can('update', 'Comment')}\r\n              >\r\n                <LR.Pencil className=\"h-4 w-4\" />\r\n              </Button>\r\n              {/* TODO: Need 2-step confirmation dialog for DELETE COMMENT */}\r\n              <Button\r\n                variant=\"ghost\"\r\n                size=\"icon\"\r\n                className=\"h-8 w-8 p-0\"\r\n                onClick={() => onAction('delete', comment.id)}\r\n                title={t('deleteComment')}\r\n                disabled={!ability.can('delete', 'Comment')}\r\n\r\n              >\r\n                <LR.Trash2 className=\"h-4 w-4\" />\r\n              </Button>\r\n            </>\r\n          )}\r\n        </div>\r\n      )}\r\n    </div>\r\n\r\n      {/* Expanded Content */ }\r\n  {\r\n    isExpanded && (\r\n      <div className=\"border-t bg-muted/30\">\r\n        <div className=\"p-4 space-y-4\">\r\n          {/* Full Comment Text */}\r\n          <span className=\"text-xs text-muted-foreground\">\r\n            {format(new Date(comment.createdAt), 'PPp')}\r\n          </span>\r\n          <div>\r\n            <p className=\"text-sm text-foreground whitespace-pre-wrap\">\r\n              {comment.text}\r\n            </p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    )\r\n  }\r\n\r\n  {/* Reply Input */ }\r\n  {\r\n    showReplyInput && onReply && (\r\n      <div className=\"border-t p-3 bg-muted/20\">\r\n        <div className=\"flex gap-2\">\r\n          <Input\r\n            value={replyText}\r\n            onChange={(e) => setReplyText(e.target.value)}\r\n            placeholder={t('writeReply')}\r\n            className=\"flex-1\"\r\n            onKeyDown={(e) => {\r\n              if (e.key === 'Enter' && !e.shiftKey) {\r\n                e.preventDefault()\r\n                handleReplySubmit()\r\n              }\r\n            }}\r\n            disabled={!ability.can('create', 'Comment')}\r\n          />\r\n          <Button\r\n            size=\"sm\"\r\n            onClick={handleReplySubmit}\r\n            disabled={!replyText.trim() || !ability.can('create', 'Comment')}\r\n          >\r\n            <LR.Send className=\"h-4 w-4\" />\r\n          </Button>\r\n          <Button\r\n            size=\"sm\"\r\n            variant=\"ghost\"\r\n            onClick={() => {\r\n              setShowReplyInput(false)\r\n              setReplyText('')\r\n            }}\r\n            disabled={!ability.can('create', 'Comment')}\r\n          >\r\n            <LR.X className=\"h-4 w-4\" />\r\n          </Button>\r\n        </div>\r\n      </div>\r\n    )\r\n  }\r\n\r\n  {/* Nested Replies */ }\r\n  {\r\n    isExpanded && replies.length > 0 && (\r\n      <div className=\"border-t\">\r\n        {replies.map((reply) => (\r\n          <CollapsibleCommentItem\r\n            key={reply.id}\r\n            comment={reply}\r\n            onAction={onAction}\r\n            onReply={onReply}\r\n            onFileUpload={onFileUpload}\r\n            depth={depth + 1}\r\n          />\r\n        ))}\r\n      </div>\r\n    )\r\n  }\r\n    </div >\r\n  )\r\n}\r\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../../src/core/components/ui/Comments/CollapsibleCommentItem.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 { format } from 'date-fns'\r\nimport * as LR from 'lucide-react'\r\nimport { useSession } from 'next-auth/react'\r\nimport { useTranslations } from 'next-intl'\r\nimport * as React from 'react'\r\n\r\nimport { useUser } from '../../../hooks/users/users'\r\nimport { usePermissions } from '../../../store'\r\nimport { cn } from '../../../utils/utils'\r\nimport { Avatar } from '../Avatar'\r\nimport { Badge } from '../Badge'\r\nimport { Button } from '../Button'\r\nimport { Input } from '../Input'\r\nimport { UserAvatar } from '../UserAvatar'\r\n\r\nimport type { Comment } from '../../../types/dbTypes'\r\n\r\n\r\n\r\ntype CommentAction = 'view' | 'edit' | 'delete' | 'reply'\r\n\r\ninterface CollapsibleCommentItemProps {\r\n  comment: Comment\r\n  onAction?: (action: CommentAction, id: number) => void\r\n  replies?: Comment[]\r\n  onReply?: (id: number, replyText: string | number) => void\r\n  onFileUpload?: (id: number, files: FileList) => void\r\n  attachments?: Array<{ name: string; url: string; size: number }>\r\n  depth?: number\r\n  isVisible?: boolean\r\n  onMouseEnter?: () => void\r\n  onMouseLeave?: () => void\r\n}\r\n\r\nexport function CollapsibleCommentItem({\r\n  comment,\r\n  onAction,\r\n  replies = [],\r\n  onReply,\r\n  onFileUpload,\r\n  attachments = [],\r\n  depth = 0,\r\n  isVisible = true,\r\n  onMouseEnter,\r\n  onMouseLeave\r\n}: CollapsibleCommentItemProps) {\r\n  const t = useTranslations('CommentsSection')\r\n  // Permissions\r\n  const { ability } = usePermissions()\r\n\r\n  const [isExpanded, setIsExpanded] = React.useState(false)\r\n  const [showReplyInput, setShowReplyInput] = React.useState(false)\r\n  const [replyText, setReplyText] = React.useState('')\r\n  const fileInputRef = React.useRef<HTMLInputElement>(null)\r\n  const prevVisibleRef = React.useRef(isVisible)\r\n\r\n  const user = useSession().data?.user\r\n\r\n  // Auto-collapse when visibility turns off\r\n  React.useEffect(() => {\r\n    const prevVisible = prevVisibleRef.current\r\n\r\n    if (prevVisible && !isVisible) {\r\n      // Just turned invisible - collapse\r\n      setIsExpanded(false)\r\n    }\r\n\r\n    prevVisibleRef.current = isVisible\r\n  }, [isVisible])\r\n\r\n  const handleReplySubmit = () => {\r\n    if (replyText.trim() && onReply) {\r\n      onReply(comment.id, replyText)\r\n      setReplyText('')\r\n      setShowReplyInput(false)\r\n    }\r\n  }\r\n\r\n  const handleFileSelect = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (event.target.files && event.target.files.length > 0 && onFileUpload) {\r\n      onFileUpload(comment.id, event.target.files)\r\n      event.target.value = ''\r\n    }\r\n  }\r\n\r\n  const indentClass = depth > 0 ? `ml-${Math.min(depth * 4, 12)}` : ''\r\n\r\n  const { user: author } = useUser(String(comment.authorId))\r\n  const authorName: string | undefined = author?.name ?? 'Unknown User'\r\n\r\n  return (\r\n    <div\r\n      className={cn(\r\n        \"border rounded-md overflow-hidden transition-opacity\",\r\n        indentClass,\r\n        // !isVisible && \"opacity-50\"\r\n      )}\r\n      onMouseEnter={onMouseEnter}\r\n      onMouseLeave={onMouseLeave}\r\n    >\r\n      {/* Comment Header */}\r\n      <div className=\"flex items-start justify-between p-3 hover:bg-accent/50 transition-colors\">\r\n        <div className=\"flex items-start gap-3 flex-1 min-w-0\">\r\n          <Button\r\n            variant=\"ghost\"\r\n            size=\"sm\"\r\n            className={cn(\"h-6 w-6 p-0 mt-1\")}\r\n            onClick={() => setIsExpanded(!isExpanded)}\r\n          >\r\n            <LR.ChevronRight\r\n              className={cn(\r\n                \"h-4 w-4 transition-transform\",\r\n                isExpanded && \"rotate-90\"\r\n              )}\r\n            />\r\n          </Button>\r\n\r\n          <Avatar className={cn(\"h-8 w-8 mt-1 rounded-full overflow-hidden\")}>\r\n            <UserAvatar imageFileId={author?.imageFileId} name={authorName} />\r\n          </Avatar>\r\n\r\n          <div className=\"flex-1 min-w-0\">\r\n            <div className=\"flex items-center gap-2\">\r\n                <span className={cn(\"text-sm font-medium text-foreground \")}>\r\n                {authorName}\r\n              </span>\r\n              {comment.updatedAt !== comment.createdAt && (\r\n                <Badge variant=\"outline\" className=\"text-xs\">\r\n                  {t('edited')}\r\n                </Badge>\r\n              )}\r\n            </div>\r\n              <p className={cn(\"text-sm mt-1 line-clamp-1 text-foreground\")}>\r\n              {comment.text}\r\n            </p>\r\n            {replies.length > 0 && !isExpanded && (\r\n              <span className=\"text-xs text-muted-foreground mt-1\">\r\n                {replies.length} {replies.length === 1 ? t('reply') : t('replies')}\r\n              </span>\r\n            )}\r\n          </div>\r\n        </div>\r\n\r\n      {/* Action Buttons */}\r\n      {onAction && (\r\n        <div className={cn(\"flex items-center gap-0 flex-shrink-0\")}>\r\n          <Button\r\n            variant=\"ghost\"\r\n            size=\"icon\"\r\n            className=\"h-8 w-8 p-0\"\r\n            onClick={() => setShowReplyInput(!showReplyInput)}\r\n            title={t('replyToComment')}\r\n            disabled={!ability.can('create', 'Comment')}\r\n          >\r\n            <LR.Reply className=\"h-4 w-4\" />\r\n          </Button>\r\n          {user?.id === String(comment.authorId) && (\r\n            <>\r\n              <Button\r\n                variant=\"ghost\"\r\n                size=\"icon\"\r\n                className=\"h-8 w-8 p-0\"\r\n                onClick={() => onAction('edit', comment.id)}\r\n                title={t('editComment')}\r\n                disabled={!ability.can('update', 'Comment')}\r\n              >\r\n                <LR.Pencil className=\"h-4 w-4\" />\r\n              </Button>\r\n              {/* TODO: Need 2-step confirmation dialog for DELETE COMMENT */}\r\n              <Button\r\n                variant=\"ghost\"\r\n                size=\"icon\"\r\n                className=\"h-8 w-8 p-0\"\r\n                onClick={() => onAction('delete', comment.id)}\r\n                title={t('deleteComment')}\r\n                disabled={!ability.can('delete', 'Comment')}\r\n\r\n              >\r\n                <LR.Trash2 className=\"h-4 w-4\" />\r\n              </Button>\r\n            </>\r\n          )}\r\n        </div>\r\n      )}\r\n    </div>\r\n\r\n      {/* Expanded Content */ }\r\n  {\r\n    isExpanded && (\r\n      <div className=\"border-t bg-muted/30\">\r\n        <div className=\"p-4 space-y-4\">\r\n          {/* Full Comment Text */}\r\n          <span className=\"text-xs text-muted-foreground\">\r\n            {format(new Date(comment.createdAt), 'PPp')}\r\n          </span>\r\n          <div>\r\n            <p className=\"text-sm text-foreground whitespace-pre-wrap\">\r\n              {comment.text}\r\n            </p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    )\r\n  }\r\n\r\n  {/* Reply Input */ }\r\n  {\r\n    showReplyInput && onReply && (\r\n      <div className=\"border-t p-3 bg-muted/20\">\r\n        <div className=\"flex gap-2\">\r\n          <Input\r\n            value={replyText}\r\n            onChange={(e) => setReplyText(e.target.value)}\r\n            placeholder={t('writeReply')}\r\n            className=\"flex-1\"\r\n            onKeyDown={(e) => {\r\n              if (e.key === 'Enter' && !e.shiftKey) {\r\n                e.preventDefault()\r\n                handleReplySubmit()\r\n              }\r\n            }}\r\n            disabled={!ability.can('create', 'Comment')}\r\n          />\r\n          <Button\r\n            size=\"sm\"\r\n            onClick={handleReplySubmit}\r\n            disabled={!replyText.trim() || !ability.can('create', 'Comment')}\r\n          >\r\n            <LR.Send className=\"h-4 w-4\" />\r\n          </Button>\r\n          <Button\r\n            size=\"sm\"\r\n            variant=\"ghost\"\r\n            onClick={() => {\r\n              setShowReplyInput(false)\r\n              setReplyText('')\r\n            }}\r\n            disabled={!ability.can('create', 'Comment')}\r\n          >\r\n            <LR.X className=\"h-4 w-4\" />\r\n          </Button>\r\n        </div>\r\n      </div>\r\n    )\r\n  }\r\n\r\n  {/* Nested Replies */ }\r\n  {\r\n    isExpanded && replies.length > 0 && (\r\n      <div className=\"border-t\">\r\n        {replies.map((reply) => (\r\n          <CollapsibleCommentItem\r\n            key={reply.id}\r\n            comment={reply}\r\n            onAction={onAction}\r\n            onReply={onReply}\r\n            onFileUpload={onFileUpload}\r\n            depth={depth + 1}\r\n          />\r\n        ))}\r\n      </div>\r\n    )\r\n  }\r\n    </div >\r\n  )\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/core/components/ui/Comments/Comment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Comment.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Comments/Comment.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,SAAS,EACT,eAAe,EACf,QAAQ,EACR,OAAO,EACP,cAAsB,EACtB,gBAAwB,EACxB,SAAiB,EACjB,SAAiB,GAClB,EAAE,YAAY,qBA6Gd"}
+{"version":3,"file":"Comment.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Comments/Comment.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,SAAS,EACT,eAAe,EACf,QAAQ,EACR,OAAO,EACP,cAAsB,EACtB,gBAAwB,EACxB,SAAiB,EACjB,SAAiB,GAClB,EAAE,YAAY,qBA6Gd"}

package/dist/core/components/ui/Comments/Comment.js

@@ -1,14 +1,14 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
 import * as LR from "lucide-react";
+import * as React from "react";
+import { useFile } from "../../../hooks/files/files";
+import { markerStyleHighlight } from "../../../utils/markerUtils";
+import { formatTimestamp } from "../../../utils/timeUtils";
 import { Avatar } from "../Avatar";
 import { Button } from "../Button";
 import { Card } from "../Card";
-import { formatTimestamp } from "../../../utils/timeUtils";
-import { markerStyleHighlight } from "../../../utils/markerUtils";
 import { UserAvatar } from "../UserAvatar";
-import { useFile } from "../../../hooks/files/files";
 function Comment({
   text,
   createdAt,

package/dist/core/components/ui/Comments/Comment.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/core/components/ui/Comments/Comment.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 LR from 'lucide-react'\r\nimport { Avatar } from '../Avatar'\r\nimport { Button } from '../Button'\r\nimport { Card } from '../Card'\r\nimport { formatTimestamp } from '../../../utils/timeUtils'\r\nimport { markerStyleHighlight } from '../../../utils/markerUtils'\r\nimport { UserAvatar } from '../UserAvatar'\r\nimport { useFile } from '../../../hooks/files/files'\r\n\r\nexport type CommentProps = {\r\n  userName: string\r\n  userImage: number | null\r\n  userImageFileId?: number | null\r\n  buildingId?: number\r\n  text: string\r\n  createdAt: string | Date\r\n  onRemove?: () => void\r\n  onClose?: () => void\r\n  enableCollapse?: boolean\r\n  defaultCollapsed?: boolean\r\n  isPending?: boolean\r\n  highlight?: boolean\r\n}\r\n\r\nexport default function Comment({\r\n  text,\r\n  createdAt,\r\n  userName,\r\n  userImage,\r\n  userImageFileId,\r\n  onRemove,\r\n  onClose,\r\n  enableCollapse = false,\r\n  defaultCollapsed = false,\r\n  isPending = false,\r\n  highlight = false,\r\n}: CommentProps) {\r\n  const [isCollapsed, setIsCollapsed] = React.useState(defaultCollapsed)\r\n  const lastTap = React.useRef(0)\r\n  const resolvedImageFileId = userImageFileId ?? userImage\r\n  const { file } = useFile(resolvedImageFileId)\r\n  const previewSrc = file?.url\r\n\r\n  const handlePointerDown = (e: React.PointerEvent) => {\r\n    if (!enableCollapse) return\r\n    e.stopPropagation()\r\n\r\n    const now = performance.now()\r\n    if (now - lastTap.current < 300) setIsCollapsed(v => !v)\r\n    lastTap.current = now\r\n  }\r\n  if (enableCollapse && isCollapsed) {\r\n    return (\r\n      <div\r\n        className={`h-9 w-9 rounded-full shadow-md overflow-hidden flex-shrink-0 pointer-events-auto ${highlight ? markerStyleHighlight : ''}`}\r\n        onPointerDown={handlePointerDown}\r\n        onDoubleClick={(e) => {\r\n          e.stopPropagation()\r\n          setIsCollapsed(v => !v)\r\n        }}\r\n      >\r\n        {isPending ? (\r\n          <div className=\"w-full h-full rounded-full bg-primary-light flex items-center justify-center\">\r\n            <LR.Loader2 className=\"h-4 w-4 animate-spin text-muted-foreground\" />\r\n          </div>\r\n        ) : (\r\n          <Avatar className=\"h-full w-full cursor-pointer\">\r\n            <UserAvatar\r\n              imageFileId={resolvedImageFileId}\r\n              previewSrc={previewSrc}\r\n              name={userName}\r\n              className=\"h-full w-full rounded-full object-cover\"\r\n            />\r\n          </Avatar>\r\n        )}\r\n      </div>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div\r\n      className=\"relative inline-block group\"\r\n      style={{ pointerEvents: 'auto' }}\r\n      title={enableCollapse ? 'Double click to collapse' : undefined}\r\n      onPointerDown={handlePointerDown}\r\n      onDoubleClick={(e) => {\r\n        e.stopPropagation()\r\n        if (enableCollapse) setIsCollapsed(v => !v)\r\n        else onClose?.()\r\n      }}\r\n    >\r\n        <Card className=\"w-48 px-3 py-2.5 shadow-md group-hover:shadow-lg transition-shadow duration-200\">\r\n          <div className=\"flex items-start gap-3\">\r\n            <div className=\"h-9 w-9 rounded-full shadow-sm flex items-center justify-center select-none flex-shrink-0 bg-card\">\r\n              {isPending ? (\r\n                <div className=\"h-10 w-10 rounded-full bg-muted flex items-center justify-center\">\r\n                  <LR.Loader2 className=\"h-5 w-5 animate-spin text-muted-foreground\" />\r\n                </div>\r\n              ) : (\r\n                <Avatar className=\"h-10 w-10\">\r\n                  <UserAvatar\r\n                    imageFileId={resolvedImageFileId}\r\n                    previewSrc={previewSrc}\r\n                    name={userName}\r\n                    className=\"h-full w-full rounded-full object-cover\"\r\n                  />\r\n                </Avatar>\r\n              )}\r\n            </div>\r\n\r\n            <div className=\"flex-1 min-w-0 flex flex-col gap-1\">\r\n              <span className=\"font-medium text-sm text-foreground leading-none truncate\">\r\n                {userName}\r\n              </span>\r\n              <span className=\"text-xs text-muted-foreground leading-none\">\r\n                {formatTimestamp(createdAt)}\r\n              </span>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"mt-2 flex items-start gap-2\">\r\n            <p className=\"min-w-0 flex-1 text-sm leading-relaxed text-foreground whitespace-pre-wrap break-words\">\r\n              {text}\r\n            </p>\r\n\r\n            {onRemove && (\r\n                  <Button\r\n                    type=\"button\"\r\n                    variant=\"ghost\"\r\n                    size=\"icon\"\r\n                    title=\"Remove comment\"\r\n                    className=\"z-50 h-7 w-7 shrink-0\"\r\n                    aria-label=\"Remove comment\"\r\n                    onClick={(e) => {\r\n                      e.stopPropagation()\r\n                      onRemove()\r\n                    }}\r\n                  >\r\n                    <LR.Trash2 className=\"h-4 w-4\" />\r\n                  </Button>\r\n            )}\r\n          </div>\r\n        </Card>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../../src/core/components/ui/Comments/Comment.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as LR from 'lucide-react'\r\nimport * as React from 'react'\r\n\r\nimport { useFile } from '../../../hooks/files/files'\r\nimport { markerStyleHighlight } from '../../../utils/markerUtils'\r\nimport { formatTimestamp } from '../../../utils/timeUtils'\r\nimport { Avatar } from '../Avatar'\r\nimport { Button } from '../Button'\r\nimport { Card } from '../Card'\r\nimport { UserAvatar } from '../UserAvatar'\r\n\r\nexport type CommentProps = {\r\n  userName: string\r\n  userImage: number | null\r\n  userImageFileId?: number | null\r\n  buildingId?: number\r\n  text: string\r\n  createdAt: string | Date\r\n  onRemove?: () => void\r\n  onClose?: () => void\r\n  enableCollapse?: boolean\r\n  defaultCollapsed?: boolean\r\n  isPending?: boolean\r\n  highlight?: boolean\r\n}\r\n\r\nexport default function Comment({\r\n  text,\r\n  createdAt,\r\n  userName,\r\n  userImage,\r\n  userImageFileId,\r\n  onRemove,\r\n  onClose,\r\n  enableCollapse = false,\r\n  defaultCollapsed = false,\r\n  isPending = false,\r\n  highlight = false,\r\n}: CommentProps) {\r\n  const [isCollapsed, setIsCollapsed] = React.useState(defaultCollapsed)\r\n  const lastTap = React.useRef(0)\r\n  const resolvedImageFileId = userImageFileId ?? userImage\r\n  const { file } = useFile(resolvedImageFileId)\r\n  const previewSrc = file?.url\r\n\r\n  const handlePointerDown = (e: React.PointerEvent) => {\r\n    if (!enableCollapse) return\r\n    e.stopPropagation()\r\n\r\n    const now = performance.now()\r\n    if (now - lastTap.current < 300) setIsCollapsed(v => !v)\r\n    lastTap.current = now\r\n  }\r\n  if (enableCollapse && isCollapsed) {\r\n    return (\r\n      <div\r\n        className={`h-9 w-9 rounded-full shadow-md overflow-hidden flex-shrink-0 pointer-events-auto ${highlight ? markerStyleHighlight : ''}`}\r\n        onPointerDown={handlePointerDown}\r\n        onDoubleClick={(e) => {\r\n          e.stopPropagation()\r\n          setIsCollapsed(v => !v)\r\n        }}\r\n      >\r\n        {isPending ? (\r\n          <div className=\"w-full h-full rounded-full bg-primary-light flex items-center justify-center\">\r\n            <LR.Loader2 className=\"h-4 w-4 animate-spin text-muted-foreground\" />\r\n          </div>\r\n        ) : (\r\n          <Avatar className=\"h-full w-full cursor-pointer\">\r\n            <UserAvatar\r\n              imageFileId={resolvedImageFileId}\r\n              previewSrc={previewSrc}\r\n              name={userName}\r\n              className=\"h-full w-full rounded-full object-cover\"\r\n            />\r\n          </Avatar>\r\n        )}\r\n      </div>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div\r\n      className=\"relative inline-block group\"\r\n      style={{ pointerEvents: 'auto' }}\r\n      title={enableCollapse ? 'Double click to collapse' : undefined}\r\n      onPointerDown={handlePointerDown}\r\n      onDoubleClick={(e) => {\r\n        e.stopPropagation()\r\n        if (enableCollapse) setIsCollapsed(v => !v)\r\n        else onClose?.()\r\n      }}\r\n    >\r\n        <Card className=\"w-48 px-3 py-2.5 shadow-md group-hover:shadow-lg transition-shadow duration-200\">\r\n          <div className=\"flex items-start gap-3\">\r\n            <div className=\"h-9 w-9 rounded-full shadow-sm flex items-center justify-center select-none flex-shrink-0 bg-card\">\r\n              {isPending ? (\r\n                <div className=\"h-10 w-10 rounded-full bg-muted flex items-center justify-center\">\r\n                  <LR.Loader2 className=\"h-5 w-5 animate-spin text-muted-foreground\" />\r\n                </div>\r\n              ) : (\r\n                <Avatar className=\"h-10 w-10\">\r\n                  <UserAvatar\r\n                    imageFileId={resolvedImageFileId}\r\n                    previewSrc={previewSrc}\r\n                    name={userName}\r\n                    className=\"h-full w-full rounded-full object-cover\"\r\n                  />\r\n                </Avatar>\r\n              )}\r\n            </div>\r\n\r\n            <div className=\"flex-1 min-w-0 flex flex-col gap-1\">\r\n              <span className=\"font-medium text-sm text-foreground leading-none truncate\">\r\n                {userName}\r\n              </span>\r\n              <span className=\"text-xs text-muted-foreground leading-none\">\r\n                {formatTimestamp(createdAt)}\r\n              </span>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"mt-2 flex items-start gap-2\">\r\n            <p className=\"min-w-0 flex-1 text-sm leading-relaxed text-foreground whitespace-pre-wrap break-words\">\r\n              {text}\r\n            </p>\r\n\r\n            {onRemove && (\r\n                  <Button\r\n                    type=\"button\"\r\n                    variant=\"ghost\"\r\n                    size=\"icon\"\r\n                    title=\"Remove comment\"\r\n                    className=\"z-50 h-7 w-7 shrink-0\"\r\n                    aria-label=\"Remove comment\"\r\n                    onClick={(e) => {\r\n                      e.stopPropagation()\r\n                      onRemove()\r\n                    }}\r\n                  >\r\n                    <LR.Trash2 className=\"h-4 w-4\" />\r\n                  </Button>\r\n            )}\r\n          </div>\r\n        </Card>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/core/components/ui/Comments/CommentInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommentInput.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Comments/CommentInput.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,OAAO,EAAW,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAG7D,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAA;AAE7D,MAAM,MAAM,0BAA0B,GAAG;IACvC,KAAK,EAAE,GAAG,CAAA;IACV,OAAO,EAAE,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,GAAG,CAAC;QAAC,KAAK,EAAE,GAAG,CAAC;QAAC,GAAG,EAAE,GAAG,CAAA;KAAE,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;IACtE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAA;IAC5E,mBAAmB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3C,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,WAAW,CAAA;IACnB,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,GAAG,CAAC,EAAE,0BAA0B,CAAA;IAChC,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,MAAiB,EACjB,QAAQ,EACR,GAAG,EACH,MAAc,GACf,EAAE,iBAAiB,qBA0SnB"}
+{"version":3,"file":"CommentInput.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Comments/CommentInput.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAUpD,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAA;AAE7D,MAAM,MAAM,0BAA0B,GAAG;IACvC,KAAK,EAAE,GAAG,CAAA;IACV,OAAO,EAAE,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,GAAG,CAAC;QAAC,KAAK,EAAE,GAAG,CAAC;QAAC,GAAG,EAAE,GAAG,CAAA;KAAE,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;IACtE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAA;IAC5E,mBAAmB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3C,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,WAAW,CAAA;IACnB,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,GAAG,CAAC,EAAE,0BAA0B,CAAA;IAChC,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,MAAiB,EACjB,QAAQ,EACR,GAAG,EACH,MAAc,GACf,EAAE,iBAAiB,qBA0SnB"}

package/dist/core/components/ui/Comments/CommentInput.js

@@ -1,18 +1,18 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
 import * as LR from "lucide-react";
-import { useTranslations } from "next-intl";
 import { useSession } from "next-auth/react";
+import { useTranslations } from "next-intl";
+import * as React from "react";
+import { useCreateComment } from "../../../hooks/comments/comments";
+import { AppConfigContext, MapContext, BuildingsContext, MenusContext, ToolsContext } from "../../../store";
+import { ViewerNames } from "../../../types/dbTypes";
 import { cn } from "../../../utils/utils";
+import { AddItemDialog } from "../AddItemDialog";
 import { Button } from "../Button";
 import { Card, CardContent, CardHeader, CardTitle } from "../Card";
-import { AddItemDialog } from "../AddItemDialog";
 import { Input } from "../Input";
 import { Label } from "../Label";
-import { AppConfigContext, MapContext, BuildingsContext, MenusContext, ToolsContext } from "../../../store";
-import { ViewerNames } from "../../../types/dbTypes";
-import { useCreateComment } from "../../../hooks/comments/comments";
 function CommentInput({
   viewer,
   layout = "inline",

package/dist/core/components/ui/Comments/CommentInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/core/components/ui/Comments/CommentInput.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 LR from 'lucide-react'\r\nimport { useTranslations } from 'next-intl'\r\nimport { useSession } from 'next-auth/react'\r\n\r\nimport { cn } from '../../../utils/utils'\r\nimport { Button } from '../Button'\r\nimport { Card, CardContent, CardHeader, CardTitle } from '../Card'\r\nimport { AddItemDialog } from '../AddItemDialog'\r\nimport { Input } from '../Input'\r\nimport { Label } from '../Label'\r\nimport { AppConfigContext, MapContext, BuildingsContext, MenusContext, ToolsContext } from '../../../store'\r\nimport { Comment, ViewerNames } from '../../../types/dbTypes'\r\nimport { useCreateComment } from '../../../hooks/comments/comments'\r\n\r\nexport type CommentInputLayout = 'inline' | 'card' | 'dialog'\r\n\r\nexport type BimCommentPlacementContext = {\r\n  world: any\r\n  raycast: (data: { camera: any; mouse: any; dom: any }) => Promise<any>\r\n  buildingId?: number\r\n  setCursor?: (cursor: string) => void\r\n  addPendingMarker?: (position: { x: number; y: number; z: number }) => number\r\n  removePendingMarker?: (id: number) => void\r\n}\r\n\r\nexport type CommentInputProps = {\r\n  viewer: ViewerNames\r\n  layout?: CommentInputLayout\r\n  onCancel?: () => void\r\n  bim?: BimCommentPlacementContext\r\n  isOpen?: boolean\r\n}\r\n\r\nexport function CommentInput({\r\n  viewer,\r\n  layout = 'inline',\r\n  onCancel,\r\n  bim,\r\n  isOpen = false,\r\n}: CommentInputProps) {\r\n  const t = useTranslations('CommentInput')\r\n  const session = useSession()\r\n\r\n  const user = useSession().data?.user\r\n\r\n  const organizationId = user?.organizationId\r\n  const authorId = session.data?.user?.id || -1\r\n\r\n  const { state: appConfigState } = React.useContext(AppConfigContext)\r\n  const mapContext = React.useContext(MapContext)\r\n\r\n  const { state: buildingsState } = React.useContext(BuildingsContext)\r\n  const buildingId = buildingsState?.buildings?.building?.id || -1\r\n\r\n  const [text, setText] = React.useState('')\r\n  const [isPlacing, setIsPlacing] = React.useState(false)\r\n\r\n  const inputId = React.useId()\r\n  const { createComment } = useCreateComment()\r\n\r\n  const setCursor = React.useCallback((cursor: string) => {\r\n    if (viewer === ViewerNames.map) {\r\n      const map = mapContext?.state?.map?.map\r\n      if (!map) return\r\n      if (map.getCanvas().style.cursor === cursor) return\r\n      map.getCanvas().style.cursor = cursor\r\n      return\r\n    }\r\n\r\n    if (viewer === ViewerNames.bim) {\r\n      bim?.setCursor?.(cursor)\r\n    }\r\n  }, [bim, mapContext, viewer])\r\n\r\n  const reset = React.useCallback(() => {\r\n    setIsPlacing(false)\r\n    setText('')\r\n    setCursor('')\r\n  }, [setCursor])\r\n\r\n  const onCreateComment = async (commentData: Partial<Comment>) => {\r\n    const commentResult = await createComment({ commentData })\r\n    reset()\r\n  }\r\n\r\n  const { state: menusState, dispatch: menusDispatch } = React.useContext(MenusContext)\r\n  const { state: toolsState } = React.useContext(ToolsContext)\r\n  const { currentToolId } = toolsState.tools\r\n  const { commentsVisibleInViewer } = menusState.menus\r\n\r\n  React.useEffect(() => {\r\n    const viewerToShow = currentToolId === 'bim-add-comment'\r\n      ? ViewerNames.bim\r\n      : currentToolId === 'map-add-comment'\r\n        ? ViewerNames.map\r\n        : null\r\n\r\n    if (!viewerToShow) return\r\n    if (commentsVisibleInViewer.includes(viewerToShow)) return\r\n\r\n    menusDispatch({\r\n      type: 'SHOW_COMMENTS_IN_VIEWER',\r\n      payload: { viewer: viewerToShow },\r\n    })\r\n  }, [currentToolId, commentsVisibleInViewer, menusDispatch])\r\n\r\n  React.useEffect(() => {\r\n    if (!isPlacing) return\r\n\r\n    if (viewer === ViewerNames.map) {\r\n      const map = mapContext?.state?.map?.map\r\n      if (!map) return\r\n\r\n      const mouseMoveCrosshairHandler = () => {\r\n        setCursor('crosshair')\r\n      }\r\n\r\n      const dbClickAddCommentHandler = (e: any): void => {\r\n        const longitude = e?.lngLat?.lng\r\n        const latitude = e?.lngLat?.lat\r\n        if (typeof longitude !== 'number' || typeof latitude !== 'number') return\r\n\r\n        const elevation = map.queryTerrainElevation([latitude, longitude]) || 0\r\n\r\n        const newComment = {\r\n          authorId: Number(user?.id),\r\n          organizationId,\r\n          text,\r\n          visible: true,\r\n          longitude,\r\n          latitude,\r\n          elevation,\r\n          viewer: ViewerNames.map,\r\n        }\r\n        onCreateComment(newComment)\r\n      }\r\n\r\n      map.on('mousemove', mouseMoveCrosshairHandler)\r\n      map.on('dblclick', dbClickAddCommentHandler)\r\n\r\n      return () => {\r\n        setCursor('')\r\n        map.off('mousemove', mouseMoveCrosshairHandler)\r\n        map.off('dblclick', dbClickAddCommentHandler)\r\n      }\r\n    }\r\n\r\n\r\n    if (viewer === ViewerNames.bim) {\r\n      const world = bim?.world\r\n      const raycast = bim?.raycast\r\n      if (!world || !raycast) return\r\n\r\n      let disposed = false\r\n      let removeListeners: (() => void) | null = null\r\n\r\n        ; (async () => {\r\n          const THREE = await import('three')\r\n          if (disposed) return\r\n\r\n          const mouse = new THREE.Vector2()\r\n\r\n          const handleMouseMove = (e: MouseEvent) => {\r\n            mouse.x = e.clientX\r\n            mouse.y = e.clientY\r\n          }\r\n\r\n          const handleDblClick = async (e: MouseEvent) => {\r\n            mouse.x = e.clientX\r\n            mouse.y = e.clientY\r\n\r\n            const result = await raycast({\r\n              camera: world.camera?.three,\r\n              mouse,\r\n              dom: world.renderer?.three?.domElement,\r\n            })\r\n\r\n            if (!result?.point) return\r\n            const p = result.point\r\n\r\n            // Add pending marker immediately\r\n            const pendingId = bim?.addPendingMarker?.({ x: p.x, y: p.y, z: p.z })\r\n\r\n            const newComment = {\r\n              authorId: Number(authorId),\r\n              organizationId,\r\n              text,\r\n              x: p.x,\r\n              y: p.y,\r\n              z: p.z,\r\n              visible: true,\r\n              buildingId,\r\n              viewer,\r\n            }\r\n\r\n            try {\r\n              await onCreateComment(newComment)\r\n            } finally {\r\n              // Remove pending marker after creation completes (or fails)\r\n              if (pendingId) {\r\n                bim?.removePendingMarker?.(pendingId)\r\n              }\r\n            }\r\n            // BIM flow historically closes the adding UI once the comment is placed.\r\n            onCancel?.()\r\n          }\r\n\r\n          document.addEventListener('mousemove', handleMouseMove)\r\n          document.addEventListener('dblclick', handleDblClick)\r\n\r\n          removeListeners = () => {\r\n            document.removeEventListener('mousemove', handleMouseMove)\r\n            document.removeEventListener('dblclick', handleDblClick)\r\n          }\r\n        })()\r\n\r\n      return () => {\r\n        disposed = true\r\n        setCursor('')\r\n        removeListeners?.()\r\n      }\r\n    }\r\n  }, [\r\n    appConfigState,\r\n    bim,\r\n    isPlacing,\r\n    mapContext,\r\n    viewer,\r\n    onCancel,\r\n    reset,\r\n    setCursor,\r\n    text,\r\n    authorId,\r\n  ])\r\n\r\n  const onSubmit = () => {\r\n    if (text.trim() === '') return\r\n    setIsPlacing(true)\r\n    setCursor('crosshair')\r\n  }\r\n\r\n  const inputEl = (\r\n    <Input\r\n      id={inputId}\r\n      type=\"text\"\r\n      value={text}\r\n      onChange={e => setText(e.target.value)}\r\n      placeholder={t('placeholder')}\r\n      className={cn('cursor-pointer')}\r\n    />\r\n  )\r\n\r\n  const submitButtonEl = (\r\n    <Button\r\n      type=\"button\"\r\n      variant=\"ghost\"\r\n      onClick={onSubmit}\r\n      className=\"cursor-pointer transition-transform duration-200 active:scale-90\"\r\n      disabled={text.trim() === ''}\r\n    >\r\n      <LR.Plus className={cn('w-4 h-4', 'cursor-pointer transition-transform duration-200 active:scale-90')} />\r\n    </Button>\r\n  )\r\n\r\n  const helpText =\r\n    isPlacing\r\n      ? (viewer === ViewerNames.map ? t('placeHelpTextMap') : t('placeHelpTextBim'))\r\n      : null\r\n\r\n  if (layout === 'dialog') {\r\n    // When placing, return null so the map is fully interactive (component stays mounted for useEffect)\r\n    if (isPlacing) return null\r\n\r\n    return (\r\n      <AddItemDialog\r\n        open={isOpen}\r\n        onOpenChange={open => !open && onCancel?.()}\r\n        title={t('title')}\r\n        icon={LR.MessageCircle}\r\n      >\r\n        <div className=\"flex flex-col gap-2 pointer-events-auto\">\r\n          <Label htmlFor={inputId}>{t('label')}</Label>\r\n          <div className=\"flex flex-row gap-2\">\r\n            {inputEl}\r\n            {submitButtonEl}\r\n          </div>\r\n        </div>\r\n      </AddItemDialog>\r\n    )\r\n  }\r\n\r\n  if (layout === 'card') {\r\n    return (\r\n      <Card className={cn('absolute bottom-10 left-0 bg-background shadow-md z-10 w-full')}>\r\n        <CardHeader className=\"flex flex-row justify-between items-center pointer-events-auto py-0\">\r\n          <CardTitle className=\"text-sm\">{t('title')}</CardTitle>\r\n          {onCancel && (\r\n            <Button\r\n              type=\"button\"\r\n              variant=\"ghost\"\r\n              size=\"icon\"\r\n              onClick={onCancel}\r\n              className=\"opacity-70 hover:opacity-100 transition-opacity duration-200 hover:bg-transparent\"\r\n            >\r\n              <span className=\"sr-only\">{t('close')}</span>\r\n              <LR.X size={18} />\r\n            </Button>\r\n          )}\r\n        </CardHeader>\r\n        <CardContent>\r\n          <div className=\"flex flex-col gap-2 mt-2 pointer-events-auto\">\r\n            <Label htmlFor={inputId}>{t('label')}</Label>\r\n            <div className=\"flex flex-row gap-2\">\r\n              {inputEl}\r\n              {submitButtonEl}\r\n            </div>\r\n            {helpText && (\r\n              <p className=\"text-sm text-foreground\">{helpText}</p>\r\n            )}\r\n          </div>\r\n        </CardContent>\r\n      </Card>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className={cn('flex flex-col gap-2 mt-2 pointer-events-auto')}>\r\n      <Label htmlFor={inputId}>{t('label')}</Label>\r\n      <div className=\"flex items-center gap-1\">\r\n        {inputEl}\r\n        {submitButtonEl}\r\n      </div>\r\n      {helpText && (\r\n        <p className=\"text-sm text-foreground\">{helpText}</p>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"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","names":["_a","_b","_c","_d","_e"]}
+{"version":3,"sources":["../../../../../src/core/components/ui/Comments/CommentInput.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 { useSession } from 'next-auth/react'\r\nimport { useTranslations } from 'next-intl'\r\nimport * as React from 'react'\r\n\r\nimport { useCreateComment } from '../../../hooks/comments/comments'\r\nimport { AppConfigContext, MapContext, BuildingsContext, MenusContext, ToolsContext } from '../../../store'\r\nimport { ViewerNames } from '../../../types/dbTypes'\r\nimport { cn } from '../../../utils/utils'\r\nimport { AddItemDialog } from '../AddItemDialog'\r\nimport { Button } from '../Button'\r\nimport { Card, CardContent, CardHeader, CardTitle } from '../Card'\r\nimport { Input } from '../Input'\r\nimport { Label } from '../Label'\r\n\r\nimport type { Comment} from '../../../types/dbTypes';\r\n\r\nexport type CommentInputLayout = 'inline' | 'card' | 'dialog'\r\n\r\nexport type BimCommentPlacementContext = {\r\n  world: any\r\n  raycast: (data: { camera: any; mouse: any; dom: any }) => Promise<any>\r\n  buildingId?: number\r\n  setCursor?: (cursor: string) => void\r\n  addPendingMarker?: (position: { x: number; y: number; z: number }) => number\r\n  removePendingMarker?: (id: number) => void\r\n}\r\n\r\nexport type CommentInputProps = {\r\n  viewer: ViewerNames\r\n  layout?: CommentInputLayout\r\n  onCancel?: () => void\r\n  bim?: BimCommentPlacementContext\r\n  isOpen?: boolean\r\n}\r\n\r\nexport function CommentInput({\r\n  viewer,\r\n  layout = 'inline',\r\n  onCancel,\r\n  bim,\r\n  isOpen = false,\r\n}: CommentInputProps) {\r\n  const t = useTranslations('CommentInput')\r\n  const session = useSession()\r\n\r\n  const user = useSession().data?.user\r\n\r\n  const organizationId = user?.organizationId\r\n  const authorId = session.data?.user?.id || -1\r\n\r\n  const { state: appConfigState } = React.useContext(AppConfigContext)\r\n  const mapContext = React.useContext(MapContext)\r\n\r\n  const { state: buildingsState } = React.useContext(BuildingsContext)\r\n  const buildingId = buildingsState?.buildings?.building?.id || -1\r\n\r\n  const [text, setText] = React.useState('')\r\n  const [isPlacing, setIsPlacing] = React.useState(false)\r\n\r\n  const inputId = React.useId()\r\n  const { createComment } = useCreateComment()\r\n\r\n  const setCursor = React.useCallback((cursor: string) => {\r\n    if (viewer === ViewerNames.map) {\r\n      const map = mapContext?.state?.map?.map\r\n      if (!map) return\r\n      if (map.getCanvas().style.cursor === cursor) return\r\n      map.getCanvas().style.cursor = cursor\r\n      return\r\n    }\r\n\r\n    if (viewer === ViewerNames.bim) {\r\n      bim?.setCursor?.(cursor)\r\n    }\r\n  }, [bim, mapContext, viewer])\r\n\r\n  const reset = React.useCallback(() => {\r\n    setIsPlacing(false)\r\n    setText('')\r\n    setCursor('')\r\n  }, [setCursor])\r\n\r\n  const onCreateComment = async (commentData: Partial<Comment>) => {\r\n    const commentResult = await createComment({ commentData })\r\n    reset()\r\n  }\r\n\r\n  const { state: menusState, dispatch: menusDispatch } = React.useContext(MenusContext)\r\n  const { state: toolsState } = React.useContext(ToolsContext)\r\n  const { currentToolId } = toolsState.tools\r\n  const { commentsVisibleInViewer } = menusState.menus\r\n\r\n  React.useEffect(() => {\r\n    const viewerToShow = currentToolId === 'bim-add-comment'\r\n      ? ViewerNames.bim\r\n      : currentToolId === 'map-add-comment'\r\n        ? ViewerNames.map\r\n        : null\r\n\r\n    if (!viewerToShow) return\r\n    if (commentsVisibleInViewer.includes(viewerToShow)) return\r\n\r\n    menusDispatch({\r\n      type: 'SHOW_COMMENTS_IN_VIEWER',\r\n      payload: { viewer: viewerToShow },\r\n    })\r\n  }, [currentToolId, commentsVisibleInViewer, menusDispatch])\r\n\r\n  React.useEffect(() => {\r\n    if (!isPlacing) return\r\n\r\n    if (viewer === ViewerNames.map) {\r\n      const map = mapContext?.state?.map?.map\r\n      if (!map) return\r\n\r\n      const mouseMoveCrosshairHandler = () => {\r\n        setCursor('crosshair')\r\n      }\r\n\r\n      const dbClickAddCommentHandler = (e: any): void => {\r\n        const longitude = e?.lngLat?.lng\r\n        const latitude = e?.lngLat?.lat\r\n        if (typeof longitude !== 'number' || typeof latitude !== 'number') return\r\n\r\n        const elevation = map.queryTerrainElevation([latitude, longitude]) || 0\r\n\r\n        const newComment = {\r\n          authorId: Number(user?.id),\r\n          organizationId,\r\n          text,\r\n          visible: true,\r\n          longitude,\r\n          latitude,\r\n          elevation,\r\n          viewer: ViewerNames.map,\r\n        }\r\n        onCreateComment(newComment)\r\n      }\r\n\r\n      map.on('mousemove', mouseMoveCrosshairHandler)\r\n      map.on('dblclick', dbClickAddCommentHandler)\r\n\r\n      return () => {\r\n        setCursor('')\r\n        map.off('mousemove', mouseMoveCrosshairHandler)\r\n        map.off('dblclick', dbClickAddCommentHandler)\r\n      }\r\n    }\r\n\r\n\r\n    if (viewer === ViewerNames.bim) {\r\n      const world = bim?.world\r\n      const raycast = bim?.raycast\r\n      if (!world || !raycast) return\r\n\r\n      let disposed = false\r\n      let removeListeners: (() => void) | null = null\r\n\r\n        ; (async () => {\r\n          const THREE = await import('three')\r\n          if (disposed) return\r\n\r\n          const mouse = new THREE.Vector2()\r\n\r\n          const handleMouseMove = (e: MouseEvent) => {\r\n            mouse.x = e.clientX\r\n            mouse.y = e.clientY\r\n          }\r\n\r\n          const handleDblClick = async (e: MouseEvent) => {\r\n            mouse.x = e.clientX\r\n            mouse.y = e.clientY\r\n\r\n            const result = await raycast({\r\n              camera: world.camera?.three,\r\n              mouse,\r\n              dom: world.renderer?.three?.domElement,\r\n            })\r\n\r\n            if (!result?.point) return\r\n            const p = result.point\r\n\r\n            // Add pending marker immediately\r\n            const pendingId = bim?.addPendingMarker?.({ x: p.x, y: p.y, z: p.z })\r\n\r\n            const newComment = {\r\n              authorId: Number(authorId),\r\n              organizationId,\r\n              text,\r\n              x: p.x,\r\n              y: p.y,\r\n              z: p.z,\r\n              visible: true,\r\n              buildingId,\r\n              viewer,\r\n            }\r\n\r\n            try {\r\n              await onCreateComment(newComment)\r\n            } finally {\r\n              // Remove pending marker after creation completes (or fails)\r\n              if (pendingId) {\r\n                bim?.removePendingMarker?.(pendingId)\r\n              }\r\n            }\r\n            // BIM flow historically closes the adding UI once the comment is placed.\r\n            onCancel?.()\r\n          }\r\n\r\n          document.addEventListener('mousemove', handleMouseMove)\r\n          document.addEventListener('dblclick', handleDblClick)\r\n\r\n          removeListeners = () => {\r\n            document.removeEventListener('mousemove', handleMouseMove)\r\n            document.removeEventListener('dblclick', handleDblClick)\r\n          }\r\n        })()\r\n\r\n      return () => {\r\n        disposed = true\r\n        setCursor('')\r\n        removeListeners?.()\r\n      }\r\n    }\r\n  }, [\r\n    appConfigState,\r\n    bim,\r\n    isPlacing,\r\n    mapContext,\r\n    viewer,\r\n    onCancel,\r\n    reset,\r\n    setCursor,\r\n    text,\r\n    authorId,\r\n  ])\r\n\r\n  const onSubmit = () => {\r\n    if (text.trim() === '') return\r\n    setIsPlacing(true)\r\n    setCursor('crosshair')\r\n  }\r\n\r\n  const inputEl = (\r\n    <Input\r\n      id={inputId}\r\n      type=\"text\"\r\n      value={text}\r\n      onChange={e => setText(e.target.value)}\r\n      placeholder={t('placeholder')}\r\n      className={cn('cursor-pointer')}\r\n    />\r\n  )\r\n\r\n  const submitButtonEl = (\r\n    <Button\r\n      type=\"button\"\r\n      variant=\"ghost\"\r\n      onClick={onSubmit}\r\n      className=\"cursor-pointer transition-transform duration-200 active:scale-90\"\r\n      disabled={text.trim() === ''}\r\n    >\r\n      <LR.Plus className={cn('w-4 h-4', 'cursor-pointer transition-transform duration-200 active:scale-90')} />\r\n    </Button>\r\n  )\r\n\r\n  const helpText =\r\n    isPlacing\r\n      ? (viewer === ViewerNames.map ? t('placeHelpTextMap') : t('placeHelpTextBim'))\r\n      : null\r\n\r\n  if (layout === 'dialog') {\r\n    // When placing, return null so the map is fully interactive (component stays mounted for useEffect)\r\n    if (isPlacing) return null\r\n\r\n    return (\r\n      <AddItemDialog\r\n        open={isOpen}\r\n        onOpenChange={open => !open && onCancel?.()}\r\n        title={t('title')}\r\n        icon={LR.MessageCircle}\r\n      >\r\n        <div className=\"flex flex-col gap-2 pointer-events-auto\">\r\n          <Label htmlFor={inputId}>{t('label')}</Label>\r\n          <div className=\"flex flex-row gap-2\">\r\n            {inputEl}\r\n            {submitButtonEl}\r\n          </div>\r\n        </div>\r\n      </AddItemDialog>\r\n    )\r\n  }\r\n\r\n  if (layout === 'card') {\r\n    return (\r\n      <Card className={cn('absolute bottom-10 left-0 bg-background shadow-md z-10 w-full')}>\r\n        <CardHeader className=\"flex flex-row justify-between items-center pointer-events-auto py-0\">\r\n          <CardTitle className=\"text-sm\">{t('title')}</CardTitle>\r\n          {onCancel && (\r\n            <Button\r\n              type=\"button\"\r\n              variant=\"ghost\"\r\n              size=\"icon\"\r\n              onClick={onCancel}\r\n              className=\"opacity-70 hover:opacity-100 transition-opacity duration-200 hover:bg-transparent\"\r\n            >\r\n              <span className=\"sr-only\">{t('close')}</span>\r\n              <LR.X size={18} />\r\n            </Button>\r\n          )}\r\n        </CardHeader>\r\n        <CardContent>\r\n          <div className=\"flex flex-col gap-2 mt-2 pointer-events-auto\">\r\n            <Label htmlFor={inputId}>{t('label')}</Label>\r\n            <div className=\"flex flex-row gap-2\">\r\n              {inputEl}\r\n              {submitButtonEl}\r\n            </div>\r\n            {helpText && (\r\n              <p className=\"text-sm text-foreground\">{helpText}</p>\r\n            )}\r\n          </div>\r\n        </CardContent>\r\n      </Card>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className={cn('flex flex-col gap-2 mt-2 pointer-events-auto')}>\r\n      <Label htmlFor={inputId}>{t('label')}</Label>\r\n      <div className=\"flex items-center gap-1\">\r\n        {inputEl}\r\n        {submitButtonEl}\r\n      </div>\r\n      {helpText && (\r\n        <p className=\"text-sm text-foreground\">{helpText}</p>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"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","names":["_a","_b","_c","_d","_e"]}

package/dist/core/components/ui/Comments/CommentsSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommentsSection.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Comments/CommentsSection.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,wBAAgB,eAAe,sBAsI9B"}
+{"version":3,"file":"CommentsSection.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Comments/CommentsSection.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAe9B,wBAAgB,eAAe,sBAsI9B"}

package/dist/core/components/ui/Comments/CommentsSection.js

@@ -1,14 +1,14 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
 import * as LR from "lucide-react";
+import { useTranslations } from "next-intl";
+import * as React from "react";
+import { toast } from "sonner";
+import { useComment, useComments } from "../../../hooks/comments/comments";
 import { BuildingsContext, MenusContext, ToolsContext, usePermissions } from "../../../store";
 import { CollapsibleSection } from "../CollapsibleSection";
 import { SearchInput } from "../SearchInput";
-import { useTranslations } from "next-intl";
 import { CollapsibleCommentItem } from "./CollapsibleCommentItem";
-import { useComment, useComments } from "../../../hooks/comments/comments";
-import { toast } from "sonner";
 function CommentsSection() {
   var _a, _b;
   const t = useTranslations("CommentsSection");