@collabdt/core 0.3.0 → 0.3.2

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,11 +1,18 @@
 import * as React from 'react';
-import { Comment } from '../../../types/dbTypes';
+import type { Comment } from '../../../types/dbTypes';
 type CommentAction = 'view' | 'edit' | 'delete' | 'reply';
+/** Request from a 3D/map marker to auto-open a comment's editor or reply box. */
+export interface PendingCommentAction {
+    commentId: number;
+    action: 'edit' | 'reply';
+    requestId: number;
+}
 interface CollapsibleCommentItemProps {
     comment: Comment;
     onAction?: (action: CommentAction, id: number) => void;
     replies?: Comment[];
-    onReply?: (id: number, replyText: string | number) => void;
+    onReply?: (comment: Comment, replyText: string) => void;
+    onEdit?: (id: number, text: string) => void;
     onFileUpload?: (id: number, files: FileList) => void;
     attachments?: Array<{
         name: string;
@@ -14,9 +21,12 @@ interface CollapsibleCommentItemProps {
     }>;
     depth?: number;
     isVisible?: boolean;
+    focused?: boolean;
+    onFocus?: () => void;
+    pendingAction?: PendingCommentAction;
     onMouseEnter?: () => void;
     onMouseLeave?: () => void;
 }
-export declare function CollapsibleCommentItem({ comment, onAction, replies, onReply, onFileUpload, attachments, depth, isVisible, onMouseEnter, onMouseLeave }: CollapsibleCommentItemProps): React.JSX.Element;
+export declare function CollapsibleCommentItem({ comment, onAction, replies, onReply, onEdit, onFileUpload, depth, isVisible, focused, onFocus, pendingAction, onMouseEnter, onMouseLeave, }: CollapsibleCommentItemProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=CollapsibleCommentItem.d.ts.map

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":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAe9B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAErD,KAAK,aAAa,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEzD,iFAAiF;AACjF,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,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,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACvD,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,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,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,aAAa,CAAC,EAAE,oBAAoB,CAAA;IACpC,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,MAAM,EACN,YAAY,EACZ,KAAS,EACT,SAAgB,EAChB,OAAe,EACf,OAAO,EACP,aAAa,EACb,YAAY,EACZ,YAAY,GACb,EAAE,2BAA2B,qBAsM7B"}

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

@@ -1,203 +1,201 @@
 "use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+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 { commentRingShadow } from "../../../utils/markerUtils";
+import { formatTimestamp } from "../../../utils/timeUtils";
+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";
+import { CommentActionButtons } from "./CommentActionButtons";
 function CollapsibleCommentItem({
   comment,
   onAction,
   replies = [],
   onReply,
+  onEdit,
   onFileUpload,
-  attachments = [],
   depth = 0,
   isVisible = true,
+  focused = false,
+  onFocus,
+  pendingAction,
   onMouseEnter,
   onMouseLeave
 }) {
   var _a, _b;
   const t = useTranslations("CommentsSection");
   const { ability } = usePermissions();
+  const isReply = depth > 0;
   const [isExpanded, setIsExpanded] = React.useState(false);
-  const [showReplyInput, setShowReplyInput] = React.useState(false);
   const [replyText, setReplyText] = React.useState("");
-  const fileInputRef = React.useRef(null);
+  const [isEditing, setIsEditing] = React.useState(false);
+  const [editText, setEditText] = React.useState(comment.text);
+  const containerRef = React.useRef(null);
+  const replyInputRef = React.useRef(null);
   const prevVisibleRef = React.useRef(isVisible);
   const user = (_a = useSession().data) == null ? void 0 : _a.user;
+  const isAuthor = (user == null ? void 0 : user.id) === String(comment.authorId);
+  const canReply = ability.can("create", "Comment");
+  const canEdit = ability.can("update", "Comment");
+  const canDelete = ability.can("delete", "Comment");
+  const { user: author } = useUser(String(comment.authorId));
+  const authorName = (_b = author == null ? void 0 : author.name) != null ? _b : "Unknown User";
   React.useEffect(() => {
-    const prevVisible = prevVisibleRef.current;
-    if (prevVisible && !isVisible) {
-      setIsExpanded(false);
-    }
+    if (prevVisibleRef.current && !isVisible) setIsExpanded(false);
     prevVisibleRef.current = isVisible;
   }, [isVisible]);
+  const handleEditStart = React.useCallback(() => {
+    setEditText(comment.text);
+    setIsEditing(true);
+  }, [comment.text]);
+  const openReply = React.useCallback(() => {
+    setIsExpanded(true);
+    requestAnimationFrame(() => {
+      var _a2;
+      return (_a2 = replyInputRef.current) == null ? void 0 : _a2.focus();
+    });
+  }, []);
+  React.useEffect(() => {
+    var _a2;
+    if (!pendingAction) return;
+    const matchesSelf = pendingAction.commentId === comment.id;
+    const matchesReply = replies.some((r) => r.id === pendingAction.commentId);
+    if (matchesSelf) {
+      if (pendingAction.action === "edit") handleEditStart();
+      else openReply();
+      (_a2 = containerRef.current) == null ? void 0 : _a2.scrollIntoView({ behavior: "smooth", block: "nearest" });
+    }
+    if (matchesReply) setIsExpanded(true);
+  }, [pendingAction == null ? void 0 : pendingAction.requestId]);
   const handleReplySubmit = () => {
     if (replyText.trim() && onReply) {
-      onReply(comment.id, replyText);
+      onReply(comment, replyText);
       setReplyText("");
-      setShowReplyInput(false);
     }
   };
-  const handleFileSelect = (event) => {
-    if (event.target.files && event.target.files.length > 0 && onFileUpload) {
-      onFileUpload(comment.id, event.target.files);
-      event.target.value = "";
-    }
+  const handleEditSubmit = () => {
+    const next = editText.trim();
+    if (next && next !== comment.text && onEdit) onEdit(comment.id, next);
+    setIsEditing(false);
   };
-  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";
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      ref: containerRef,
       className: cn(
-        "border rounded-md overflow-hidden transition-opacity",
-        indentClass
-        // !isVisible && "opacity-50"
+        "transition-colors",
+        !isReply && "rounded-md border",
+        isReply && "pt-2"
       ),
+      style: focused ? { boxShadow: commentRingShadow({ focused: true }), borderColor: "transparent" } : void 0,
       onMouseEnter,
       onMouseLeave,
+      onDoubleClick: (e) => {
+        e.stopPropagation();
+        onFocus == null ? void 0 : onFocus();
+      },
+      title: onFocus ? t("doubleClickZoom") : void 0,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between p-3 hover:bg-accent/50 transition-colors", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-1.5 p-3", !isReply && "hover:bg-accent/50 transition-colors rounded-md", onFocus && "cursor-pointer"), children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ jsx(Avatar, { className: cn("mt-0.5 rounded-full overflow-hidden shrink-0", isReply ? "h-6 w-6" : "h-8 w-8"), children: /* @__PURE__ */ jsx(UserAvatar, { imageFileId: author == null ? void 0 : author.imageFileId, name: authorName }) }),
+            /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground truncate", children: authorName }),
+              comment.updatedAt !== comment.createdAt && /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-xs", children: t("edited") }),
+              /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground ml-auto whitespace-nowrap", children: formatTimestamp(comment.createdAt) })
+            ] }) }),
+            onAction && /* @__PURE__ */ jsx(
+              CommentActionButtons,
+              {
+                onReply: !isReply && onReply ? openReply : void 0,
+                onEdit: isAuthor ? handleEditStart : void 0,
+                onDelete: isAuthor ? () => onAction("delete", comment.id) : void 0,
+                canReply,
+                canEdit,
+                canDelete,
+                labels: { reply: t("replyToComment"), edit: t("editComment"), delete: t("deleteComment") }
+              }
+            )
+          ] }),
+          isEditing ? /* @__PURE__ */ jsxs("div", { className: "flex gap-2", onDoubleClick: (e) => e.stopPropagation(), children: [
             /* @__PURE__ */ jsx(
-              Button,
+              Input,
               {
-                variant: "ghost",
-                size: "sm",
-                className: cn("h-6 w-6 p-0 mt-1"),
-                onClick: () => setIsExpanded(!isExpanded),
-                children: /* @__PURE__ */ jsx(
-                  LR.ChevronRight,
-                  {
-                    className: cn(
-                      "h-4 w-4 transition-transform",
-                      isExpanded && "rotate-90"
-                    )
+                value: editText,
+                onChange: (e) => setEditText(e.target.value),
+                className: "flex-1 h-8",
+                autoFocus: true,
+                onKeyDown: (e) => {
+                  if (e.key === "Enter" && !e.shiftKey) {
+                    e.preventDefault();
+                    handleEditSubmit();
                   }
-                )
+                  if (e.key === "Escape") setIsEditing(false);
+                },
+                disabled: !canEdit
               }
             ),
-            /* @__PURE__ */ jsx(Avatar, { className: cn("h-8 w-8 mt-1 rounded-full overflow-hidden"), children: /* @__PURE__ */ jsx(UserAvatar, { imageFileId: author == null ? void 0 : author.imageFileId, name: authorName }) }),
-            /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx("span", { className: cn("text-sm font-medium text-foreground "), children: authorName }),
-                comment.updatedAt !== comment.createdAt && /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-xs", children: t("edited") })
-              ] }),
-              /* @__PURE__ */ jsx("p", { className: cn("text-sm mt-1 line-clamp-1 text-foreground"), children: comment.text }),
-              replies.length > 0 && !isExpanded && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground mt-1", children: [
+            /* @__PURE__ */ jsx(Button, { size: "icon", className: "h-8 w-8 p-0", onClick: handleEditSubmit, disabled: !editText.trim() || !canEdit, children: /* @__PURE__ */ jsx(LR.Check, { className: "h-4 w-4" }) }),
+            /* @__PURE__ */ jsx(Button, { size: "icon", variant: "ghost", className: "h-8 w-8 p-0", onClick: () => setIsEditing(false), children: /* @__PURE__ */ jsx(LR.X, { className: "h-4 w-4" }) })
+          ] }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground whitespace-pre-wrap break-words", children: comment.text }),
+          !isReply && replies.length > 0 && /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              className: "flex items-center gap-1 w-fit text-xs text-muted-foreground hover:text-foreground transition-colors",
+              onClick: () => setIsExpanded((v) => !v),
+              children: [
+                /* @__PURE__ */ jsx(LR.ChevronRight, { className: cn("h-3.5 w-3.5 transition-transform", isExpanded && "rotate-90") }),
                 replies.length,
                 " ",
                 replies.length === 1 ? t("reply") : t("replies")
-              ] })
-            ] })
-          ] }),
-          onAction && /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-0 flex-shrink-0"), children: [
+              ]
+            }
+          )
+        ] }),
+        !isReply && isExpanded && /* @__PURE__ */ jsxs("div", { className: "ml-5 border-l border-border pl-1 pr-2 pb-2", children: [
+          replies.map((reply) => /* @__PURE__ */ jsx(
+            CollapsibleCommentItem,
+            {
+              comment: reply,
+              onAction,
+              onReply,
+              onEdit,
+              onFileUpload,
+              depth: depth + 1,
+              pendingAction
+            },
+            reply.id
+          )),
+          onReply && /* @__PURE__ */ jsxs("div", { className: "flex gap-2 px-1 pt-2", onDoubleClick: (e) => e.stopPropagation(), children: [
             /* @__PURE__ */ jsx(
-              Button,
+              Input,
               {
-                variant: "ghost",
-                size: "icon",
-                className: "h-8 w-8 p-0",
-                onClick: () => setShowReplyInput(!showReplyInput),
-                title: t("replyToComment"),
-                disabled: !ability.can("create", "Comment"),
-                children: /* @__PURE__ */ jsx(LR.Reply, { className: "h-4 w-4" })
+                ref: replyInputRef,
+                value: replyText,
+                onChange: (e) => setReplyText(e.target.value),
+                placeholder: t("writeReply"),
+                className: "flex-1 h-8",
+                onKeyDown: (e) => {
+                  if (e.key === "Enter" && !e.shiftKey) {
+                    e.preventDefault();
+                    handleReplySubmit();
+                  }
+                },
+                disabled: !canReply
               }
             ),
-            (user == null ? void 0 : user.id) === String(comment.authorId) && /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "icon",
-                  className: "h-8 w-8 p-0",
-                  onClick: () => onAction("edit", comment.id),
-                  title: t("editComment"),
-                  disabled: !ability.can("update", "Comment"),
-                  children: /* @__PURE__ */ jsx(LR.Pencil, { className: "h-4 w-4" })
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "icon",
-                  className: "h-8 w-8 p-0",
-                  onClick: () => onAction("delete", comment.id),
-                  title: t("deleteComment"),
-                  disabled: !ability.can("delete", "Comment"),
-                  children: /* @__PURE__ */ jsx(LR.Trash2, { className: "h-4 w-4" })
-                }
-              )
-            ] })
+            /* @__PURE__ */ jsx(Button, { size: "icon", className: "h-8 w-8 p-0", onClick: handleReplySubmit, disabled: !replyText.trim() || !canReply, children: /* @__PURE__ */ jsx(LR.Send, { className: "h-4 w-4" }) })
           ] })
-        ] }),
-        isExpanded && /* @__PURE__ */ jsx("div", { className: "border-t bg-muted/30", children: /* @__PURE__ */ jsxs("div", { className: "p-4 space-y-4", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: format(new Date(comment.createdAt), "PPp") }),
-          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground whitespace-pre-wrap", children: comment.text }) })
-        ] }) }),
-        showReplyInput && onReply && /* @__PURE__ */ jsx("div", { className: "border-t p-3 bg-muted/20", children: /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              value: replyText,
-              onChange: (e) => setReplyText(e.target.value),
-              placeholder: t("writeReply"),
-              className: "flex-1",
-              onKeyDown: (e) => {
-                if (e.key === "Enter" && !e.shiftKey) {
-                  e.preventDefault();
-                  handleReplySubmit();
-                }
-              },
-              disabled: !ability.can("create", "Comment")
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              size: "sm",
-              onClick: handleReplySubmit,
-              disabled: !replyText.trim() || !ability.can("create", "Comment"),
-              children: /* @__PURE__ */ jsx(LR.Send, { className: "h-4 w-4" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              size: "sm",
-              variant: "ghost",
-              onClick: () => {
-                setShowReplyInput(false);
-                setReplyText("");
-              },
-              disabled: !ability.can("create", "Comment"),
-              children: /* @__PURE__ */ jsx(LR.X, { className: "h-4 w-4" })
-            }
-          )
-        ] }) }),
-        isExpanded && replies.length > 0 && /* @__PURE__ */ jsx("div", { className: "border-t", children: replies.map((reply) => /* @__PURE__ */ jsx(
-          CollapsibleCommentItem,
-          {
-            comment: reply,
-            onAction,
-            onReply,
-            onFileUpload,
-            depth: depth + 1
-          },
-          reply.id
-        )) })
+        ] })
       ]
     }
   );