@mieweb/ui 0.7.1-dev.8 → 0.7.1-dev.9

package/dist/{chunk-U3ABLVYH.cjs.map → chunk-WUNWHOLA.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Textarea/Textarea.tsx"],"names":["cva","React","jsxs","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAM,gBAAA,GAAmBA,0BAAA;AAAA,EACvB;AAAA,IACE,kBAAA;AAAA,IACA,gCAAA;AAAA,IACA,+BAAA;AAAA,IACA,mCAAA;AAAA,IACA,gCAAA;AAAA,IACA,0EAAA;AAAA,IACA,iDAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,sBAAA;AAAA,QACJ,EAAA,EAAI,wBAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,QAAA,EAAU;AAAA,QACR,IAAA,EAAM,2CAAA;AAAA,QACN,KAAA,EAAO;AAAA,OACT;AAAA,MACA,MAAA,EAAQ;AAAA,QACN,IAAA,EAAM,aAAA;AAAA,QACN,QAAA,EAAU,UAAA;AAAA,QACV,UAAA,EAAY,UAAA;AAAA,QACZ,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,IAAA;AAAA,MACN,QAAA,EAAU,KAAA;AAAA,MACV,MAAA,EAAQ;AAAA;AACV;AAEJ;AAoCA,IAAM,QAAA,GAAiBC,gBAAA,CAAA,UAAA;AAAA,EACrB,CACE;AAAA,IACE,SAAA;AAAA,IACA,IAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA,GAAY,KAAA;AAAA,IACZ,UAAA,GAAa,KAAA;AAAA,IACb,EAAA;AAAA,IACA,KAAA;AAAA,IACA,YAAA;AAAA,IACA,QAAA;AAAA,IACA,kBAAA,EAAoB,eAAA;AAAA,IACpB,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,WAAA,GAAoBA,wBAA4B,IAAI,CAAA;AAC1D,IAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAUA,gBAAA,CAAA,QAAA;AAAA,MAC7C,YAAA,IAA2B;AAAA,KAC9B;AAEA,IAAA,MAAM,cAAoBA,gBAAA,CAAA,KAAA,EAAM;AAChC,IAAA,MAAM,aAAa,EAAA,IAAM,WAAA;AACzB,IAAA,MAAM,OAAA,GAAU,GAAG,UAAU,CAAA,MAAA,CAAA;AAC7B,IAAA,MAAM,QAAA,GAAW,GAAG,UAAU,CAAA,OAAA,CAAA;AAC9B,IAAA,MAAM,OAAA,GAAU,GAAG,UAAU,CAAA,MAAA,CAAA;AAG7B,IAAMA,gBAAA,CAAA,mBAAA,CAAoB,GAAA,EAAK,MAAM,WAAA,CAAY,OAAQ,CAAA;AAGzD,IAAA,MAAM,YAAA,GAAe,KAAA,KAAU,MAAA,GAAY,MAAA,CAAO,KAAK,CAAA,GAAI,aAAA;AAC3D,IAAA,MAAM,iBAAiB,YAAA,CAAa,MAAA;AAGpC,IAAA,MAAM,YAAA,GAAqBA,6BAAY,MAAM;AAC3C,MAAA,MAAM,WAAW,WAAA,CAAY,OAAA;AAC7B,MAAA,IAAI,YAAY,UAAA,EAAY;AAC1B,QAAA,QAAA,CAAS,MAAM,MAAA,GAAS,MAAA;AACxB,QAAA,QAAA,CAAS,KAAA,CAAM,MAAA,GAAS,CAAA,EAAG,QAAA,CAAS,YAAY,CAAA,EAAA,CAAA;AAAA,MAClD;AAAA,IACF,CAAA,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,IAAMA,2BAAU,MAAM;AACpB,MAAA,YAAA,EAAa;AAAA,IACf,CAAA,EAAG,CAAC,YAAA,EAAc,YAAY,CAAC,CAAA;AAG/B,IAAA,MAAM,YAAA,GAAqBA,gBAAA,CAAA,WAAA;AAAA,MACzB,CAAC,CAAA,KAA8C;AAC7C,QAAA,IAAI,UAAU,MAAA,EAAW;AACvB,UAAA,gBAAA,CAAiB,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,QACjC;AACA,QAAA,QAAA,GAAW,CAAC,CAAA;AACZ,QAAA,YAAA,EAAa;AAAA,MACf,CAAA;AAAA,MACA,CAAC,KAAA,EAAO,QAAA,EAAU,YAAY;AAAA,KAChC;AAGA,IAAA,MAAM,cAAA,GAAiB;AAAA,MACrB,QAAQ,OAAA,GAAU,IAAA;AAAA,MAClB,UAAA,IAAc,CAAC,KAAA,GAAQ,QAAA,GAAW,IAAA;AAAA,MAClC,YAAY,OAAA,GAAU,IAAA;AAAA,MACtB;AAAA,KACF,CACG,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AAEX,IAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,kBAAA,EAAmB,WAAU,uBAAA,EACzC,QAAA,EAAA;AAAA,MAAA,KAAA,oBACCC,cAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,WAAA,EAAU,gBAAA;AAAA,UACV,OAAA,EAAS,UAAA;AAAA,UACT,SAAA,EAAWC,oBAAA;AAAA,YACT,qCAAA;AAAA,YACA,SAAA,IAAa;AAAA,WACf;AAAA,UAEC,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,sBAEFD,cAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,WAAA,EAAU,UAAA;AAAA,UACV,GAAA,EAAK,WAAA;AAAA,UACL,EAAA,EAAI,UAAA;AAAA,UACJ,KAAA;AAAA,UACA,YAAA,EAAc,KAAA,KAAU,MAAA,GAAY,YAAA,GAAe,MAAA;AAAA,UACnD,QAAA,EAAU,YAAA;AAAA,UACV,SAAA;AAAA,UACA,cAAA,EAAc,QAAA,IAAY,CAAC,CAAC,KAAA;AAAA,UAC5B,oBAAkB,cAAA,IAAkB,MAAA;AAAA,UACpC,SAAA,EAAWC,oBAAA;AAAA,YACT,gBAAA,CAAiB;AAAA,cACf,IAAA;AAAA,cACA,QAAA,EAAU,QAAA,IAAY,CAAC,CAAC,KAAA;AAAA,cACxB,MAAA,EAAQ,aAAa,MAAA,GAAS;AAAA,aAC/B,CAAA;AAAA,YACD;AAAA,WACF;AAAA,UACC,GAAG;AAAA;AAAA,OACN;AAAA,sBACAF,eAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,WAAA,EAAU,iBAAA;AAAA,UACV,SAAA,EAAU,yCAAA;AAAA,UAEV,QAAA,EAAA;AAAA,4BAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,QAAA,EACZ,QAAA,EAAA;AAAA,cAAA,KAAA,oBACCC,cAAA;AAAA,gBAAC,GAAA;AAAA,gBAAA;AAAA,kBACC,EAAA,EAAI,OAAA;AAAA,kBACJ,WAAA,EAAU,gBAAA;AAAA,kBACV,SAAA,EAAU,wDAAA;AAAA,kBACV,IAAA,EAAK,OAAA;AAAA,kBAEJ,QAAA,EAAA;AAAA;AAAA,eACH;AAAA,cAED,UAAA,IAAc,CAAC,KAAA,oBACdA,cAAA;AAAA,gBAAC,GAAA;AAAA,gBAAA;AAAA,kBACC,EAAA,EAAI,QAAA;AAAA,kBACJ,WAAA,EAAU,iBAAA;AAAA,kBACV,SAAA,EAAU,+BAAA;AAAA,kBAET,QAAA,EAAA;AAAA;AAAA;AACH,aAAA,EAEJ,CAAA;AAAA,YACC,SAAA,oBACCD,eAAA;AAAA,cAAC,GAAA;AAAA,cAAA;AAAA,gBACC,EAAA,EAAI,OAAA;AAAA,gBACJ,WAAA,EAAU,gBAAA;AAAA,gBACV,SAAA,EAAWE,oBAAA;AAAA,kBACT,wCAAA;AAAA,kBACA,SAAA,IAAa,kBAAkB,SAAA,IAAa;AAAA,iBAC9C;AAAA,gBAEC,QAAA,EAAA;AAAA,kBAAA,cAAA;AAAA,kBACA,SAAA,IAAa,IAAI,SAAS,CAAA;AAAA;AAAA;AAAA;AAC7B;AAAA;AAAA;AAEJ,KAAA,EACF,CAAA;AAAA,EAEJ;AACF;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-U3ABLVYH.cjs","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst textareaVariants = cva(\n  [\n    'w-full px-3 py-2',\n    'border border-input rounded-lg',\n    'bg-background text-foreground',\n    'placeholder:text-muted-foreground',\n    'transition-colors duration-200',\n    'focus:outline-none focus:ring-2 focus:ring-ring focus:border-transparent',\n    'disabled:cursor-not-allowed disabled:opacity-50',\n    'resize-y',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'text-sm min-h-[60px]',\n        md: 'text-base min-h-[80px]',\n        lg: 'text-lg min-h-[100px]',\n      },\n      hasError: {\n        true: 'border-destructive focus:ring-destructive',\n        false: '',\n      },\n      resize: {\n        none: 'resize-none',\n        vertical: 'resize-y',\n        horizontal: 'resize-x',\n        both: 'resize',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      hasError: false,\n      resize: 'vertical',\n    },\n  }\n);\n\nexport interface TextareaProps\n  extends\n    Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'>,\n    VariantProps<typeof textareaVariants> {\n  /** Label for the textarea */\n  label?: string;\n  /** Whether the label should be visually hidden */\n  hideLabel?: boolean;\n  /** Error message to display */\n  error?: string;\n  /** Helper text to display */\n  helperText?: string;\n  /** Maximum character count */\n  maxLength?: number;\n  /** Show character count */\n  showCount?: boolean;\n  /** Auto-resize based on content */\n  autoResize?: boolean;\n}\n\n/**\n * A multi-line text input component with character count and auto-resize.\n *\n * @example\n * ```tsx\n * <Textarea label=\"Description\" placeholder=\"Enter a description...\" />\n * <Textarea\n *   label=\"Bio\"\n *   maxLength={280}\n *   showCount\n *   helperText=\"Tell us about yourself\"\n * />\n * ```\n */\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (\n    {\n      className,\n      size,\n      hasError,\n      resize,\n      label,\n      hideLabel,\n      error,\n      helperText,\n      maxLength,\n      showCount = false,\n      autoResize = false,\n      id,\n      value,\n      defaultValue,\n      onChange,\n      'aria-describedby': ariaDescribedBy,\n      ...props\n    },\n    ref\n  ) => {\n    const internalRef = React.useRef<HTMLTextAreaElement>(null);\n    const [internalValue, setInternalValue] = React.useState(\n      (defaultValue as string) || ''\n    );\n\n    const generatedId = React.useId();\n    const textareaId = id || generatedId;\n    const errorId = `${textareaId}-error`;\n    const helperId = `${textareaId}-helper`;\n    const countId = `${textareaId}-count`;\n\n    // Combine refs\n    React.useImperativeHandle(ref, () => internalRef.current!);\n\n    // Get current value\n    const currentValue = value !== undefined ? String(value) : internalValue;\n    const characterCount = currentValue.length;\n\n    // Auto-resize logic\n    const adjustHeight = React.useCallback(() => {\n      const textarea = internalRef.current;\n      if (textarea && autoResize) {\n        textarea.style.height = 'auto';\n        textarea.style.height = `${textarea.scrollHeight}px`;\n      }\n    }, [autoResize]);\n\n    React.useEffect(() => {\n      adjustHeight();\n    }, [currentValue, adjustHeight]);\n\n    // Handle change\n    const handleChange = React.useCallback(\n      (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n        if (value === undefined) {\n          setInternalValue(e.target.value);\n        }\n        onChange?.(e);\n        adjustHeight();\n      },\n      [value, onChange, adjustHeight]\n    );\n\n    // Build aria-describedby\n    const describedByIds = [\n      error ? errorId : null,\n      helperText && !error ? helperId : null,\n      showCount ? countId : null,\n      ariaDescribedBy,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <div data-slot=\"textarea-wrapper\" className=\"flex flex-col gap-1.5\">\n        {label && (\n          <label\n            data-slot=\"textarea-label\"\n            htmlFor={textareaId}\n            className={cn(\n              'text-foreground text-sm font-medium',\n              hideLabel && 'sr-only'\n            )}\n          >\n            {label}\n          </label>\n        )}\n        <textarea\n          data-slot=\"textarea\"\n          ref={internalRef}\n          id={textareaId}\n          value={value}\n          defaultValue={value === undefined ? defaultValue : undefined}\n          onChange={handleChange}\n          maxLength={maxLength}\n          aria-invalid={hasError || !!error}\n          aria-describedby={describedByIds || undefined}\n          className={cn(\n            textareaVariants({\n              size,\n              hasError: hasError || !!error,\n              resize: autoResize ? 'none' : resize,\n            }),\n            className\n          )}\n          {...props}\n        />\n        <div\n          data-slot=\"textarea-footer\"\n          className=\"flex items-center justify-between gap-2\"\n        >\n          <div className=\"flex-1\">\n            {error && (\n              <p\n                id={errorId}\n                data-slot=\"textarea-error\"\n                className=\"text-destructive-700 dark:text-destructive-400 text-sm\"\n                role=\"alert\"\n              >\n                {error}\n              </p>\n            )}\n            {helperText && !error && (\n              <p\n                id={helperId}\n                data-slot=\"textarea-helper\"\n                className=\"text-muted-foreground text-sm\"\n              >\n                {helperText}\n              </p>\n            )}\n          </div>\n          {showCount && (\n            <p\n              id={countId}\n              data-slot=\"textarea-count\"\n              className={cn(\n                'text-muted-foreground shrink-0 text-xs',\n                maxLength && characterCount >= maxLength && 'text-destructive'\n              )}\n            >\n              {characterCount}\n              {maxLength && `/${maxLength}`}\n            </p>\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n\nTextarea.displayName = 'Textarea';\n\nexport { Textarea, textareaVariants };\n"]}
+{"version":3,"sources":["../src/components/Textarea/Textarea.tsx"],"names":["cva","React","jsxs","jsx","cn"],"mappings":"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","file":"chunk-WUNWHOLA.cjs","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst textareaVariants = cva(\n  [\n    'w-full px-3 py-2',\n    'border border-input rounded-lg',\n    'bg-background text-foreground',\n    'placeholder:text-muted-foreground',\n    'transition-colors duration-200',\n    'focus:outline-none focus:ring-2 focus:ring-ring focus:border-transparent',\n    'disabled:cursor-not-allowed disabled:opacity-50',\n    'resize-y',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'text-sm min-h-[60px]',\n        md: 'text-base min-h-[80px]',\n        lg: 'text-lg min-h-[100px]',\n      },\n      hasError: {\n        true: 'border-destructive focus:ring-destructive',\n        false: '',\n      },\n      resize: {\n        none: 'resize-none',\n        vertical: 'resize-y',\n        horizontal: 'resize-x',\n        both: 'resize',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      hasError: false,\n      resize: 'vertical',\n    },\n  }\n);\n\nexport interface TextareaProps\n  extends\n    Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'>,\n    VariantProps<typeof textareaVariants> {\n  /** Label for the textarea */\n  label?: string;\n  /** Whether the label should be visually hidden */\n  hideLabel?: boolean;\n  /** Error message to display */\n  error?: string;\n  /** Helper text to display */\n  helperText?: string;\n  /** Maximum character count */\n  maxLength?: number;\n  /** Show character count */\n  showCount?: boolean;\n  /** Auto-resize based on content */\n  autoResize?: boolean;\n}\n\n/**\n * A multi-line text input component with character count and auto-resize.\n *\n * @example\n * ```tsx\n * <Textarea label=\"Description\" placeholder=\"Enter a description...\" />\n * <Textarea\n *   label=\"Bio\"\n *   maxLength={280}\n *   showCount\n *   helperText=\"Tell us about yourself\"\n * />\n * ```\n */\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (\n    {\n      className,\n      size,\n      hasError,\n      resize,\n      label,\n      hideLabel,\n      error,\n      helperText,\n      maxLength,\n      showCount = false,\n      autoResize = false,\n      id,\n      value,\n      defaultValue,\n      onChange,\n      'aria-describedby': ariaDescribedBy,\n      ...props\n    },\n    ref\n  ) => {\n    const internalRef = React.useRef<HTMLTextAreaElement>(null);\n    const [internalValue, setInternalValue] = React.useState(\n      (defaultValue as string) || ''\n    );\n\n    const generatedId = React.useId();\n    const textareaId = id || generatedId;\n    const errorId = `${textareaId}-error`;\n    const helperId = `${textareaId}-helper`;\n    const countId = `${textareaId}-count`;\n\n    // Combine refs\n    React.useImperativeHandle(ref, () => internalRef.current!);\n\n    // Get current value\n    const currentValue = value !== undefined ? String(value) : internalValue;\n    const characterCount = currentValue.length;\n\n    // Auto-resize logic\n    const adjustHeight = React.useCallback(() => {\n      const textarea = internalRef.current;\n      if (textarea && autoResize) {\n        textarea.style.height = 'auto';\n        textarea.style.height = `${textarea.scrollHeight}px`;\n      }\n    }, [autoResize]);\n\n    React.useEffect(() => {\n      adjustHeight();\n    }, [currentValue, adjustHeight]);\n\n    // Handle change\n    const handleChange = React.useCallback(\n      (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n        if (value === undefined) {\n          setInternalValue(e.target.value);\n        }\n        onChange?.(e);\n        adjustHeight();\n      },\n      [value, onChange, adjustHeight]\n    );\n\n    // Build aria-describedby\n    const describedByIds = [\n      error ? errorId : null,\n      helperText && !error ? helperId : null,\n      showCount ? countId : null,\n      ariaDescribedBy,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <div data-slot=\"textarea-wrapper\" className=\"flex flex-col gap-1.5\">\n        {label && (\n          <label\n            data-slot=\"textarea-label\"\n            htmlFor={textareaId}\n            className={cn(\n              'text-foreground text-sm font-medium',\n              hideLabel && 'sr-only'\n            )}\n          >\n            {label}\n          </label>\n        )}\n        <textarea\n          data-slot=\"textarea\"\n          ref={internalRef}\n          id={textareaId}\n          value={value}\n          defaultValue={value === undefined ? defaultValue : undefined}\n          onChange={handleChange}\n          maxLength={maxLength}\n          aria-invalid={hasError || !!error}\n          aria-describedby={describedByIds || undefined}\n          className={cn(\n            textareaVariants({\n              size,\n              hasError: hasError || !!error,\n              resize: autoResize ? 'none' : resize,\n            }),\n            className\n          )}\n          {...props}\n        />\n        <div\n          data-slot=\"textarea-footer\"\n          className=\"flex items-center justify-between gap-2\"\n        >\n          <div className=\"flex-1\">\n            {error && (\n              <p\n                id={errorId}\n                data-slot=\"textarea-error\"\n                className=\"text-destructive-700 dark:text-destructive-400 text-sm\"\n                role=\"alert\"\n              >\n                {error}\n              </p>\n            )}\n            {helperText && !error && (\n              <p\n                id={helperId}\n                data-slot=\"textarea-helper\"\n                className=\"text-muted-foreground text-sm\"\n              >\n                {helperText}\n              </p>\n            )}\n          </div>\n          {showCount && (\n            <p\n              id={countId}\n              data-slot=\"textarea-count\"\n              className={cn(\n                'text-muted-foreground shrink-0 text-xs',\n                maxLength && characterCount >= maxLength && 'text-destructive'\n              )}\n            >\n              {characterCount}\n              {maxLength && `/${maxLength}`}\n            </p>\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n\nTextarea.displayName = 'Textarea';\n\nexport { Textarea, textareaVariants };\n"]}

package/dist/{chunk-RH43XBNV.cjs → chunk-WWJIW2IH.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunk6HFFWEM3_cjs = require('./chunk-6HFFWEM3.cjs');
-var chunkOR5DRJCW_cjs = require('./chunk-OR5DRJCW.cjs');
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
 var React = require('react');
 var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
@@ -304,7 +304,7 @@ function Tooltip({
                 // neutral-900 / white
                 fontFamily: "var(--mieweb-font-sans, ui-sans-serif, system-ui, sans-serif)"
               },
-              className: chunkOR5DRJCW_cjs.cn(
+              className: chunkS5RVSXDV_cjs.cn(
                 "pointer-events-none z-[9999] px-3 py-1.5 text-xs",
                 "rounded-md shadow-md",
                 "leading-normal font-semibold",
@@ -326,5 +326,5 @@ function Tooltip({
 Tooltip.displayName = "Tooltip";
 
 exports.Tooltip = Tooltip;
-//# sourceMappingURL=chunk-RH43XBNV.cjs.map
-//# sourceMappingURL=chunk-RH43XBNV.cjs.map
+//# sourceMappingURL=chunk-WWJIW2IH.cjs.map
+//# sourceMappingURL=chunk-WWJIW2IH.cjs.map

package/dist/{chunk-RH43XBNV.cjs.map → chunk-WWJIW2IH.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Tooltip/Tooltip.tsx"],"names":["React","usePrefersReducedMotion","jsxs","createPortal","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,IAAM,cAAA,GAAiB,CAAA;AACvB,IAAM,gBAAA,GAAmB,CAAA;AAqBzB,SAAS,OAAA,CAAQ;AAAA,EACf,OAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAW,kBAAA,GAAqB,KAAA;AAAA,EAChC,KAAA,GAAQ,GAAA;AAAA,EACR,QAAA,GAAW,KAAA;AAAA,EACX,IAAA,EAAM,cAAA;AAAA,EACN,YAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA,GAAW,GAAA;AAAA,EACX,MAAA,GAAS;AACX,CAAA,EAAiB;AACf,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAUA,0BAAS,KAAK,CAAA;AACpE,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAUA,0BAK5B,IAAI,CAAA;AACd,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAUA,0BAAS,KAAK,CAAA;AAExD,EAAA,MAAM,cAAA,GAAuBA,gBAAA,CAAA,MAAA;AAAA,IAC3B;AAAA,GACF;AACA,EAAA,MAAM,cAAA,GAAuBA,gBAAA,CAAA,MAAA;AAAA,IAC3B;AAAA,GACF;AACA,EAAA,MAAM,aAAA,GAAsBA,wBAAO,KAAK,CAAA;AACxC,EAAA,MAAM,UAAA,GAAmBA,wBAAuB,IAAI,CAAA;AACpD,EAAA,MAAM,UAAA,GAAmBA,wBAAuB,IAAI,CAAA;AACpD,EAAA,MAAM,YAAkBA,gBAAA,CAAA,KAAA,EAAM;AAC9B,EAAA,MAAM,uBAAuBC,yCAAA,EAAwB;AAErD,EAAA,MAAM,eAAe,cAAA,KAAmB,MAAA;AACxC,EAAA,MAAM,MAAA,GAAS,eAAe,cAAA,GAAiB,gBAAA;AAE/C,EAAA,MAAM,OAAA,GAAgBD,gBAAA,CAAA,WAAA;AAAA,IACpB,CAAC,KAAA,KAAmB;AAClB,MAAA,IAAI,CAAC,YAAA,EAAc;AACjB,QAAA,mBAAA,CAAoB,KAAK,CAAA;AAAA,MAC3B;AACA,MAAA,YAAA,GAAe,KAAK,CAAA;AAAA,IACtB,CAAA;AAAA,IACA,CAAC,cAAc,YAAY;AAAA,GAC7B;AAEA,EAAA,MAAM,aAAA,GAAsBA,6BAAY,MAAM;AAC5C,IAAA,IAAI,eAAe,OAAA,EAAS;AAC1B,MAAA,YAAA,CAAa,eAAe,OAAO,CAAA;AACnC,MAAA,cAAA,CAAe,OAAA,GAAU,IAAA;AAAA,IAC3B;AACA,IAAA,IAAI,eAAe,OAAA,EAAS;AAC1B,MAAA,YAAA,CAAa,eAAe,OAAO,CAAA;AACnC,MAAA,cAAA,CAAe,OAAA,GAAU,IAAA;AAAA,IAC3B;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAGL,EAAA,MAAM,iBAAA,GAA0BA,6BAAY,MAAM;AAChD,IAAA,IAAI,CAAC,UAAA,CAAW,OAAA,IAAW,CAAC,WAAW,OAAA,EAAS;AAEhD,IAAA,MAAM,WAAA,GAAc,UAAA,CAAW,OAAA,CAAQ,qBAAA,EAAsB;AAC7D,IAAA,MAAM,WAAA,GAAc,UAAA,CAAW,OAAA,CAAQ,qBAAA,EAAsB;AAC7D,IAAA,MAAM,gBAAgB,MAAA,CAAO,UAAA;AAC7B,IAAA,MAAM,iBAAiB,MAAA,CAAO,WAAA;AAG9B,IAAA,MAAM,aAAA,GAAgB,CAAC,CAAA,KAAiC;AACtD,MAAA,QAAQ,CAAA;AAAG,QACT,KAAK,KAAA;AACH,UAAA,OACE,WAAA,CAAY,GAAA,GAAM,WAAA,CAAY,MAAA,GAAS,MAAA,IAAU,gBAAA;AAAA,QAErD,KAAK,QAAA;AACH,UAAA,OACE,WAAA,CAAY,MAAA,GAAS,WAAA,CAAY,MAAA,GAAS,UAC1C,cAAA,GAAiB,gBAAA;AAAA,QAErB,KAAK,MAAA;AACH,UAAA,OACE,WAAA,CAAY,IAAA,GAAO,WAAA,CAAY,KAAA,GAAQ,MAAA,IAAU,gBAAA;AAAA,QAErD,KAAK,OAAA;AACH,UAAA,OACE,WAAA,CAAY,KAAA,GAAQ,WAAA,CAAY,KAAA,GAAQ,UACxC,aAAA,GAAgB,gBAAA;AAAA;AAEtB,IACF,CAAA;AAGA,IAAA,IAAI,eAAA,GAAkB,kBAAA;AACtB,IAAA,IAAI,CAAC,aAAA,CAAc,kBAAkB,CAAA,EAAG;AACtC,MAAA,MAAM,SAAA,GAAwD;AAAA,QAC5D,GAAA,EAAK,QAAA;AAAA,QACL,MAAA,EAAQ,KAAA;AAAA,QACR,IAAA,EAAM,OAAA;AAAA,QACN,KAAA,EAAO;AAAA,OACT;AACA,MAAA,MAAM,QAAA,GAAW,UAAU,kBAAkB,CAAA;AAC7C,MAAA,IAAI,aAAA,CAAc,QAAQ,CAAA,EAAG;AAC3B,QAAA,eAAA,GAAkB,QAAA;AAAA,MACpB,CAAA,MAAO;AAEL,QAAA,MAAM,aAAA,GACJ,kBAAA,KAAuB,KAAA,IAAS,kBAAA,KAAuB,QAAA,GACnD,CAAC,OAAA,EAAS,MAAM,CAAA,GAChB,CAAC,QAAA,EAAU,KAAK,CAAA;AACtB,QAAA,KAAA,MAAW,KAAK,aAAA,EAAe;AAC7B,UAAA,IAAI,aAAA,CAAc,CAAC,CAAA,EAAG;AACpB,YAAA,eAAA,GAAkB,CAAA;AAClB,YAAA;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAGA,IAAA,IAAI,GAAA,GAAM,CAAA;AACV,IAAA,IAAI,IAAA,GAAO,CAAA;AACX,IAAA,MAAM,cAAA,GAAiB,WAAA,CAAY,IAAA,GAAO,WAAA,CAAY,KAAA,GAAQ,CAAA;AAC9D,IAAA,MAAM,cAAA,GAAiB,WAAA,CAAY,GAAA,GAAM,WAAA,CAAY,MAAA,GAAS,CAAA;AAE9D,IAAA,QAAQ,eAAA;AAAiB,MACvB,KAAK,KAAA;AACH,QAAA,GAAA,GAAM,WAAA,CAAY,GAAA,GAAM,WAAA,CAAY,MAAA,GAAS,MAAA;AAC7C,QAAA,IAAA,GAAO,cAAA,GAAiB,YAAY,KAAA,GAAQ,CAAA;AAC5C,QAAA;AAAA,MACF,KAAK,QAAA;AACH,QAAA,GAAA,GAAM,YAAY,MAAA,GAAS,MAAA;AAC3B,QAAA,IAAA,GAAO,cAAA,GAAiB,YAAY,KAAA,GAAQ,CAAA;AAC5C,QAAA;AAAA,MACF,KAAK,MAAA;AACH,QAAA,GAAA,GAAM,cAAA,GAAiB,YAAY,MAAA,GAAS,CAAA;AAC5C,QAAA,IAAA,GAAO,WAAA,CAAY,IAAA,GAAO,WAAA,CAAY,KAAA,GAAQ,MAAA;AAC9C,QAAA;AAAA,MACF,KAAK,OAAA;AACH,QAAA,GAAA,GAAM,cAAA,GAAiB,YAAY,MAAA,GAAS,CAAA;AAC5C,QAAA,IAAA,GAAO,YAAY,KAAA,GAAQ,MAAA;AAC3B,QAAA;AAAA;AAIJ,IAAA,IAAI,WAAA,GAAc,CAAA;AAClB,IAAA,MAAM,SAAA,GAAY,IAAA;AAGlB,IAAA,IAAI,OAAO,gBAAA,EAAkB;AAC3B,MAAA,IAAA,GAAO,gBAAA;AAAA,IACT,CAAA,MAAA,IAAW,IAAA,GAAO,WAAA,CAAY,KAAA,GAAQ,gBAAgB,gBAAA,EAAkB;AACtE,MAAA,IAAA,GAAO,aAAA,GAAgB,YAAY,KAAA,GAAQ,gBAAA;AAAA,IAC7C;AAGA,IAAA,IAAI,eAAA,KAAoB,KAAA,IAAS,eAAA,KAAoB,QAAA,EAAU;AAC7D,MAAA,WAAA,GAAc,SAAA,GAAY,IAAA;AAAA,IAC5B;AAGA,IAAA,IAAI,MAAM,gBAAA,EAAkB;AAC1B,MAAA,GAAA,GAAM,gBAAA;AAAA,IACR,CAAA,MAAA,IAAW,GAAA,GAAM,WAAA,CAAY,MAAA,GAAS,iBAAiB,gBAAA,EAAkB;AACvE,MAAA,GAAA,GAAM,cAAA,GAAiB,YAAY,MAAA,GAAS,gBAAA;AAAA,IAC9C;AAEA,IAAA,WAAA,CAAY,EAAE,GAAA,EAAK,IAAA,EAAM,eAAA,EAAiB,aAAa,CAAA;AAAA,EACzD,CAAA,EAAG,CAAC,kBAAA,EAAoB,MAAM,CAAC,CAAA;AAG/B,EAAMA,2BAAU,MAAM;AACpB,IAAA,IAAI,OAAO,aAAa,WAAA,EAAa;AAErC,IAAA,MAAM,gBAAgB,MAAM;AAC1B,MAAA,aAAA,CAAc,QAAA,CAAS,eAAA,CAAgB,SAAA,CAAU,QAAA,CAAS,MAAM,CAAC,CAAA;AAAA,IACnE,CAAA;AAEA,IAAA,aAAA,EAAc;AAGd,IAAA,MAAM,QAAA,GAAW,IAAI,MAAA,CAAO,gBAAA,CAAiB,aAAa,CAAA;AAC1D,IAAA,QAAA,CAAS,OAAA,CAAQ,SAAS,eAAA,EAAiB;AAAA,MACzC,UAAA,EAAY,IAAA;AAAA,MACZ,eAAA,EAAiB,CAAC,OAAO;AAAA,KAC1B,CAAA;AAED,IAAA,OAAO,MAAM,SAAS,UAAA,EAAW;AAAA,EACnC,CAAA,EAAG,EAAE,CAAA;AAGL,EAAMA,2BAAU,MAAM;AACpB,IAAA,IAAI,CAAC,MAAA,EAAQ;AACX,MAAA,WAAA,CAAY,IAAI,CAAA;AAChB,MAAA;AAAA,IACF;AAGA,IAAA,MAAM,KAAA,GAAQ,MAAA,CAAO,qBAAA,CAAsB,MAAM;AAC/C,MAAA,iBAAA,EAAkB;AAAA,IACpB,CAAC,CAAA;AAGD,IAAA,MAAM,YAAA,GAAe,MAAM,iBAAA,EAAkB;AAC7C,IAAA,MAAA,CAAO,gBAAA,CAAiB,QAAA,EAAU,YAAA,EAAc,IAAI,CAAA;AACpD,IAAA,MAAA,CAAO,gBAAA,CAAiB,UAAU,YAAY,CAAA;AAE9C,IAAA,OAAO,MAAM;AACX,MAAA,MAAA,CAAO,qBAAqB,KAAK,CAAA;AACjC,MAAA,MAAA,CAAO,mBAAA,CAAoB,QAAA,EAAU,YAAA,EAAc,IAAI,CAAA;AACvD,MAAA,MAAA,CAAO,mBAAA,CAAoB,UAAU,YAAY,CAAA;AAAA,IACnD,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,MAAA,EAAQ,iBAAiB,CAAC,CAAA;AAE9B,EAAA,MAAM,gBAAA,GAAyBA,6BAAY,MAAM;AAC/C,IAAA,IAAI,QAAA,EAAU;AACd,IAAA,aAAA,CAAc,OAAA,GAAU,IAAA;AACxB,IAAA,aAAA,EAAc;AACd,IAAA,cAAA,CAAe,OAAA,GAAU,WAAW,MAAM;AACxC,MAAA,IAAI,cAAc,OAAA,EAAS;AACzB,QAAA,OAAA,CAAQ,IAAI,CAAA;AAAA,MACd;AAAA,IACF,GAAG,KAAK,CAAA;AAAA,EACV,GAAG,CAAC,QAAA,EAAU,KAAA,EAAO,OAAA,EAAS,aAAa,CAAC,CAAA;AAE5C,EAAA,MAAM,gBAAA,GAAyBA,6BAAY,MAAM;AAC/C,IAAA,aAAA,CAAc,OAAA,GAAU,KAAA;AACxB,IAAA,aAAA,EAAc;AACd,IAAA,cAAA,CAAe,OAAA,GAAU,WAAW,MAAM;AACxC,MAAA,IAAI,CAAC,cAAc,OAAA,EAAS;AAC1B,QAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,MACf;AAAA,IACF,GAAG,GAAG,CAAA;AAAA,EACR,CAAA,EAAG,CAAC,OAAA,EAAS,aAAa,CAAC,CAAA;AAE3B,EAAA,MAAM,WAAA,GAAoBA,6BAAY,MAAM;AAC1C,IAAA,IAAI,QAAA,EAAU;AACd,IAAA,aAAA,EAAc;AACd,IAAA,OAAA,CAAQ,IAAI,CAAA;AAAA,EACd,CAAA,EAAG,CAAC,QAAA,EAAU,OAAA,EAAS,aAAa,CAAC,CAAA;AAErC,EAAA,MAAM,UAAA,GAAmBA,6BAAY,MAAM;AACzC,IAAA,aAAA,EAAc;AACd,IAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,EACf,CAAA,EAAG,CAAC,OAAA,EAAS,aAAa,CAAC,CAAA;AAG3B,EAAMA,2BAAU,MAAM;AACpB,IAAA,OAAO,MAAM;AACX,MAAA,aAAA,EAAc;AAAA,IAChB,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,aAAa,CAAC,CAAA;AAGlB,EAAA,MAAM,OAAA,GAAgBA,8BAAa,QAAA,EAAU;AAAA,IAC3C,OAAA,EAAS,WAAA;AAAA,IACT,MAAA,EAAQ,UAAA;AAAA,IACR,kBAAA,EAAoB,SAAS,SAAA,GAAY;AAAA,GAC1C,CAAA;AAID,EAAA,MAAM,aAAA,GAAgB,CAAC,MAAA,KAAyC;AAC9D,IAAA,IAAI,CAAC,QAAA,EAAU,OAAO,EAAC;AACvB,IAAA,MAAM,EAAE,eAAA,EAAiB,WAAA,EAAY,GAAI,QAAA;AAEzC,IAAA,MAAM,SAAA,GAAiC;AAAA,MACrC,QAAA,EAAU,UAAA;AAAA,MACV,KAAA,EAAO,CAAA;AAAA,MACP,MAAA,EAAQ,CAAA;AAAA,MACR,WAAA,EAAa,OAAA;AAAA;AAAA,MAEb,SAAA,EAAW;AAAA,KACb;AAEA,IAAA,MAAM,SAAA,GAAY,CAAA;AAElB,IAAA,MAAM,UAAA,GAAa,SAAS,SAAA,GAAY,SAAA;AAKxC,IAAA,QAAQ,eAAA;AAAiB,MACvB,KAAK,KAAA;AACH,QAAA,OAAO;AAAA,UACL,GAAG,SAAA;AAAA,UACH,QAAQ,EAAC;AAAA,UACT,IAAA,EAAM,cAAc,WAAW,CAAA,GAAA,CAAA;AAAA,UAC/B,SAAA,EAAW,kBAAA;AAAA,UACX,aAAa,CAAA,EAAG,SAAS,CAAA,GAAA,EAAM,SAAS,QAAQ,SAAS,CAAA,EAAA,CAAA;AAAA,UACzD,WAAA,EAAa,GAAG,UAAU,CAAA,oCAAA;AAAA,SAC5B;AAAA,MACF,KAAK,QAAA;AACH,QAAA,OAAO;AAAA,UACL,GAAG,SAAA;AAAA,UACH,KAAK,EAAC;AAAA,UACN,IAAA,EAAM,cAAc,WAAW,CAAA,GAAA,CAAA;AAAA,UAC/B,SAAA,EAAW,kBAAA;AAAA,UACX,aAAa,CAAA,EAAA,EAAK,SAAS,CAAA,GAAA,EAAM,SAAS,MAAM,SAAS,CAAA,EAAA,CAAA;AAAA,UACzD,WAAA,EAAa,2BAA2B,UAAU,CAAA,YAAA;AAAA,SACpD;AAAA,MACF,KAAK,MAAA;AACH,QAAA,OAAO;AAAA,UACL,GAAG,SAAA;AAAA,UACH,OAAO,EAAC;AAAA,UACR,GAAA,EAAK,KAAA;AAAA,UACL,SAAA,EAAW,kBAAA;AAAA,UACX,aAAa,CAAA,EAAG,SAAS,CAAA,KAAA,EAAQ,SAAS,MAAM,SAAS,CAAA,EAAA,CAAA;AAAA,UACzD,WAAA,EAAa,uCAAuC,UAAU,CAAA;AAAA,SAChE;AAAA,MACF,KAAK,OAAA;AACH,QAAA,OAAO;AAAA,UACL,GAAG,SAAA;AAAA,UACH,MAAM,EAAC;AAAA,UACP,GAAA,EAAK,KAAA;AAAA,UACL,SAAA,EAAW,kBAAA;AAAA,UACX,aAAa,CAAA,EAAG,SAAS,CAAA,GAAA,EAAM,SAAS,MAAM,SAAS,CAAA,IAAA,CAAA;AAAA,UACvD,WAAA,EAAa,eAAe,UAAU,CAAA,wBAAA;AAAA,SACxC;AAAA;AACJ,EACF,CAAA;AAEA,EAAA,uBACEE,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,UAAA;AAAA,MACL,SAAA,EAAU,sBAAA;AAAA,MACV,YAAA,EAAc,gBAAA;AAAA,MACd,YAAA,EAAc,gBAAA;AAAA,MAEb,QAAA,EAAA;AAAA,QAAA,OAAA;AAAA,QACA,MAAA,IACC,CAAC,QAAA,IACD,OAAO,aAAa,WAAA,IACpBC,qBAAA;AAAA,0BACED,eAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,GAAA,EAAK,UAAA;AAAA,cACL,EAAA,EAAI,SAAA;AAAA,cACJ,IAAA,EAAK,SAAA;AAAA,cACL,WAAA,EAAU,SAAA;AAAA,cACV,eAAa,CAAC,MAAA;AAAA,cACd,KAAA,EAAO;AAAA,gBACL,QAAA,EAAU,OAAA;AAAA,gBACV,GAAA,EAAK,UAAU,GAAA,IAAO,KAAA;AAAA,gBACtB,IAAA,EAAM,UAAU,IAAA,IAAQ,KAAA;AAAA,gBACxB,QAAA,EAAU,QAAA,KAAa,MAAA,GAAS,MAAA,GAAY,QAAA;AAAA,gBAC5C,UAAA,EAAY,WAAW,SAAA,GAAY,QAAA;AAAA;AAAA,gBAEnC,eAAA,EAAiB,aAAa,SAAA,GAAY,SAAA;AAAA;AAAA,gBAC1C,KAAA,EAAO,aAAa,SAAA,GAAY,SAAA;AAAA;AAAA,gBAChC,UAAA,EACE;AAAA,eACJ;AAAA,cACA,SAAA,EAAWE,oBAAA;AAAA,gBACT,kDAAA;AAAA,gBACA,sBAAA;AAAA,gBACA,8BAAA;AAAA,gBACA,CAAC,wBAAwB,QAAA,IAAY,iBAAA;AAAA,gBACrC;AAAA,eACF;AAAA,cAEC,QAAA,EAAA;AAAA,gBAAA,OAAA;AAAA,gBACA,QAAA,mCACE,MAAA,EAAA,EAAK,KAAA,EAAO,cAAc,UAAU,CAAA,EAAG,eAAY,MAAA,EAAO;AAAA;AAAA;AAAA,WAE/D;AAAA,UACA,QAAA,CAAS;AAAA;AACX;AAAA;AAAA,GACJ;AAEJ;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-RH43XBNV.cjs","sourcesContent":["import * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { cn } from '../../utils/cn';\nimport { usePrefersReducedMotion } from '../../hooks/usePrefersReducedMotion';\n\nexport type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';\n\nexport interface TooltipProps {\n  /** The content to display in the tooltip */\n  content: React.ReactNode;\n  /** The element that triggers the tooltip */\n  children: React.ReactElement<{\n    onFocus?: () => void;\n    onBlur?: () => void;\n    'aria-describedby'?: string;\n  }>;\n  /** Preferred placement of the tooltip relative to the trigger. Will flip if not enough space. */\n  placement?: TooltipPlacement;\n  /** Delay in ms before showing the tooltip */\n  delay?: number;\n  /** Whether the tooltip is disabled */\n  disabled?: boolean;\n  /** Controlled open state */\n  open?: boolean;\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Additional class name for the tooltip content */\n  className?: string;\n  /** Maximum width of the tooltip in pixels. Set to 'none' for no limit. Default: 250 */\n  maxWidth?: number | 'none';\n  /** Offset from the trigger element in pixels. Default: 8 */\n  offset?: number;\n}\n\nconst DEFAULT_OFFSET = 8;\nconst VIEWPORT_PADDING = 8;\n\n/**\n * An accessible tooltip component that displays on hover/focus.\n * Features smart positioning that automatically flips to avoid going off-screen.\n *\n * @example\n * ```tsx\n * <Tooltip content=\"This is a tooltip\">\n *   <Button>Hover me</Button>\n * </Tooltip>\n * ```\n *\n * @example\n * ```tsx\n * // With multi-line content\n * <Tooltip content=\"This is a longer description that will wrap nicely\" maxWidth={200}>\n *   <Button>Info</Button>\n * </Tooltip>\n * ```\n */\nfunction Tooltip({\n  content,\n  children,\n  placement: preferredPlacement = 'top',\n  delay = 200,\n  disabled = false,\n  open: controlledOpen,\n  onOpenChange,\n  className,\n  maxWidth = 250,\n  offset = DEFAULT_OFFSET,\n}: TooltipProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);\n  const [position, setPosition] = React.useState<{\n    top: number;\n    left: number;\n    actualPlacement: TooltipPlacement;\n    arrowOffset: number;\n  } | null>(null);\n  const [isDarkMode, setIsDarkMode] = React.useState(false);\n\n  const showTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(\n    null\n  );\n  const hideTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(\n    null\n  );\n  const isHoveringRef = React.useRef(false);\n  const wrapperRef = React.useRef<HTMLDivElement>(null);\n  const tooltipRef = React.useRef<HTMLDivElement>(null);\n  const tooltipId = React.useId();\n  const prefersReducedMotion = usePrefersReducedMotion();\n\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : uncontrolledOpen;\n\n  const setOpen = React.useCallback(\n    (value: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(value);\n      }\n      onOpenChange?.(value);\n    },\n    [isControlled, onOpenChange]\n  );\n\n  const clearTimeouts = React.useCallback(() => {\n    if (showTimeoutRef.current) {\n      clearTimeout(showTimeoutRef.current);\n      showTimeoutRef.current = null;\n    }\n    if (hideTimeoutRef.current) {\n      clearTimeout(hideTimeoutRef.current);\n      hideTimeoutRef.current = null;\n    }\n  }, []);\n\n  // Calculate optimal position for tooltip\n  const calculatePosition = React.useCallback(() => {\n    if (!wrapperRef.current || !tooltipRef.current) return;\n\n    const triggerRect = wrapperRef.current.getBoundingClientRect();\n    const tooltipRect = tooltipRef.current.getBoundingClientRect();\n    const viewportWidth = window.innerWidth;\n    const viewportHeight = window.innerHeight;\n\n    // Helper to check if placement fits\n    const fitsPlacement = (p: TooltipPlacement): boolean => {\n      switch (p) {\n        case 'top':\n          return (\n            triggerRect.top - tooltipRect.height - offset >= VIEWPORT_PADDING\n          );\n        case 'bottom':\n          return (\n            triggerRect.bottom + tooltipRect.height + offset <=\n            viewportHeight - VIEWPORT_PADDING\n          );\n        case 'left':\n          return (\n            triggerRect.left - tooltipRect.width - offset >= VIEWPORT_PADDING\n          );\n        case 'right':\n          return (\n            triggerRect.right + tooltipRect.width + offset <=\n            viewportWidth - VIEWPORT_PADDING\n          );\n      }\n    };\n\n    // Determine actual placement (flip if preferred doesn't fit)\n    let actualPlacement = preferredPlacement;\n    if (!fitsPlacement(preferredPlacement)) {\n      const opposites: Record<TooltipPlacement, TooltipPlacement> = {\n        top: 'bottom',\n        bottom: 'top',\n        left: 'right',\n        right: 'left',\n      };\n      const opposite = opposites[preferredPlacement];\n      if (fitsPlacement(opposite)) {\n        actualPlacement = opposite;\n      } else {\n        // Try perpendicular placements\n        const perpendicular: TooltipPlacement[] =\n          preferredPlacement === 'top' || preferredPlacement === 'bottom'\n            ? ['right', 'left']\n            : ['bottom', 'top'];\n        for (const p of perpendicular) {\n          if (fitsPlacement(p)) {\n            actualPlacement = p;\n            break;\n          }\n        }\n      }\n    }\n\n    // Calculate base position\n    let top = 0;\n    let left = 0;\n    const triggerCenterX = triggerRect.left + triggerRect.width / 2;\n    const triggerCenterY = triggerRect.top + triggerRect.height / 2;\n\n    switch (actualPlacement) {\n      case 'top':\n        top = triggerRect.top - tooltipRect.height - offset;\n        left = triggerCenterX - tooltipRect.width / 2;\n        break;\n      case 'bottom':\n        top = triggerRect.bottom + offset;\n        left = triggerCenterX - tooltipRect.width / 2;\n        break;\n      case 'left':\n        top = triggerCenterY - tooltipRect.height / 2;\n        left = triggerRect.left - tooltipRect.width - offset;\n        break;\n      case 'right':\n        top = triggerCenterY - tooltipRect.height / 2;\n        left = triggerRect.right + offset;\n        break;\n    }\n\n    // Calculate arrow offset for when tooltip is constrained\n    let arrowOffset = 0;\n    const idealLeft = left;\n\n    // Constrain to viewport (horizontal)\n    if (left < VIEWPORT_PADDING) {\n      left = VIEWPORT_PADDING;\n    } else if (left + tooltipRect.width > viewportWidth - VIEWPORT_PADDING) {\n      left = viewportWidth - tooltipRect.width - VIEWPORT_PADDING;\n    }\n\n    // Calculate arrow offset based on how much we shifted\n    if (actualPlacement === 'top' || actualPlacement === 'bottom') {\n      arrowOffset = idealLeft - left;\n    }\n\n    // Constrain to viewport (vertical)\n    if (top < VIEWPORT_PADDING) {\n      top = VIEWPORT_PADDING;\n    } else if (top + tooltipRect.height > viewportHeight - VIEWPORT_PADDING) {\n      top = viewportHeight - tooltipRect.height - VIEWPORT_PADDING;\n    }\n\n    setPosition({ top, left, actualPlacement, arrowOffset });\n  }, [preferredPlacement, offset]);\n\n  // Detect dark mode from document\n  React.useEffect(() => {\n    if (typeof document === 'undefined') return;\n\n    const checkDarkMode = () => {\n      setIsDarkMode(document.documentElement.classList.contains('dark'));\n    };\n\n    checkDarkMode();\n\n    // Watch for class changes on document\n    const observer = new window.MutationObserver(checkDarkMode);\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['class'],\n    });\n\n    return () => observer.disconnect();\n  }, []);\n\n  // Recalculate position when open or on scroll/resize\n  React.useEffect(() => {\n    if (!isOpen) {\n      setPosition(null);\n      return;\n    }\n\n    // Initial calculation after render\n    const rafId = window.requestAnimationFrame(() => {\n      calculatePosition();\n    });\n\n    // Recalculate on scroll/resize\n    const handleUpdate = () => calculatePosition();\n    window.addEventListener('scroll', handleUpdate, true);\n    window.addEventListener('resize', handleUpdate);\n\n    return () => {\n      window.cancelAnimationFrame(rafId);\n      window.removeEventListener('scroll', handleUpdate, true);\n      window.removeEventListener('resize', handleUpdate);\n    };\n  }, [isOpen, calculatePosition]);\n\n  const handleMouseEnter = React.useCallback(() => {\n    if (disabled) return;\n    isHoveringRef.current = true;\n    clearTimeouts();\n    showTimeoutRef.current = setTimeout(() => {\n      if (isHoveringRef.current) {\n        setOpen(true);\n      }\n    }, delay);\n  }, [disabled, delay, setOpen, clearTimeouts]);\n\n  const handleMouseLeave = React.useCallback(() => {\n    isHoveringRef.current = false;\n    clearTimeouts();\n    hideTimeoutRef.current = setTimeout(() => {\n      if (!isHoveringRef.current) {\n        setOpen(false);\n      }\n    }, 100);\n  }, [setOpen, clearTimeouts]);\n\n  const handleFocus = React.useCallback(() => {\n    if (disabled) return;\n    clearTimeouts();\n    setOpen(true);\n  }, [disabled, setOpen, clearTimeouts]);\n\n  const handleBlur = React.useCallback(() => {\n    clearTimeouts();\n    setOpen(false);\n  }, [setOpen, clearTimeouts]);\n\n  // Cleanup timeouts on unmount\n  React.useEffect(() => {\n    return () => {\n      clearTimeouts();\n    };\n  }, [clearTimeouts]);\n\n  // Clone the child to add aria attributes and focus handlers\n  const trigger = React.cloneElement(children, {\n    onFocus: handleFocus,\n    onBlur: handleBlur,\n    'aria-describedby': isOpen ? tooltipId : undefined,\n  });\n\n  // Arrow styles based on actual placement - using inline styles for border triangle\n  // Arrow color matches tooltip background (neutral-900 in light mode, neutral-100 in dark mode)\n  const getArrowStyle = (isDark: boolean): React.CSSProperties => {\n    if (!position) return {};\n    const { actualPlacement, arrowOffset } = position;\n\n    const baseStyle: React.CSSProperties = {\n      position: 'absolute',\n      width: 0,\n      height: 0,\n      borderStyle: 'solid',\n      // Must use content-box for CSS border triangle to work (Tailwind sets border-box globally)\n      boxSizing: 'content-box',\n    };\n\n    const arrowSize = 5;\n    // Match tooltip background colors: bg-neutral-900 (#171717) / dark:bg-neutral-100 (#f5f5f5)\n    const arrowColor = isDark ? '#f5f5f5' : '#171717';\n\n    // Use arrowSize for positioning to create slight overlap with tooltip body\n    const arrowOffset2 = arrowSize;\n\n    switch (actualPlacement) {\n      case 'top':\n        return {\n          ...baseStyle,\n          bottom: -arrowOffset2,\n          left: `calc(50% + ${arrowOffset}px)`,\n          transform: 'translateX(-50%)',\n          borderWidth: `${arrowSize}px ${arrowSize}px 0 ${arrowSize}px`,\n          borderColor: `${arrowColor} transparent transparent transparent`,\n        };\n      case 'bottom':\n        return {\n          ...baseStyle,\n          top: -arrowOffset2,\n          left: `calc(50% + ${arrowOffset}px)`,\n          transform: 'translateX(-50%)',\n          borderWidth: `0 ${arrowSize}px ${arrowSize}px ${arrowSize}px`,\n          borderColor: `transparent transparent ${arrowColor} transparent`,\n        };\n      case 'left':\n        return {\n          ...baseStyle,\n          right: -arrowOffset2,\n          top: '50%',\n          transform: 'translateY(-50%)',\n          borderWidth: `${arrowSize}px 0 ${arrowSize}px ${arrowSize}px`,\n          borderColor: `transparent transparent transparent ${arrowColor}`,\n        };\n      case 'right':\n        return {\n          ...baseStyle,\n          left: -arrowOffset2,\n          top: '50%',\n          transform: 'translateY(-50%)',\n          borderWidth: `${arrowSize}px ${arrowSize}px ${arrowSize}px 0`,\n          borderColor: `transparent ${arrowColor} transparent transparent`,\n        };\n    }\n  };\n\n  return (\n    <div\n      ref={wrapperRef}\n      className=\"relative inline-flex\"\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      {trigger}\n      {isOpen &&\n        !disabled &&\n        typeof document !== 'undefined' &&\n        createPortal(\n          <div\n            ref={tooltipRef}\n            id={tooltipId}\n            role=\"tooltip\"\n            data-slot=\"tooltip\"\n            aria-hidden={!isOpen}\n            style={{\n              position: 'fixed',\n              top: position?.top ?? -9999,\n              left: position?.left ?? -9999,\n              maxWidth: maxWidth === 'none' ? undefined : maxWidth,\n              visibility: position ? 'visible' : 'hidden',\n              // Use inline styles to ensure they work in portals (rendered outside React tree)\n              backgroundColor: isDarkMode ? '#f5f5f5' : '#171717', // neutral-100 / neutral-900\n              color: isDarkMode ? '#171717' : '#ffffff', // neutral-900 / white\n              fontFamily:\n                'var(--mieweb-font-sans, ui-sans-serif, system-ui, sans-serif)',\n            }}\n            className={cn(\n              'pointer-events-none z-[9999] px-3 py-1.5 text-xs',\n              'rounded-md shadow-md',\n              'leading-normal font-semibold',\n              !prefersReducedMotion && position && 'animate-fade-in',\n              className\n            )}\n          >\n            {content}\n            {position && (\n              <span style={getArrowStyle(isDarkMode)} aria-hidden=\"true\" />\n            )}\n          </div>,\n          document.body\n        )}\n    </div>\n  );\n}\n\nTooltip.displayName = 'Tooltip';\n\nexport { Tooltip };\n"]}
+{"version":3,"sources":["../src/components/Tooltip/Tooltip.tsx"],"names":["React","usePrefersReducedMotion","jsxs","createPortal","cn"],"mappings":"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","file":"chunk-WWJIW2IH.cjs","sourcesContent":["import * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { cn } from '../../utils/cn';\nimport { usePrefersReducedMotion } from '../../hooks/usePrefersReducedMotion';\n\nexport type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';\n\nexport interface TooltipProps {\n  /** The content to display in the tooltip */\n  content: React.ReactNode;\n  /** The element that triggers the tooltip */\n  children: React.ReactElement<{\n    onFocus?: () => void;\n    onBlur?: () => void;\n    'aria-describedby'?: string;\n  }>;\n  /** Preferred placement of the tooltip relative to the trigger. Will flip if not enough space. */\n  placement?: TooltipPlacement;\n  /** Delay in ms before showing the tooltip */\n  delay?: number;\n  /** Whether the tooltip is disabled */\n  disabled?: boolean;\n  /** Controlled open state */\n  open?: boolean;\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Additional class name for the tooltip content */\n  className?: string;\n  /** Maximum width of the tooltip in pixels. Set to 'none' for no limit. Default: 250 */\n  maxWidth?: number | 'none';\n  /** Offset from the trigger element in pixels. Default: 8 */\n  offset?: number;\n}\n\nconst DEFAULT_OFFSET = 8;\nconst VIEWPORT_PADDING = 8;\n\n/**\n * An accessible tooltip component that displays on hover/focus.\n * Features smart positioning that automatically flips to avoid going off-screen.\n *\n * @example\n * ```tsx\n * <Tooltip content=\"This is a tooltip\">\n *   <Button>Hover me</Button>\n * </Tooltip>\n * ```\n *\n * @example\n * ```tsx\n * // With multi-line content\n * <Tooltip content=\"This is a longer description that will wrap nicely\" maxWidth={200}>\n *   <Button>Info</Button>\n * </Tooltip>\n * ```\n */\nfunction Tooltip({\n  content,\n  children,\n  placement: preferredPlacement = 'top',\n  delay = 200,\n  disabled = false,\n  open: controlledOpen,\n  onOpenChange,\n  className,\n  maxWidth = 250,\n  offset = DEFAULT_OFFSET,\n}: TooltipProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);\n  const [position, setPosition] = React.useState<{\n    top: number;\n    left: number;\n    actualPlacement: TooltipPlacement;\n    arrowOffset: number;\n  } | null>(null);\n  const [isDarkMode, setIsDarkMode] = React.useState(false);\n\n  const showTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(\n    null\n  );\n  const hideTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(\n    null\n  );\n  const isHoveringRef = React.useRef(false);\n  const wrapperRef = React.useRef<HTMLDivElement>(null);\n  const tooltipRef = React.useRef<HTMLDivElement>(null);\n  const tooltipId = React.useId();\n  const prefersReducedMotion = usePrefersReducedMotion();\n\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : uncontrolledOpen;\n\n  const setOpen = React.useCallback(\n    (value: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(value);\n      }\n      onOpenChange?.(value);\n    },\n    [isControlled, onOpenChange]\n  );\n\n  const clearTimeouts = React.useCallback(() => {\n    if (showTimeoutRef.current) {\n      clearTimeout(showTimeoutRef.current);\n      showTimeoutRef.current = null;\n    }\n    if (hideTimeoutRef.current) {\n      clearTimeout(hideTimeoutRef.current);\n      hideTimeoutRef.current = null;\n    }\n  }, []);\n\n  // Calculate optimal position for tooltip\n  const calculatePosition = React.useCallback(() => {\n    if (!wrapperRef.current || !tooltipRef.current) return;\n\n    const triggerRect = wrapperRef.current.getBoundingClientRect();\n    const tooltipRect = tooltipRef.current.getBoundingClientRect();\n    const viewportWidth = window.innerWidth;\n    const viewportHeight = window.innerHeight;\n\n    // Helper to check if placement fits\n    const fitsPlacement = (p: TooltipPlacement): boolean => {\n      switch (p) {\n        case 'top':\n          return (\n            triggerRect.top - tooltipRect.height - offset >= VIEWPORT_PADDING\n          );\n        case 'bottom':\n          return (\n            triggerRect.bottom + tooltipRect.height + offset <=\n            viewportHeight - VIEWPORT_PADDING\n          );\n        case 'left':\n          return (\n            triggerRect.left - tooltipRect.width - offset >= VIEWPORT_PADDING\n          );\n        case 'right':\n          return (\n            triggerRect.right + tooltipRect.width + offset <=\n            viewportWidth - VIEWPORT_PADDING\n          );\n      }\n    };\n\n    // Determine actual placement (flip if preferred doesn't fit)\n    let actualPlacement = preferredPlacement;\n    if (!fitsPlacement(preferredPlacement)) {\n      const opposites: Record<TooltipPlacement, TooltipPlacement> = {\n        top: 'bottom',\n        bottom: 'top',\n        left: 'right',\n        right: 'left',\n      };\n      const opposite = opposites[preferredPlacement];\n      if (fitsPlacement(opposite)) {\n        actualPlacement = opposite;\n      } else {\n        // Try perpendicular placements\n        const perpendicular: TooltipPlacement[] =\n          preferredPlacement === 'top' || preferredPlacement === 'bottom'\n            ? ['right', 'left']\n            : ['bottom', 'top'];\n        for (const p of perpendicular) {\n          if (fitsPlacement(p)) {\n            actualPlacement = p;\n            break;\n          }\n        }\n      }\n    }\n\n    // Calculate base position\n    let top = 0;\n    let left = 0;\n    const triggerCenterX = triggerRect.left + triggerRect.width / 2;\n    const triggerCenterY = triggerRect.top + triggerRect.height / 2;\n\n    switch (actualPlacement) {\n      case 'top':\n        top = triggerRect.top - tooltipRect.height - offset;\n        left = triggerCenterX - tooltipRect.width / 2;\n        break;\n      case 'bottom':\n        top = triggerRect.bottom + offset;\n        left = triggerCenterX - tooltipRect.width / 2;\n        break;\n      case 'left':\n        top = triggerCenterY - tooltipRect.height / 2;\n        left = triggerRect.left - tooltipRect.width - offset;\n        break;\n      case 'right':\n        top = triggerCenterY - tooltipRect.height / 2;\n        left = triggerRect.right + offset;\n        break;\n    }\n\n    // Calculate arrow offset for when tooltip is constrained\n    let arrowOffset = 0;\n    const idealLeft = left;\n\n    // Constrain to viewport (horizontal)\n    if (left < VIEWPORT_PADDING) {\n      left = VIEWPORT_PADDING;\n    } else if (left + tooltipRect.width > viewportWidth - VIEWPORT_PADDING) {\n      left = viewportWidth - tooltipRect.width - VIEWPORT_PADDING;\n    }\n\n    // Calculate arrow offset based on how much we shifted\n    if (actualPlacement === 'top' || actualPlacement === 'bottom') {\n      arrowOffset = idealLeft - left;\n    }\n\n    // Constrain to viewport (vertical)\n    if (top < VIEWPORT_PADDING) {\n      top = VIEWPORT_PADDING;\n    } else if (top + tooltipRect.height > viewportHeight - VIEWPORT_PADDING) {\n      top = viewportHeight - tooltipRect.height - VIEWPORT_PADDING;\n    }\n\n    setPosition({ top, left, actualPlacement, arrowOffset });\n  }, [preferredPlacement, offset]);\n\n  // Detect dark mode from document\n  React.useEffect(() => {\n    if (typeof document === 'undefined') return;\n\n    const checkDarkMode = () => {\n      setIsDarkMode(document.documentElement.classList.contains('dark'));\n    };\n\n    checkDarkMode();\n\n    // Watch for class changes on document\n    const observer = new window.MutationObserver(checkDarkMode);\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['class'],\n    });\n\n    return () => observer.disconnect();\n  }, []);\n\n  // Recalculate position when open or on scroll/resize\n  React.useEffect(() => {\n    if (!isOpen) {\n      setPosition(null);\n      return;\n    }\n\n    // Initial calculation after render\n    const rafId = window.requestAnimationFrame(() => {\n      calculatePosition();\n    });\n\n    // Recalculate on scroll/resize\n    const handleUpdate = () => calculatePosition();\n    window.addEventListener('scroll', handleUpdate, true);\n    window.addEventListener('resize', handleUpdate);\n\n    return () => {\n      window.cancelAnimationFrame(rafId);\n      window.removeEventListener('scroll', handleUpdate, true);\n      window.removeEventListener('resize', handleUpdate);\n    };\n  }, [isOpen, calculatePosition]);\n\n  const handleMouseEnter = React.useCallback(() => {\n    if (disabled) return;\n    isHoveringRef.current = true;\n    clearTimeouts();\n    showTimeoutRef.current = setTimeout(() => {\n      if (isHoveringRef.current) {\n        setOpen(true);\n      }\n    }, delay);\n  }, [disabled, delay, setOpen, clearTimeouts]);\n\n  const handleMouseLeave = React.useCallback(() => {\n    isHoveringRef.current = false;\n    clearTimeouts();\n    hideTimeoutRef.current = setTimeout(() => {\n      if (!isHoveringRef.current) {\n        setOpen(false);\n      }\n    }, 100);\n  }, [setOpen, clearTimeouts]);\n\n  const handleFocus = React.useCallback(() => {\n    if (disabled) return;\n    clearTimeouts();\n    setOpen(true);\n  }, [disabled, setOpen, clearTimeouts]);\n\n  const handleBlur = React.useCallback(() => {\n    clearTimeouts();\n    setOpen(false);\n  }, [setOpen, clearTimeouts]);\n\n  // Cleanup timeouts on unmount\n  React.useEffect(() => {\n    return () => {\n      clearTimeouts();\n    };\n  }, [clearTimeouts]);\n\n  // Clone the child to add aria attributes and focus handlers\n  const trigger = React.cloneElement(children, {\n    onFocus: handleFocus,\n    onBlur: handleBlur,\n    'aria-describedby': isOpen ? tooltipId : undefined,\n  });\n\n  // Arrow styles based on actual placement - using inline styles for border triangle\n  // Arrow color matches tooltip background (neutral-900 in light mode, neutral-100 in dark mode)\n  const getArrowStyle = (isDark: boolean): React.CSSProperties => {\n    if (!position) return {};\n    const { actualPlacement, arrowOffset } = position;\n\n    const baseStyle: React.CSSProperties = {\n      position: 'absolute',\n      width: 0,\n      height: 0,\n      borderStyle: 'solid',\n      // Must use content-box for CSS border triangle to work (Tailwind sets border-box globally)\n      boxSizing: 'content-box',\n    };\n\n    const arrowSize = 5;\n    // Match tooltip background colors: bg-neutral-900 (#171717) / dark:bg-neutral-100 (#f5f5f5)\n    const arrowColor = isDark ? '#f5f5f5' : '#171717';\n\n    // Use arrowSize for positioning to create slight overlap with tooltip body\n    const arrowOffset2 = arrowSize;\n\n    switch (actualPlacement) {\n      case 'top':\n        return {\n          ...baseStyle,\n          bottom: -arrowOffset2,\n          left: `calc(50% + ${arrowOffset}px)`,\n          transform: 'translateX(-50%)',\n          borderWidth: `${arrowSize}px ${arrowSize}px 0 ${arrowSize}px`,\n          borderColor: `${arrowColor} transparent transparent transparent`,\n        };\n      case 'bottom':\n        return {\n          ...baseStyle,\n          top: -arrowOffset2,\n          left: `calc(50% + ${arrowOffset}px)`,\n          transform: 'translateX(-50%)',\n          borderWidth: `0 ${arrowSize}px ${arrowSize}px ${arrowSize}px`,\n          borderColor: `transparent transparent ${arrowColor} transparent`,\n        };\n      case 'left':\n        return {\n          ...baseStyle,\n          right: -arrowOffset2,\n          top: '50%',\n          transform: 'translateY(-50%)',\n          borderWidth: `${arrowSize}px 0 ${arrowSize}px ${arrowSize}px`,\n          borderColor: `transparent transparent transparent ${arrowColor}`,\n        };\n      case 'right':\n        return {\n          ...baseStyle,\n          left: -arrowOffset2,\n          top: '50%',\n          transform: 'translateY(-50%)',\n          borderWidth: `${arrowSize}px ${arrowSize}px ${arrowSize}px 0`,\n          borderColor: `transparent ${arrowColor} transparent transparent`,\n        };\n    }\n  };\n\n  return (\n    <div\n      ref={wrapperRef}\n      className=\"relative inline-flex\"\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      {trigger}\n      {isOpen &&\n        !disabled &&\n        typeof document !== 'undefined' &&\n        createPortal(\n          <div\n            ref={tooltipRef}\n            id={tooltipId}\n            role=\"tooltip\"\n            data-slot=\"tooltip\"\n            aria-hidden={!isOpen}\n            style={{\n              position: 'fixed',\n              top: position?.top ?? -9999,\n              left: position?.left ?? -9999,\n              maxWidth: maxWidth === 'none' ? undefined : maxWidth,\n              visibility: position ? 'visible' : 'hidden',\n              // Use inline styles to ensure they work in portals (rendered outside React tree)\n              backgroundColor: isDarkMode ? '#f5f5f5' : '#171717', // neutral-100 / neutral-900\n              color: isDarkMode ? '#171717' : '#ffffff', // neutral-900 / white\n              fontFamily:\n                'var(--mieweb-font-sans, ui-sans-serif, system-ui, sans-serif)',\n            }}\n            className={cn(\n              'pointer-events-none z-[9999] px-3 py-1.5 text-xs',\n              'rounded-md shadow-md',\n              'leading-normal font-semibold',\n              !prefersReducedMotion && position && 'animate-fade-in',\n              className\n            )}\n          >\n            {content}\n            {position && (\n              <span style={getArrowStyle(isDarkMode)} aria-hidden=\"true\" />\n            )}\n          </div>,\n          document.body\n        )}\n    </div>\n  );\n}\n\nTooltip.displayName = 'Tooltip';\n\nexport { Tooltip };\n"]}

package/dist/{chunk-6NXQSQ3A.cjs → chunk-X4LBUPJO.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkOR5DRJCW_cjs = require('./chunk-OR5DRJCW.cjs');
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
 var React2 = require('react');
 var reactDom = require('react-dom');
 var lucideReact = require('lucide-react');
@@ -155,7 +155,7 @@ function CollabStatus({
     {
       type: "button",
       ref: triggerRef,
-      className: chunkOR5DRJCW_cjs.cn(
+      className: chunkS5RVSXDV_cjs.cn(
         "text-muted-foreground inline-flex items-center gap-1.5 rounded-md px-1.5 py-0.5 text-xs",
         "focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:outline-none",
         showLog && "hover:bg-muted cursor-pointer",
@@ -173,7 +173,7 @@ function CollabStatus({
           {
             "aria-hidden": "true",
             "data-slot": "collab-status-dot",
-            className: chunkOR5DRJCW_cjs.cn(
+            className: chunkS5RVSXDV_cjs.cn(
               "h-2 w-2 shrink-0 rounded-full",
               !connected && "bg-warning-500 animate-pulse",
               connected && attention && "bg-warning-500",
@@ -206,7 +206,7 @@ function CollabStatus({
               role: "dialog",
               "aria-labelledby": titleId,
               "data-slot": "collab-status-panel",
-              className: chunkOR5DRJCW_cjs.cn(
+              className: chunkS5RVSXDV_cjs.cn(
                 "bg-card text-card-foreground border-border fixed z-50 w-[26rem] max-w-[calc(100vw-1rem)]",
                 "rounded-lg border p-3 text-xs shadow-xl"
               ),
@@ -223,7 +223,7 @@ function CollabStatus({
                       "button",
                       {
                         type: "button",
-                        className: chunkOR5DRJCW_cjs.cn(
+                        className: chunkS5RVSXDV_cjs.cn(
                           "hover:text-foreground focus-visible:ring-ring rounded p-0.5 focus-visible:ring-2 focus-visible:outline-none",
                           wrapped ? "text-foreground bg-muted" : "text-muted-foreground"
                         ),
@@ -293,7 +293,7 @@ function CollabStatus({
                         /* @__PURE__ */ jsxRuntime.jsx(
                           "span",
                           {
-                            className: chunkOR5DRJCW_cjs.cn("text-foreground", clip),
+                            className: chunkS5RVSXDV_cjs.cn("text-foreground", clip),
                             title: peer.label,
                             children: peer.label
                           }
@@ -311,7 +311,7 @@ function CollabStatus({
                       /* @__PURE__ */ jsxRuntime.jsxs(
                         "span",
                         {
-                          className: chunkOR5DRJCW_cjs.cn(
+                          className: chunkS5RVSXDV_cjs.cn(
                             "whitespace-nowrap",
                             e.origin === "remote" ? "text-primary-600 dark:text-primary-400" : KIND_TONE[e.kind]
                           ),
@@ -324,7 +324,7 @@ function CollabStatus({
                       /* @__PURE__ */ jsxRuntime.jsx(
                         "span",
                         {
-                          className: chunkOR5DRJCW_cjs.cn("text-foreground", clip),
+                          className: chunkS5RVSXDV_cjs.cn("text-foreground", clip),
                           title: e.detail,
                           children: e.detail
                         }
@@ -507,5 +507,5 @@ function useYjsCollabStatus({
 exports.CollabStatus = CollabStatus;
 exports.defaultCollabStatusLabels = defaultCollabStatusLabels;
 exports.useYjsCollabStatus = useYjsCollabStatus;
-//# sourceMappingURL=chunk-6NXQSQ3A.cjs.map
-//# sourceMappingURL=chunk-6NXQSQ3A.cjs.map
+//# sourceMappingURL=chunk-X4LBUPJO.cjs.map
+//# sourceMappingURL=chunk-X4LBUPJO.cjs.map

package/dist/{chunk-6NXQSQ3A.cjs.map → chunk-X4LBUPJO.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CollabStatus/CollabStatus.tsx","../src/components/CollabStatus/useYjsCollabStatus.ts"],"names":["React","jsxs","cn","jsx","createPortal","WrapText","X","Fragment","React2"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6EO,IAAM,yBAAA,GAAgD;AAAA,EAC3D,IAAA,EAAM,MAAA;AAAA,EACN,UAAA,EAAY,kBAAA;AAAA,EACZ,OAAA,EAAS,CAAC,KAAA,KACR,CAAA,EAAG,KAAA,CAAM,IAAA,CAAK,IAAI,CAAC,CAAA,CAAA,EAAI,KAAA,CAAM,MAAA,KAAW,CAAA,GAAI,OAAO,KAAK,CAAA,QAAA,CAAA;AAAA,EAC1D,YAAA,EAAc,6CAAA;AAAA,EACd,UAAA,EAAY,CAAC,KAAA,KAAU,CAAA,aAAA,EAAgB,KAAK,CAAA,CAAA,CAAA;AAAA,EAC5C,KAAA,EAAO,4BAAA;AAAA,EACP,QAAA,EAAU,CAAC,KAAA,KAAU,CAAA,YAAA,EAAe,KAAK,CAAA,CAAA,CAAA;AAAA,EACzC,KAAA,EAAO,kBAAA;AAAA,EACP,IAAA,EAAM,kBAAA;AAAA,EACN,KAAA,EAAO,iBAAA;AAAA,EACP,QAAA,EAAU,MAAA;AAAA,EACV,OAAA,EAAS,QAAA;AAAA,EACT,UAAA,EAAY,QAAA;AAAA,EACZ,QAAA,EAAU,MAAA;AAAA,EACV,YAAA,EAAc,QAAA;AAAA,EACd,gBAAA,EAAkB;AACpB;AAyCA,SAAS,WAAW,KAAA,EAAkC;AACpD,EAAA,MAAM,IAAA,uBAAW,GAAA,EAA+C;AAChE,EAAA,KAAA,MAAW,KAAK,KAAA,EAAO;AACrB,IAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,GAAA,CAAI,CAAA,CAAE,IAAI,CAAA;AAC7B,IAAA,IAAI,KAAA,QAAa,KAAA,IAAS,CAAA;AAAA,SACrB,IAAA,CAAK,GAAA,CAAI,CAAA,CAAE,IAAA,EAAM,EAAE,OAAO,CAAA,EAAG,KAAA,EAAO,CAAA,CAAE,KAAA,EAAO,CAAA;AAAA,EACpD;AACA,EAAA,OAAO,CAAC,GAAG,IAAI,CAAA,CAAE,GAAA,CAAI,CAAC,CAAC,IAAA,EAAM,EAAE,KAAA,EAAO,KAAA,EAAO,CAAA,MAAO;AAAA,IAClD,OAAO,KAAA,GAAQ,CAAA,GAAI,GAAG,IAAI,CAAA,EAAA,EAAK,KAAK,CAAA,CAAA,CAAA,GAAM,IAAA;AAAA,IAC1C;AAAA,GACF,CAAE,CAAA;AACJ;AAEA,IAAM,YAAA,GAAe,CAAA;AACrB,IAAM,gBAAA,GAAmB,CAAA;AAOzB,SAAS,gBAAA,CACP,IAAA,EACA,SAAA,EACA,QAAA,EACA;AACA,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAUA,iBAAA,CAAA,QAAA;AAAA,IAC1B;AAAA,GACF;AAEA,EAAMA,kCAAgB,MAAM;AAC1B,IAAA,IAAI,CAAC,IAAA,EAAM;AACT,MAAA,MAAA,CAAO,IAAI,CAAA;AACX,MAAA;AAAA,IACF;AACA,IAAA,MAAM,SAAS,MAAM;AACnB,MAAA,MAAM,SAAS,SAAA,CAAU,OAAA;AACzB,MAAA,MAAM,QAAQ,QAAA,CAAS,OAAA;AACvB,MAAA,IAAI,CAAC,MAAA,IAAU,CAAC,KAAA,EAAO;AACvB,MAAA,MAAM,CAAA,GAAI,OAAO,qBAAA,EAAsB;AACvC,MAAA,MAAM,EAAE,WAAA,EAAa,KAAA,EAAO,YAAA,EAAc,QAAO,GAAI,KAAA;AAErD,MAAA,MAAM,OAAA,GAAU,MAAA,CAAO,UAAA,GAAa,KAAA,GAAQ,gBAAA;AAC5C,MAAA,MAAM,OAAO,IAAA,CAAK,GAAA;AAAA,QAChB,gBAAA;AAAA,QACA,IAAA,CAAK,IAAI,CAAA,CAAE,KAAA,GAAQ,OAAO,IAAA,CAAK,GAAA,CAAI,gBAAA,EAAkB,OAAO,CAAC;AAAA,OAC/D;AAEA,MAAA,IAAI,GAAA,GAAM,EAAE,MAAA,GAAS,YAAA;AACrB,MAAA,IAAI,GAAA,GAAM,MAAA,GAAS,MAAA,CAAO,WAAA,GAAc,gBAAA,EAAkB;AACxD,QAAA,GAAA,GAAM,KAAK,GAAA,CAAI,gBAAA,EAAkB,CAAA,CAAE,GAAA,GAAM,SAAS,YAAY,CAAA;AAAA,MAChE;AAEA,MAAA,MAAA,CAAO,EAAE,GAAA,EAAK,IAAA,EAAM,CAAA;AAAA,IACtB,CAAA;AAGA,IAAA,MAAM,GAAA,GAAM,MAAA,CAAO,qBAAA,CAAsB,MAAM,CAAA;AAC/C,IAAA,MAAA,CAAO,gBAAA,CAAiB,QAAA,EAAU,MAAA,EAAQ,IAAI,CAAA;AAC9C,IAAA,MAAA,CAAO,gBAAA,CAAiB,UAAU,MAAM,CAAA;AACxC,IAAA,OAAO,MAAM;AACX,MAAA,MAAA,CAAO,qBAAqB,GAAG,CAAA;AAC/B,MAAA,MAAA,CAAO,mBAAA,CAAoB,QAAA,EAAU,MAAA,EAAQ,IAAI,CAAA;AACjD,MAAA,MAAA,CAAO,mBAAA,CAAoB,UAAU,MAAM,CAAA;AAAA,IAC7C,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,IAAA,EAAM,SAAA,EAAW,QAAQ,CAAC,CAAA;AAE9B,EAAA,OAAO,GAAA;AACT;AAEA,IAAM,SAAA,GAA2C;AAAA,EAC/C,GAAA,EAAK,uBAAA;AAAA,EACL,SAAA,EAAW,wCAAA;AAAA,EACX,IAAA,EAAM,wCAAA;AAAA,EACN,KAAA,EAAO;AACT,CAAA;AA6BO,SAAS,YAAA,CAAa;AAAA,EAC3B,SAAA;AAAA,EACA,QAAQ,EAAC;AAAA,EACT,MAAM,EAAC;AAAA,EACP,IAAA,GAAO,IAAA;AAAA,EACP,OAAA,GAAU,IAAA;AAAA,EACV,OAAA,GAAU,KAAA;AAAA,EACV,SAAA,GAAY,IAAA;AAAA,EACZ,MAAA,EAAQ,cAAA;AAAA,EACR;AACF,CAAA,EAAsB;AACpB,EAAA,MAAM,MAAA,GAAS,EAAE,GAAG,yBAAA,EAA2B,GAAG,cAAA,EAAe;AACjE,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAUA,2BAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAUA,2BAAS,KAAK,CAAA;AAClD,EAAA,MAAM,UAAA,GAAmBA,yBAA0B,IAAI,CAAA;AACvD,EAAA,MAAM,QAAA,GAAiBA,yBAAuB,IAAI,CAAA;AAClD,EAAA,MAAM,GAAA,GAAM,gBAAA,CAAiB,IAAA,IAAQ,OAAA,EAAS,YAAY,QAAQ,CAAA;AAClE,EAAA,MAAM,UAAgBA,iBAAA,CAAA,KAAA,EAAM;AAG5B,EAAMA,4BAAU,MAAM;AACpB,IAAA,IAAI,CAAC,IAAA,EAAM;AACX,IAAA,MAAM,SAAA,GAAY,CAAC,CAAA,KAAqB;AACtC,MAAA,IAAI,CAAA,CAAE,QAAQ,QAAA,EAAU;AACxB,MAAA,OAAA,CAAQ,KAAK,CAAA;AACb,MAAA,UAAA,CAAW,SAAS,KAAA,EAAM;AAAA,IAC5B,CAAA;AACA,IAAA,MAAM,aAAA,GAAgB,CAAC,CAAA,KAAa;AAClC,MAAA,MAAM,SAAS,CAAA,CAAE,MAAA;AACjB,MAAA,IAAI,QAAA,CAAS,OAAA,EAAS,QAAA,CAAS,MAAM,CAAA,EAAG;AACxC,MAAA,IAAI,UAAA,CAAW,OAAA,EAAS,QAAA,CAAS,MAAM,CAAA,EAAG;AAC1C,MAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,IACf,CAAA;AACA,IAAA,QAAA,CAAS,gBAAA,CAAiB,WAAW,SAAS,CAAA;AAC9C,IAAA,QAAA,CAAS,gBAAA,CAAiB,eAAe,aAAa,CAAA;AACtD,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,mBAAA,CAAoB,WAAW,SAAS,CAAA;AACjD,MAAA,QAAA,CAAS,mBAAA,CAAoB,eAAe,aAAa,CAAA;AAAA,IAC3D,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,MAAM,SAAA,GAAY,WAAW,KAAK,CAAA;AAClC,EAAA,MAAM,QAAQ,SAAA,CAAU,GAAA,CAAI,CAAC,CAAA,KAAM,EAAE,KAAK,CAAA;AAE1C,EAAA,MAAM,IAAA,GAAO,UAAU,+BAAA,GAAkC,UAAA;AACzD,EAAA,MAAM,UAAA,GAAa,SAAA,GAAY,MAAA,CAAO,IAAA,GAAO,MAAA,CAAO,UAAA;AACpD,EAAA,MAAM,UAAA,GAAa,CAAA,EAAG,IAAA,EAAM,QAAA,IAAY,QAAG,SACzC,SAAA,GAAY,MAAA,CAAO,YAAA,GAAe,MAAA,CAAO,gBAC3C,CAAA,CAAA;AAGA,EAAA,MAAM,eAAe,OAAA,GACjB;AAAA,IACE,MAAA,CAAO,YAAA;AAAA,IACP,UAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA,CAAM,MAAA,GAAS,CAAA,IAAK,MAAA,CAAO,QAAQ,KAAK;AAAA,IAEvC,MAAA,CAAO,OAAO,EACd,IAAA,CAAK,UAAK,IACb,MAAA,CAAO,YAAA;AAEX,EAAA,MAAM,OAAA,mBACJC,eAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,GAAA,EAAK,UAAA;AAAA,MACL,SAAA,EAAWC,oBAAA;AAAA,QACT,yFAAA;AAAA,QACA,qGAAA;AAAA,QACA,OAAA,IAAW,+BAAA;AAAA,QACX;AAAA,OACF;AAAA,MACA,OAAA,EAAS,UAAU,MAAM,OAAA,CAAQ,CAAC,CAAA,KAAM,CAAC,CAAC,CAAA,GAAI,MAAA;AAAA,MAC9C,UAAU,CAAC,OAAA;AAAA,MACX,KAAA,EAAO,UAAU,YAAA,GAAe,MAAA;AAAA,MAChC,eAAA,EAAe,UAAU,IAAA,GAAO,MAAA;AAAA,MAChC,YAAA,EAAY,UAAU,YAAA,GAAe,MAAA;AAAA,MACrC,WAAA,EAAU,uBAAA;AAAA,MAEV,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAY,MAAA;AAAA,YACZ,WAAA,EAAU,mBAAA;AAAA,YACV,SAAA,EAAWD,oBAAA;AAAA,cACT,+BAAA;AAAA,cACA,CAAC,SAAA,IAAa,8BAAA;AAAA,cACd,aAAa,SAAA,IAAa,gBAAA;AAAA,cAC1B,SAAA,IAAa,CAAC,SAAA,IAAa;AAAA;AAC7B;AAAA,SACF;AAAA,QACC,CAAC,OAAA,oBAAWC,cAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,UAAA,EAAW,CAAA;AAAA,QAC9B,CAAC,OAAA,IAAW,SAAA,oBACXF,eAAA,CAAC,MAAA,EAAA,EAAK,WAAU,iDAAA,EAAkD,QAAA,EAAA;AAAA,UAAA,OAAA;AAAA,UAC7D;AAAA,SAAA,EACL,CAAA;AAAA,QAED,CAAC,OAAA,IAAW,KAAA,CAAM,MAAA,GAAS,qBAC1BE,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EAAY,QAAA,EAAA,CAAA,KAAA,EAAK,MAAA,CAAO,OAAA,CAAQ,KAAK,CAAC,CAAA,CAAA,EAAG;AAAA;AAAA;AAAA,GAE7D;AAGF,EAAA,IAAI,CAAC,SAAS,OAAO,OAAA;AAErB,EAAA,uBACEF,eAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,mCAAA;AAAA,MACV,WAAA,EAAU,eAAA;AAAA,MAET,QAAA,EAAA;AAAA,QAAA,OAAA;AAAA,QACA,IAAA,IACC,OAAO,QAAA,KAAa,WAAA,IACpBG,qBAAA;AAAA,0BACEH,eAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,GAAA,EAAK,QAAA;AAAA,cACL,IAAA,EAAK,QAAA;AAAA,cACL,iBAAA,EAAiB,OAAA;AAAA,cACjB,WAAA,EAAU,qBAAA;AAAA,cACV,SAAA,EAAWC,oBAAA;AAAA,gBACT,0FAAA;AAAA,gBACA;AAAA,eACF;AAAA,cACA,KAAA,EAAO;AAAA,gBACL,GAAA,EAAK,KAAK,GAAA,IAAO,CAAA;AAAA,gBACjB,IAAA,EAAM,KAAK,IAAA,IAAQ,CAAA;AAAA,gBACnB,UAAA,EAAY,MAAM,MAAA,GAAY;AAAA,eAChC;AAAA,cAEA,QAAA,EAAA;AAAA,gCAAAD,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,8CAAA,EACb,QAAA,EAAA;AAAA,kCAAAE,cAAA,CAAC,QAAA,EAAA,EAAO,IAAI,OAAA,EAAS,SAAA,EAAU,2BAC5B,QAAA,EAAA,MAAA,CAAO,QAAA,CAAS,GAAA,CAAI,MAAM,CAAA,EAC7B,CAAA;AAAA,kCACAF,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,2BAAA,EACd,QAAA,EAAA;AAAA,oCAAAE,cAAA;AAAA,sBAAC,QAAA;AAAA,sBAAA;AAAA,wBACC,IAAA,EAAK,QAAA;AAAA,wBACL,SAAA,EAAWD,oBAAA;AAAA,0BACT,6GAAA;AAAA,0BACA,UACI,0BAAA,GACA;AAAA,yBACN;AAAA,wBACA,SAAS,MAAM,UAAA,CAAW,CAAC,CAAA,KAAM,CAAC,CAAC,CAAA;AAAA,wBACnC,cAAA,EAAc,OAAA;AAAA,wBACd,cAAY,MAAA,CAAO,IAAA;AAAA,wBACnB,OAAO,MAAA,CAAO,IAAA;AAAA,wBACd,WAAA,EAAU,oBAAA;AAAA,wBAEV,QAAA,kBAAAC,cAAA,CAACE,oBAAA,EAAA,EAAS,SAAA,EAAU,SAAA,EAAU,eAAY,MAAA,EAAO;AAAA;AAAA,qBACnD;AAAA,oCACAF,cAAA;AAAA,sBAAC,QAAA;AAAA,sBAAA;AAAA,wBACC,IAAA,EAAK,QAAA;AAAA,wBACL,SAAA,EAAU,mIAAA;AAAA,wBACV,SAAS,MAAM;AACb,0BAAA,OAAA,CAAQ,KAAK,CAAA;AACb,0BAAA,UAAA,CAAW,SAAS,KAAA,EAAM;AAAA,wBAC5B,CAAA;AAAA,wBACA,cAAY,MAAA,CAAO,KAAA;AAAA,wBAEnB,QAAA,kBAAAA,cAAA,CAACG,aAAA,EAAA,EAAE,SAAA,EAAU,SAAA,EAAU,eAAY,MAAA,EAAO;AAAA;AAAA;AAC5C,mBAAA,EACF;AAAA,iBAAA,EACF,CAAA;AAAA,gBAEC,SAAA,oBACCH,cAAA;AAAA,kBAAC,GAAA;AAAA,kBAAA;AAAA,oBACC,WAAA,EAAU,yBAAA;AAAA,oBACV,SAAA,EAAU,6CAAA;AAAA,oBAET,QAAA,EAAA;AAAA;AAAA,iBACH;AAAA,gBAGD,IAAA,oBACCF,eAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,oGAAA,EACZ,QAAA,EAAA;AAAA,kCAAAE,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,YAAA,EAAc,QAAA,EAAA,MAAA,CAAO,QAAA,EAAS,CAAA;AAAA,kCAE5CA,cAAA,CAAC,QAAG,SAAA,EAAW,IAAA,EAAM,OAAO,IAAA,CAAK,IAAA,EAC9B,eAAK,IAAA,EACR,CAAA;AAAA,kBACC,IAAA,CAAK,uBACJF,eAAA,CAAAM,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oCAAAJ,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,YAAA,EAAc,QAAA,EAAA,MAAA,CAAO,OAAA,EAAQ,CAAA;AAAA,oCAC3CA,cAAA,CAAC,QAAG,SAAA,EAAW,IAAA,EAAM,OAAO,IAAA,CAAK,GAAA,EAC9B,eAAK,GAAA,EACR;AAAA,mBAAA,EACF,CAAA;AAAA,kCAEFA,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,YAAA,EAAc,iBAAO,UAAA,EAAW,CAAA;AAAA,iDAC7C,IAAA,EAAA,EAAG,SAAA,EAAW,IAAA,EAAM,KAAA,EAAO,YACzB,QAAA,EAAA,UAAA,EACH,CAAA;AAAA,kBACC,IAAA,CAAK,0BACJF,eAAA,CAAAM,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oCAAAJ,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,YAAA,EAAc,QAAA,EAAA,MAAA,CAAO,QAAA,EAAS,CAAA;AAAA,oCAC5CA,cAAA,CAAC,QAAG,SAAA,EAAW,IAAA,EAAM,OAAO,IAAA,CAAK,MAAA,EAC9B,eAAK,MAAA,EACR;AAAA,mBAAA,EACF;AAAA,iBAAA,EAEJ,CAAA;AAAA,gCAGFF,eAAA,CAAC,SAAA,EAAA,EAAQ,SAAA,EAAU,kCAAA,EACjB,QAAA,EAAA;AAAA,kCAAAE,cAAA,CAAC,YAAO,SAAA,EAAU,4BAAA,EACf,iBAAO,UAAA,CAAW,KAAA,CAAM,MAAM,CAAA,EACjC,CAAA;AAAA,kBACC,KAAA,CAAM,WAAW,CAAA,mBAChBA,cAAA,CAAC,OAAE,SAAA,EAAU,uBAAA,EAAyB,QAAA,EAAA,MAAA,CAAO,KAAA,EAAM,CAAA,mBAEnDA,cAAA;AAAA,oBAAC,IAAA;AAAA,oBAAA;AAAA,sBACC,SAAA,EAAU,gCAAA;AAAA,sBACV,WAAA,EAAU,qBAAA;AAAA,sBAET,oBAAU,GAAA,CAAI,CAAC,yBACdF,eAAA,CAAC,IAAA,EAAA,EAAoB,WAAU,2BAAA,EAC7B,QAAA,EAAA;AAAA,wCAAAE,cAAA;AAAA,0BAAC,MAAA;AAAA,0BAAA;AAAA,4BACC,aAAA,EAAY,MAAA;AAAA,4BACZ,SAAA,EAAU,+BAAA;AAAA,4BACV,KAAA,EAAO;AAAA,8BACL,eAAA,EAAiB,KAAK,KAAA,IAAS;AAAA;AACjC;AAAA,yBACF;AAAA,wCACAA,cAAA;AAAA,0BAAC,MAAA;AAAA,0BAAA;AAAA,4BACC,SAAA,EAAWD,oBAAA,CAAG,iBAAA,EAAmB,IAAI,CAAA;AAAA,4BACrC,OAAO,IAAA,CAAK,KAAA;AAAA,4BAEX,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA;AACR,uBAAA,EAAA,EAbO,IAAA,CAAK,KAcd,CACD;AAAA;AAAA;AACH,iBAAA,EAEJ,CAAA;AAAA,gBAEC,IAAI,MAAA,KAAW,CAAA,mBACdC,cAAA,CAAC,GAAA,EAAA,EAAE,WAAU,uBAAA,EAAyB,QAAA,EAAA,MAAA,CAAO,KAAA,EAAM,CAAA,kCAElD,IAAA,EAAA,EAAG,SAAA,EAAU,kDACX,QAAA,EAAA,GAAA,CAAI,GAAA,CAAI,CAAC,CAAA,qBACRF,eAAA;AAAA,kBAAC,IAAA;AAAA,kBAAA;AAAA,oBAEC,SAAA,EAAU,sCAAA;AAAA,oBAEV,QAAA,EAAA;AAAA,sCAAAE,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,kCAAA,EACb,QAAA,EAAA,IAAI,KAAK,CAAA,CAAE,EAAE,CAAA,CAAE,kBAAA,EAAmB,EACrC,CAAA;AAAA,sCACAF,eAAA;AAAA,wBAAC,MAAA;AAAA,wBAAA;AAAA,0BACC,SAAA,EAAWC,oBAAA;AAAA,4BACT,mBAAA;AAAA,4BACA,EAAE,MAAA,KAAW,QAAA,GACT,wCAAA,GACA,SAAA,CAAU,EAAE,IAAI;AAAA,2BACtB;AAAA,0BAEC,QAAA,EAAA;AAAA,4BAAA,CAAA,CAAE,IAAA;AAAA,4BACF,CAAA,CAAE,MAAA,GAAS,CAAA,CAAA,EAAI,CAAA,CAAE,MAAM,CAAA,CAAA,GAAK;AAAA;AAAA;AAAA,uBAC/B;AAAA,sCACAC,cAAA;AAAA,wBAAC,MAAA;AAAA,wBAAA;AAAA,0BACC,SAAA,EAAWD,oBAAA,CAAG,iBAAA,EAAmB,IAAI,CAAA;AAAA,0BACrC,OAAO,CAAA,CAAE,MAAA;AAAA,0BAER,QAAA,EAAA,CAAA,CAAE;AAAA;AAAA;AACL;AAAA,mBAAA;AAAA,kBAtBK,CAAA,CAAE;AAAA,iBAwBV,CAAA,EACH;AAAA;AAAA;AAAA,WAEJ;AAAA,UACA,QAAA,CAAS;AAAA;AACX;AAAA;AAAA,GACJ;AAEJ;AC5XO,SAAS,kBAAA,CAAmB;AAAA,EACjC,GAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA,GAAS;AACX,CAAA,EAA+C;AAC7C,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAUM,2BAAS,KAAK,CAAA;AACtD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAUA,iBAAA,CAAA,QAAA,CAAuB,EAAE,CAAA;AACzD,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAChCA,2BAAkC,IAAI,CAAA;AAC9C,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAUA,iBAAA,CAAA,QAAA,CAA2B,EAAE,CAAA;AAEzD,EAAA,MAAM,QAAA,GAAiBA,yBAAO,CAAC,CAAA;AAC/B,EAAA,MAAM,YAAA,GAAqBA,yBAAgC,IAAI,CAAA;AAE/D,EAAA,MAAM,WAAA,GAAoBA,yBAAO,EAAE,CAAA;AAEnC,EAAA,MAAM,YAAA,GAAqBA,iBAAA,CAAA,MAAA,iBAAO,IAAI,GAAA,EAAqB,CAAA;AAE3D,EAAA,MAAM,SAAA,GAAkBA,iBAAA,CAAA,MAAA,iBAAO,IAAI,GAAA,EAAqB,CAAA;AAExD,EAAA,MAAM,OAAA,GAAgBA,iBAAA,CAAA,WAAA;AAAA,IACpB,CAAC,KAAA,KAA6C;AAC5C,MAAA,MAAM,IAAA,GAAuB;AAAA,QAC3B,EAAA,EAAI,EAAE,QAAA,CAAS,OAAA;AAAA,QACf,EAAA,EAAI,KAAK,GAAA,EAAI;AAAA,QACb,GAAG;AAAA,OACL;AACA,MAAA,MAAA,CAAO,CAAC,IAAA,KAAS,CAAC,IAAA,EAAM,GAAG,IAAI,CAAA,CAAE,KAAA,CAAM,CAAA,EAAG,MAAM,CAAC,CAAA;AAAA,IACnD,CAAA;AAAA,IACA,CAAC,MAAM;AAAA,GACT;AAEA,EAAA,MAAM,QAAA,GAAW,IAAA,EAAM,IAAA,EAAM,IAAA,EAAK;AAClC,EAAA,MAAM,YAAY,IAAA,EAAM,KAAA;AAExB,EAAMA,4BAAU,MAAM;AACpB,IAAA,IAAI,CAAC,GAAA,IAAO,CAAC,QAAA,EAAU;AACrB,MAAA,YAAA,CAAa,KAAK,CAAA;AAClB,MAAA,QAAA,CAAS,EAAE,CAAA;AACX,MAAA,iBAAA,CAAkB,IAAI,CAAA;AACtB,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,YAAY,QAAA,CAAS,SAAA;AAC3B,IAAA,YAAA,CAAa,OAAA,GAAU,SAAA;AACvB,IAAA,YAAA,CAAa,OAAA,uBAAc,GAAA,EAAI;AAC/B,IAAA,SAAA,CAAU,OAAA,uBAAc,GAAA,EAAI;AAC5B,IAAA,YAAA,CAAa,QAAA,CAAS,UAAU,KAAK,CAAA;AAIrC,IAAA,MAAM,WAAA,GAAc,CAAC,MAAA,EAAoB,MAAA,KAAoB;AAC3D,MAAA,OAAA,CAAQ;AAAA,QACN,IAAA,EAAM,KAAA;AAAA,QACN,MAAA,EAAQ,MAAA,KAAW,QAAA,GAAW,QAAA,GAAW,OAAA;AAAA,QACzC,MAAA,EAAQ,CAAA,gBAAA,EAAgB,MAAA,CAAO,UAAU,CAAA,MAAA;AAAA,OAC1C,CAAA;AAAA,IACH,CAAA;AACA,IAAA,GAAA,CAAI,EAAA,CAAG,UAAU,WAAW,CAAA;AAE5B,IAAA,MAAM,MAAA,GAAS,CAAC,QAAA,KAAsB;AACpC,MAAA,YAAA,CAAa,QAAQ,CAAA;AACrB,MAAA,OAAA,CAAQ;AAAA,QACN,IAAA,EAAM,MAAA;AAAA,QACN,MAAA,EAAQ,WAAW,oBAAA,GAAuB;AAAA,OAC3C,CAAA;AAAA,IACH,CAAA;AACA,IAAA,QAAA,CAAS,EAAA,CAAG,QAAQ,MAAM,CAAA;AAE1B,IAAA,MAAM,QAAA,GAAW,CAAC,KAAA,KAA+B;AAC/C,MAAA,IAAI,KAAA,EAAO,MAAA,KAAW,cAAA,EAAgB,YAAA,CAAa,KAAK,CAAA;AAAA,IAC1D,CAAA;AACA,IAAA,QAAA,CAAS,EAAA,CAAG,UAAU,QAAQ,CAAA;AAE9B,IAAA,MAAM,cAAc,MAAM;AACxB,MAAA,MAAM,SAAuB,EAAC;AAC9B,MAAA,MAAM,OAAA,uBAAc,GAAA,EAAoB;AACxC,MAAA,IAAI,QAAA,GAAoC,IAAA;AAExC,MAAA,SAAA,CAAU,SAAA,EAAU,CAAE,OAAA,CAAQ,CAAC,OAAO,QAAA,KAAa;AACjD,QAAA,IAAI,QAAA,KAAa,UAAU,QAAA,EAAU;AACrC,QAAA,MAAM,OAAO,KAAA,CAAM,IAAA;AACnB,QAAA,IAAI,MAAM,IAAA,EAAM;AACd,UAAA,MAAA,CAAO,IAAA,CAAK,EAAE,IAAA,EAAM,IAAA,CAAK,MAAM,KAAA,EAAO,IAAA,CAAK,OAAO,CAAA;AAClD,UAAA,OAAA,CAAQ,GAAA,CAAI,QAAA,EAAU,IAAA,CAAK,IAAI,CAAA;AAAA,QACjC;AACA,QAAA,MAAM,WAAW,KAAA,CAAM,QAAA;AACvB,QAAA,IACE,QAAA,IACA,SAAS,EAAA,IAAM,YAAA,CAAa,QAAQ,GAAA,CAAI,QAAQ,KAAK,CAAA,CAAA,EACrD;AACA,UAAA,YAAA,CAAa,OAAA,CAAQ,GAAA,CAAI,QAAA,EAAU,QAAA,CAAS,EAAE,CAAA;AAC9C,UAAA,IAAI,CAAC,QAAA,IAAY,QAAA,CAAS,EAAA,GAAK,SAAS,EAAA,EAAI;AAC1C,YAAA,MAAM,WAAW,CAAC,CAAC,MAAM,IAAA,IAAQ,IAAA,CAAK,SAAS,WAAA,CAAY,OAAA;AAC3D,YAAA,QAAA,GAAW;AAAA,cACT,QAAQ,QAAA,CAAS,MAAA;AAAA,cACjB,EAAA,EAAI,QAAA,GAAW,sBAAA,GAAyB,IAAA,EAAM,IAAA;AAAA,cAC9C,IAAI,QAAA,CAAS;AAAA,aACf;AAAA,UACF;AAAA,QACF;AAAA,MACF,CAAC,CAAA;AAED,MAAA,KAAA,MAAW,CAAC,QAAA,EAAU,IAAI,CAAA,IAAK,OAAA,EAAS;AACtC,QAAA,IAAI,CAAC,SAAA,CAAU,OAAA,CAAQ,GAAA,CAAI,QAAQ,CAAA,EAAG;AACpC,UAAA,OAAA,CAAQ;AAAA,YACN,IAAA,EAAM,WAAA;AAAA,YACN,MAAA,EAAQ,QAAA;AAAA,YACR,MAAA,EAAQ,GAAG,IAAI,CAAA,gBAAA;AAAA,WAChB,CAAA;AAAA,QACH;AAAA,MACF;AACA,MAAA,KAAA,MAAW,CAAC,QAAA,EAAU,IAAI,CAAA,IAAK,UAAU,OAAA,EAAS;AAChD,QAAA,IAAI,CAAC,OAAA,CAAQ,GAAA,CAAI,QAAQ,CAAA,EAAG;AAC1B,UAAA,OAAA,CAAQ;AAAA,YACN,IAAA,EAAM,WAAA;AAAA,YACN,MAAA,EAAQ,QAAA;AAAA,YACR,MAAA,EAAQ,GAAG,IAAI,CAAA,cAAA;AAAA,WAChB,CAAA;AAAA,QACH;AAAA,MACF;AACA,MAAA,SAAA,CAAU,OAAA,GAAU,OAAA;AACpB,MAAA,QAAA,CAAS,MAAM,CAAA;AAEf,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA,MAAM,IAAA,GAAO,QAAA;AACb,QAAA,iBAAA,CAAkB,IAAI,CAAA;AACtB,QAAA,OAAA,CAAQ;AAAA,UACN,IAAA,EAAM,WAAA;AAAA,UACN,MAAA,EAAQ,QAAA;AAAA,UACR,MAAA,EAAQ,CAAA,EAAG,IAAA,CAAK,EAAA,IAAM,MAAM,WAAW,IAAA,CAAK,MAAA,CAAO,IAAA,CAAK,IAAI,CAAC,CAAA;AAAA,SAC9D,CAAA;AAAA,MACH;AAAA,IACF,CAAA;AACA,IAAA,SAAA,CAAU,EAAA,CAAG,UAAU,WAAW,CAAA;AAElC,IAAA,OAAO,MAAM;AACX,MAAA,GAAA,CAAI,GAAA,CAAI,UAAU,WAAW,CAAA;AAC7B,MAAA,QAAA,CAAS,GAAA,CAAI,QAAQ,MAAM,CAAA;AAC3B,MAAA,QAAA,CAAS,GAAA,CAAI,UAAU,QAAQ,CAAA;AAC/B,MAAA,SAAA,CAAU,GAAA,CAAI,UAAU,WAAW,CAAA;AACnC,MAAA,YAAA,CAAa,OAAA,GAAU,IAAA;AACvB,MAAA,YAAA,CAAa,OAAA,uBAAc,GAAA,EAAI;AAC/B,MAAA,SAAA,CAAU,OAAA,uBAAc,GAAA,EAAI;AAC5B,MAAA,YAAA,CAAa,KAAK,CAAA;AAClB,MAAA,QAAA,CAAS,EAAE,CAAA;AACX,MAAA,iBAAA,CAAkB,IAAI,CAAA;AACtB,MAAA,MAAA,CAAO,EAAE,CAAA;AAAA,IACX,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,GAAA,EAAK,QAAA,EAAU,OAAO,CAAC,CAAA;AAK3B,EAAMA,4BAAU,MAAM;AACpB,IAAA,MAAM,YAAY,YAAA,CAAa,OAAA;AAC/B,IAAA,IAAI,CAAC,SAAA,EAAW;AAChB,IAAA,MAAM,IAAA,GAAO,QAAA,IAAY,CAAA,KAAA,EAAQ,SAAA,CAAU,QAAQ,CAAA,CAAA;AACnD,IAAA,WAAA,CAAY,OAAA,GAAU,IAAA;AACtB,IAAA,SAAA,CAAU,mBAAmB,MAAA,EAAQ,EAAE,IAAA,EAAM,KAAA,EAAO,WAAW,CAAA;AAAA,EACjE,CAAA,EAAG,CAAC,QAAA,EAAU,QAAA,EAAU,SAAS,CAAC,CAAA;AAElC,EAAA,MAAM,eAAA,GAAwBA,iBAAA,CAAA,WAAA;AAAA,IAC5B,CAAC,MAAA,KAAqB;AACpB,MAAA,YAAA,CAAa,OAAA,EAAS,mBAAmB,UAAA,EAAY;AAAA,QACnD,EAAA,EAAI,KAAK,GAAA,EAAI;AAAA,QACb;AAAA,OACsB,CAAA;AACxB,MAAA,OAAA,CAAQ;AAAA,QACN,IAAA,EAAM,OAAA;AAAA,QACN,MAAA,EAAQ,OAAA;AAAA,QACR,MAAA,EAAQ,CAAA,OAAA,EAAU,MAAA,CAAO,IAAA,CAAK,IAAI,CAAC,CAAA;AAAA,OACpC,CAAA;AAAA,IACH,CAAA;AAAA,IACA,CAAC,OAAO;AAAA,GACV;AAEA,EAAA,MAAM,IAAA,GACJ,OAAO,QAAA,GACH;AAAA,IACE,IAAA,EAAM,QAAA,IAAY,QAAA,CAAS,QAAA,IAAY,MAAA;AAAA,IACvC,GAAA,EAAK,OAAO,QAAA,CAAS,GAAA;AAAA,IACrB,UAAU,GAAA,CAAI,QAAA;AAAA,IACd;AAAA,GACF,GACA,IAAA;AAEN,EAAA,OAAO,EAAE,SAAA,EAAW,KAAA,EAAO,GAAA,EAAK,IAAA,EAAM,gBAAgB,eAAA,EAAgB;AACxE","file":"chunk-6NXQSQ3A.cjs","sourcesContent":["import * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { WrapText, X } from 'lucide-react';\nimport { cn } from '../../utils/cn';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/** Another participant currently present in the room. */\nexport interface CollabPeer {\n  /** Display name published through presence. */\n  name: string;\n  /** Optional presence color (cursor/avatar tint). */\n  color?: string;\n}\n\n/** Static identity of the open collaboration room, shown in the debug panel. */\nexport interface CollabRoomInfo {\n  /** Room name on the sync server (e.g. `case/4`). */\n  name: string;\n  /** Transport URL the client connected to. */\n  url?: string;\n  /** This window's client id (stable per document), or null before connect. */\n  clientId?: number | null;\n  /** The acting application user id passed to the sync server. */\n  userId?: string;\n}\n\n/** Category of a collaboration event in the debug log. */\nexport type CollabLogKind = 'doc' | 'awareness' | 'sync' | 'patch';\n\n/** A single entry in the collaboration debug log. */\nexport interface CollabLogEntry {\n  /** Stable key for rendering. */\n  id: number | string;\n  /** Wall-clock time of the event (epoch ms). */\n  at: number;\n  /** Event category. */\n  kind: CollabLogKind;\n  /** Whether this window or a peer originated it. */\n  origin?: 'local' | 'remote';\n  /** Human-readable detail line. */\n  detail: string;\n}\n\n/** Every user-facing string, so apps can translate the widget. */\nexport interface CollabStatusLabels {\n  /** Trigger text once the initial sync completed. */\n  live: string;\n  /** Trigger text before the initial sync completes. */\n  connecting: string;\n  /** Summary of who else is editing, e.g. `Ann, Bo are editing`. */\n  editing: (names: string[]) => string;\n  /** Accessible name / tooltip of the trigger button. */\n  triggerLabel: string;\n  /** Heading of the room-occupants section. */\n  peersTitle: (count: number) => string;\n  /** Shown in the occupants section when nobody else is in the room. */\n  alone: React.ReactNode;\n  /** Heading of the debug panel. */\n  logTitle: (count: number) => string;\n  /** Accessible name of the panel close button. */\n  close: string;\n  /** Accessible name of the toggle that unclips long values. */\n  wrap: string;\n  /** Shown when the log is empty. */\n  empty: React.ReactNode;\n  roomTerm: string;\n  urlTerm: string;\n  clientTerm: string;\n  userTerm: string;\n  /** Suffix appended to the client id once synced / while connecting. */\n  clientSynced: string;\n  clientConnecting: string;\n}\n\nexport const defaultCollabStatusLabels: CollabStatusLabels = {\n  live: 'Live',\n  connecting: 'Connecting…',\n  editing: (names) =>\n    `${names.join(', ')} ${names.length === 1 ? 'is' : 'are'} editing`,\n  triggerLabel: 'Live-sync status — open the update log',\n  peersTitle: (count) => `In the room (${count})`,\n  alone: 'You are the only one here.',\n  logTitle: (count) => `Update log (${count})`,\n  close: 'Close update log',\n  wrap: 'Wrap long values',\n  empty: 'No updates yet.',\n  roomTerm: 'Room',\n  urlTerm: 'Socket',\n  clientTerm: 'Client',\n  userTerm: 'User',\n  clientSynced: 'synced',\n  clientConnecting: 'connecting',\n};\n\nexport interface CollabStatusProps {\n  /** True once the room has completed its initial sync with the server. */\n  connected: boolean;\n  /** Other people in the room right now. */\n  peers?: CollabPeer[];\n  /** Recent collaboration events, newest first. */\n  log?: CollabLogEntry[];\n  /** Identity of the open room, shown at the top of the panel. */\n  room?: CollabRoomInfo | null;\n  /** Set false to render a status-only chip with no debug panel. */\n  showLog?: boolean;\n  /**\n   * Render the trigger as the bare connection dot, moving the status text into\n   * its accessible name. For headers with no room for a full chip.\n   */\n  compact?: boolean;\n  /**\n   * An app-level condition worth the same glance as the connection state, e.g.\n   * `\"Unsaved changes\"`. While set, the dot turns amber and the text joins the\n   * trigger's accessible name and heads the panel.\n   */\n  attention?: React.ReactNode;\n  /** Overrides for any user-facing string. */\n  labels?: Partial<CollabStatusLabels>;\n  /** Additional className for the trigger wrapper. */\n  className?: string;\n}\n\n// =============================================================================\n// Helpers\n// =============================================================================\n\n/** One row of the occupants list: a display label and its presence color. */\ninterface PeerLabel {\n  label: string;\n  color?: string;\n}\n\n/** Collapse multiple windows of the same person into `Name (N)`. */\nfunction peerLabels(peers: CollabPeer[]): PeerLabel[] {\n  const seen = new Map<string, { count: number; color?: string }>();\n  for (const p of peers) {\n    const entry = seen.get(p.name);\n    if (entry) entry.count += 1;\n    else seen.set(p.name, { count: 1, color: p.color });\n  }\n  return [...seen].map(([name, { count, color }]) => ({\n    label: count > 1 ? `${name} (${count})` : name,\n    color,\n  }));\n}\n\nconst PANEL_OFFSET = 6;\nconst VIEWPORT_PADDING = 8;\n\n/**\n * Position the panel under the trigger, right-aligned to it but clamped to the\n * viewport on both axes (it flips above the trigger when it would overflow the\n * bottom). Returns null until the panel has been measured.\n */\nfunction useAnchoredPanel(\n  open: boolean,\n  anchorRef: React.RefObject<HTMLElement | null>,\n  panelRef: React.RefObject<HTMLElement | null>\n) {\n  const [pos, setPos] = React.useState<{ top: number; left: number } | null>(\n    null\n  );\n\n  React.useLayoutEffect(() => {\n    if (!open) {\n      setPos(null);\n      return;\n    }\n    const update = () => {\n      const anchor = anchorRef.current;\n      const panel = panelRef.current;\n      if (!anchor || !panel) return;\n      const a = anchor.getBoundingClientRect();\n      const { offsetWidth: width, offsetHeight: height } = panel;\n\n      const maxLeft = window.innerWidth - width - VIEWPORT_PADDING;\n      const left = Math.max(\n        VIEWPORT_PADDING,\n        Math.min(a.right - width, Math.max(VIEWPORT_PADDING, maxLeft))\n      );\n\n      let top = a.bottom + PANEL_OFFSET;\n      if (top + height > window.innerHeight - VIEWPORT_PADDING) {\n        top = Math.max(VIEWPORT_PADDING, a.top - height - PANEL_OFFSET);\n      }\n\n      setPos({ top, left });\n    };\n\n    // Measured after the (hidden) panel has been laid out.\n    const raf = window.requestAnimationFrame(update);\n    window.addEventListener('scroll', update, true);\n    window.addEventListener('resize', update);\n    return () => {\n      window.cancelAnimationFrame(raf);\n      window.removeEventListener('scroll', update, true);\n      window.removeEventListener('resize', update);\n    };\n  }, [open, anchorRef, panelRef]);\n\n  return pos;\n}\n\nconst KIND_TONE: Record<CollabLogKind, string> = {\n  doc: 'text-muted-foreground',\n  awareness: 'text-primary-600 dark:text-primary-400',\n  sync: 'text-success-700 dark:text-success-400',\n  patch: 'text-muted-foreground',\n};\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * Live-collaboration status chip: a connection dot, a `Live` / `Connecting…`\n * label, a summary of who else is editing, and a click-to-open panel with the\n * room identity, who is in the room, and a rolling log of collaboration\n * events. Pass `compact` to shrink the trigger down to the dot alone, and\n * `attention` to let an app condition (\"Unsaved changes\") share that dot.\n *\n * Transport-agnostic — it renders whatever presence state you hand it. For a\n * Yjs (`y-websocket`) room, {@link useYjsCollabStatus} produces these props\n * directly:\n *\n * @example\n * ```tsx\n * const doc = React.useMemo(() => new Y.Doc(), []);\n * const provider = React.useMemo(\n *   () => new WebsocketProvider('ws://localhost:1234', 'case/4', doc),\n *   [doc]\n * );\n * const status = useYjsCollabStatus({ doc, provider, user: { name: 'Ann' } });\n *\n * return <CollabStatus {...status} />;\n * ```\n */\nexport function CollabStatus({\n  connected,\n  peers = [],\n  log = [],\n  room = null,\n  showLog = true,\n  compact = false,\n  attention = null,\n  labels: labelOverrides,\n  className,\n}: CollabStatusProps) {\n  const labels = { ...defaultCollabStatusLabels, ...labelOverrides };\n  const [open, setOpen] = React.useState(false);\n  const [wrapped, setWrapped] = React.useState(false);\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const panelRef = React.useRef<HTMLDivElement>(null);\n  const pos = useAnchoredPanel(open && showLog, triggerRef, panelRef);\n  const titleId = React.useId();\n\n  // Escape closes and returns focus; a pointer outside dismisses.\n  React.useEffect(() => {\n    if (!open) return;\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== 'Escape') return;\n      setOpen(false);\n      triggerRef.current?.focus();\n    };\n    const onPointerDown = (e: Event) => {\n      const target = e.target as Node;\n      if (panelRef.current?.contains(target)) return;\n      if (triggerRef.current?.contains(target)) return;\n      setOpen(false);\n    };\n    document.addEventListener('keydown', onKeyDown);\n    document.addEventListener('pointerdown', onPointerDown);\n    return () => {\n      document.removeEventListener('keydown', onKeyDown);\n      document.removeEventListener('pointerdown', onPointerDown);\n    };\n  }, [open]);\n\n  const occupants = peerLabels(peers);\n  const names = occupants.map((p) => p.label);\n  // Long values are clipped to one line; the panel's wrap toggle unclips them.\n  const clip = wrapped ? 'break-all whitespace-pre-wrap' : 'truncate';\n  const statusText = connected ? labels.live : labels.connecting;\n  const clientLine = `${room?.clientId ?? '—'} · ${\n    connected ? labels.clientSynced : labels.clientConnecting\n  }`;\n  // Compact triggers have no visible text, so the status and who is editing\n  // have to reach assistive tech (and the tooltip) through the label.\n  const triggerLabel = compact\n    ? [\n        labels.triggerLabel,\n        statusText,\n        attention,\n        names.length > 0 && labels.editing(names),\n      ]\n        .filter(Boolean)\n        .join(' — ')\n    : labels.triggerLabel;\n\n  const trigger = (\n    <button\n      type=\"button\"\n      ref={triggerRef}\n      className={cn(\n        'text-muted-foreground inline-flex items-center gap-1.5 rounded-md px-1.5 py-0.5 text-xs',\n        'focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:outline-none',\n        showLog && 'hover:bg-muted cursor-pointer',\n        className\n      )}\n      onClick={showLog ? () => setOpen((v) => !v) : undefined}\n      disabled={!showLog}\n      title={showLog ? triggerLabel : undefined}\n      aria-expanded={showLog ? open : undefined}\n      aria-label={showLog ? triggerLabel : undefined}\n      data-slot=\"collab-status-trigger\"\n    >\n      <span\n        aria-hidden=\"true\"\n        data-slot=\"collab-status-dot\"\n        className={cn(\n          'h-2 w-2 shrink-0 rounded-full',\n          !connected && 'bg-warning-500 animate-pulse',\n          connected && attention && 'bg-warning-500',\n          connected && !attention && 'bg-success-500'\n        )}\n      />\n      {!compact && <span>{statusText}</span>}\n      {!compact && attention && (\n        <span className=\"text-warning-700 dark:text-warning-400 truncate\">\n          · {attention}\n        </span>\n      )}\n      {!compact && names.length > 0 && (\n        <span className=\"truncate\">{`· ${labels.editing(names)}`}</span>\n      )}\n    </button>\n  );\n\n  if (!showLog) return trigger;\n\n  return (\n    <span\n      className=\"relative inline-flex items-center\"\n      data-slot=\"collab-status\"\n    >\n      {trigger}\n      {open &&\n        typeof document !== 'undefined' &&\n        createPortal(\n          <div\n            ref={panelRef}\n            role=\"dialog\"\n            aria-labelledby={titleId}\n            data-slot=\"collab-status-panel\"\n            className={cn(\n              'bg-card text-card-foreground border-border fixed z-50 w-[26rem] max-w-[calc(100vw-1rem)]',\n              'rounded-lg border p-3 text-xs shadow-xl'\n            )}\n            style={{\n              top: pos?.top ?? 0,\n              left: pos?.left ?? 0,\n              visibility: pos ? undefined : 'hidden',\n            }}\n          >\n            <div className=\"mb-2 flex items-center justify-between gap-2\">\n              <strong id={titleId} className=\"text-foreground text-sm\">\n                {labels.logTitle(log.length)}\n              </strong>\n              <span className=\"flex items-center gap-0.5\">\n                <button\n                  type=\"button\"\n                  className={cn(\n                    'hover:text-foreground focus-visible:ring-ring rounded p-0.5 focus-visible:ring-2 focus-visible:outline-none',\n                    wrapped\n                      ? 'text-foreground bg-muted'\n                      : 'text-muted-foreground'\n                  )}\n                  onClick={() => setWrapped((v) => !v)}\n                  aria-pressed={wrapped}\n                  aria-label={labels.wrap}\n                  title={labels.wrap}\n                  data-slot=\"collab-status-wrap\"\n                >\n                  <WrapText className=\"h-4 w-4\" aria-hidden=\"true\" />\n                </button>\n                <button\n                  type=\"button\"\n                  className=\"text-muted-foreground hover:text-foreground focus-visible:ring-ring rounded p-0.5 focus-visible:ring-2 focus-visible:outline-none\"\n                  onClick={() => {\n                    setOpen(false);\n                    triggerRef.current?.focus();\n                  }}\n                  aria-label={labels.close}\n                >\n                  <X className=\"h-4 w-4\" aria-hidden=\"true\" />\n                </button>\n              </span>\n            </div>\n\n            {attention && (\n              <p\n                data-slot=\"collab-status-attention\"\n                className=\"text-warning-700 dark:text-warning-400 mb-2\"\n              >\n                {attention}\n              </p>\n            )}\n\n            {room && (\n              <dl className=\"border-border text-muted-foreground mb-2 grid grid-cols-[auto_1fr] gap-x-3 gap-y-0.5 border-b pb-2\">\n                <dt className=\"opacity-70\">{labels.roomTerm}</dt>\n                {/* The values are clipped, so hovering must reveal the rest. */}\n                <dd className={clip} title={room.name}>\n                  {room.name}\n                </dd>\n                {room.url && (\n                  <>\n                    <dt className=\"opacity-70\">{labels.urlTerm}</dt>\n                    <dd className={clip} title={room.url}>\n                      {room.url}\n                    </dd>\n                  </>\n                )}\n                <dt className=\"opacity-70\">{labels.clientTerm}</dt>\n                <dd className={clip} title={clientLine}>\n                  {clientLine}\n                </dd>\n                {room.userId && (\n                  <>\n                    <dt className=\"opacity-70\">{labels.userTerm}</dt>\n                    <dd className={clip} title={room.userId}>\n                      {room.userId}\n                    </dd>\n                  </>\n                )}\n              </dl>\n            )}\n\n            <section className=\"border-border mb-2 border-b pb-2\">\n              <strong className=\"text-foreground mb-1 block\">\n                {labels.peersTitle(peers.length)}\n              </strong>\n              {peers.length === 0 ? (\n                <p className=\"text-muted-foreground\">{labels.alone}</p>\n              ) : (\n                <ul\n                  className=\"flex flex-wrap gap-x-3 gap-y-1\"\n                  data-slot=\"collab-status-peers\"\n                >\n                  {occupants.map((peer) => (\n                    <li key={peer.label} className=\"flex items-center gap-1.5\">\n                      <span\n                        aria-hidden=\"true\"\n                        className=\"h-2 w-2 shrink-0 rounded-full\"\n                        style={{\n                          backgroundColor: peer.color ?? 'currentColor',\n                        }}\n                      />\n                      <span\n                        className={cn('text-foreground', clip)}\n                        title={peer.label}\n                      >\n                        {peer.label}\n                      </span>\n                    </li>\n                  ))}\n                </ul>\n              )}\n            </section>\n\n            {log.length === 0 ? (\n              <p className=\"text-muted-foreground\">{labels.empty}</p>\n            ) : (\n              <ul className=\"max-h-72 space-y-0.5 overflow-y-auto font-mono\">\n                {log.map((e) => (\n                  <li\n                    key={e.id}\n                    className=\"grid grid-cols-[auto_auto_1fr] gap-2\"\n                  >\n                    <span className=\"text-muted-foreground opacity-70\">\n                      {new Date(e.at).toLocaleTimeString()}\n                    </span>\n                    <span\n                      className={cn(\n                        'whitespace-nowrap',\n                        e.origin === 'remote'\n                          ? 'text-primary-600 dark:text-primary-400'\n                          : KIND_TONE[e.kind]\n                      )}\n                    >\n                      {e.kind}\n                      {e.origin ? `/${e.origin}` : ''}\n                    </span>\n                    <span\n                      className={cn('text-foreground', clip)}\n                      title={e.detail}\n                    >\n                      {e.detail}\n                    </span>\n                  </li>\n                ))}\n              </ul>\n            )}\n          </div>,\n          document.body\n        )}\n    </span>\n  );\n}\n","import * as React from 'react';\nimport type {\n  CollabLogEntry,\n  CollabPeer,\n  CollabRoomInfo,\n} from './CollabStatus';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\n// =============================================================================\n// Structural Yjs types\n// =============================================================================\n//\n// Declared structurally (as methods, so parameter bivariance applies) rather\n// than imported from `yjs` / `y-protocols`, so `@mieweb/ui` needs no Yjs\n// dependency at all. A real `Y.Doc`, `Awareness` and `WebsocketProvider`\n// satisfy these as-is.\n\n/** The subset of `Y.Doc` this hook observes. */\nexport interface YjsDocLike {\n  clientID: number;\n  on(event: string, handler: (...args: any[]) => void): void;\n  off(event: string, handler: (...args: any[]) => void): void;\n}\n\n/** The subset of `y-protocols/awareness`.`Awareness` this hook uses. */\nexport interface YjsAwarenessLike {\n  clientID: number;\n  getStates(): Map<number, Record<string, any>>;\n  setLocalStateField(field: string, value: unknown): void;\n  on(event: string, handler: (...args: any[]) => void): void;\n  off(event: string, handler: (...args: any[]) => void): void;\n}\n\n/** The subset of `y-websocket`.`WebsocketProvider` this hook uses. */\nexport interface YjsProviderLike {\n  awareness: YjsAwarenessLike;\n  /** True once the initial sync completed (y-websocket exposes this). */\n  synced?: boolean;\n  /** Room name, used as the default label in the debug panel. */\n  roomname?: string;\n  /** Server URL, used as the default label in the debug panel. */\n  url?: string;\n  on(event: string, handler: (...args: any[]) => void): void;\n  off(event: string, handler: (...args: any[]) => void): void;\n}\n\n/** Awareness payload published whenever this window makes a local edit. */\ninterface EditActivity {\n  at: number;\n  fields: string[];\n}\n\n/** A remote collaborator's edit that just changed the open document. */\nexport interface CollabRemoteEdit {\n  /** Human-readable labels of the fields that changed. */\n  fields: string[];\n  /** Who made the change, when attributable from presence. */\n  by?: string;\n  /** Timestamp; a new value signals a fresh growl/toast. */\n  at: number;\n}\n\nexport interface UseYjsCollabStatusOptions {\n  /** The shared document. Pass null to keep the hook inert. */\n  doc: YjsDocLike | null | undefined;\n  /** The sync provider (e.g. `y-websocket`). Pass null to keep it inert. */\n  provider: YjsProviderLike | null | undefined;\n  /**\n   * Presence identity published for this window. Defaults to\n   * `User <clientID>` so windows are distinguishable without a login.\n   */\n  user?: { name?: string; color?: string };\n  /** Room label for the debug panel. Defaults to `provider.roomname`. */\n  roomName?: string;\n  /** URL label for the debug panel. Defaults to `provider.url`. */\n  url?: string;\n  /** Application user id shown in the debug panel. */\n  userId?: string;\n  /** Maximum log entries kept in memory. Default 100. */\n  logCap?: number;\n}\n\nexport interface YjsCollabStatus {\n  /** True once the initial server sync completed. */\n  connected: boolean;\n  /** Other windows currently present in the room. */\n  peers: CollabPeer[];\n  /** Recent collaboration events, newest first. */\n  log: CollabLogEntry[];\n  /** Room identity for the debug panel. */\n  room: CollabRoomInfo | null;\n  /** The most recent remote edit, or null. */\n  lastRemoteEdit: CollabRemoteEdit | null;\n  /**\n   * Announce a local edit and the fields it touched, so other windows can\n   * attribute it. Also records a `patch` log entry.\n   */\n  publishActivity: (fields: string[]) => void;\n}\n\n// =============================================================================\n// Hook\n// =============================================================================\n\n/**\n * Bind {@link CollabStatus} to a Yjs room: tracks initial-sync state, publishes\n * this window's presence, tracks peers joining/leaving, attributes remote edits,\n * and keeps a capped log of document/awareness/sync events.\n *\n * The return value is spreadable straight into the component.\n *\n * @example\n * ```tsx\n * import * as Y from 'yjs';\n * import { WebsocketProvider } from 'y-websocket';\n * import { CollabStatus, useYjsCollabStatus } from '@mieweb/ui';\n *\n * function Header({ caseId }: { caseId: string }) {\n *   const doc = React.useMemo(() => new Y.Doc(), []);\n *   const provider = React.useMemo(\n *     () => new WebsocketProvider('ws://localhost:1234', `case/${caseId}`, doc),\n *     [doc, caseId]\n *   );\n *   React.useEffect(() => () => provider.destroy(), [provider]);\n *\n *   const status = useYjsCollabStatus({ doc, provider, user: { name: 'Ann' } });\n *   return <CollabStatus {...status} />;\n * }\n * ```\n */\nexport function useYjsCollabStatus({\n  doc,\n  provider,\n  user,\n  roomName,\n  url,\n  userId,\n  logCap = 100,\n}: UseYjsCollabStatusOptions): YjsCollabStatus {\n  const [connected, setConnected] = React.useState(false);\n  const [peers, setPeers] = React.useState<CollabPeer[]>([]);\n  const [lastRemoteEdit, setLastRemoteEdit] =\n    React.useState<CollabRemoteEdit | null>(null);\n  const [log, setLog] = React.useState<CollabLogEntry[]>([]);\n\n  const logIdRef = React.useRef(0);\n  const awarenessRef = React.useRef<YjsAwarenessLike | null>(null);\n  /** Effective display name published to presence. */\n  const selfNameRef = React.useRef('');\n  /** Last activity timestamp seen per remote client, to detect new edits. */\n  const activitySeen = React.useRef(new Map<number, number>());\n  /** Names present, keyed by clientID, to detect join/leave. */\n  const peerNames = React.useRef(new Map<number, string>());\n\n  const pushLog = React.useCallback(\n    (entry: Omit<CollabLogEntry, 'id' | 'at'>) => {\n      const full: CollabLogEntry = {\n        id: ++logIdRef.current,\n        at: Date.now(),\n        ...entry,\n      };\n      setLog((prev) => [full, ...prev].slice(0, logCap));\n    },\n    [logCap]\n  );\n\n  const selfName = user?.name?.trim();\n  const selfColor = user?.color;\n\n  React.useEffect(() => {\n    if (!doc || !provider) {\n      setConnected(false);\n      setPeers([]);\n      setLastRemoteEdit(null);\n      return;\n    }\n\n    const awareness = provider.awareness;\n    awarenessRef.current = awareness;\n    activitySeen.current = new Map();\n    peerNames.current = new Map();\n    setConnected(provider.synced ?? false);\n\n    // Remote updates arrive with `origin === provider`; local transactions have\n    // a null origin — that is what labels the log entry.\n    const onDocUpdate = (update: Uint8Array, origin: unknown) => {\n      pushLog({\n        kind: 'doc',\n        origin: origin === provider ? 'remote' : 'local',\n        detail: `doc update · ${update.byteLength} bytes`,\n      });\n    };\n    doc.on('update', onDocUpdate);\n\n    const onSync = (isSynced: boolean) => {\n      setConnected(isSynced);\n      pushLog({\n        kind: 'sync',\n        detail: isSynced ? 'synced with server' : 'disconnected',\n      });\n    };\n    provider.on('sync', onSync);\n\n    const onStatus = (event: { status?: string }) => {\n      if (event?.status === 'disconnected') setConnected(false);\n    };\n    provider.on('status', onStatus);\n\n    const onAwareness = () => {\n      const others: CollabPeer[] = [];\n      const present = new Map<number, string>();\n      let freshest: CollabRemoteEdit | null = null;\n\n      awareness.getStates().forEach((state, clientId) => {\n        if (clientId === awareness.clientID) return; // skip this window\n        const peer = state.user as CollabPeer | undefined;\n        if (peer?.name) {\n          others.push({ name: peer.name, color: peer.color });\n          present.set(clientId, peer.name);\n        }\n        const activity = state.activity as EditActivity | undefined;\n        if (\n          activity &&\n          activity.at > (activitySeen.current.get(clientId) ?? 0)\n        ) {\n          activitySeen.current.set(clientId, activity.at);\n          if (!freshest || activity.at > freshest.at) {\n            const sameUser = !!peer?.name && peer.name === selfNameRef.current;\n            freshest = {\n              fields: activity.fields,\n              by: sameUser ? 'You (another window)' : peer?.name,\n              at: activity.at,\n            };\n          }\n        }\n      });\n\n      for (const [clientId, name] of present) {\n        if (!peerNames.current.has(clientId)) {\n          pushLog({\n            kind: 'awareness',\n            origin: 'remote',\n            detail: `${name} joined the room`,\n          });\n        }\n      }\n      for (const [clientId, name] of peerNames.current) {\n        if (!present.has(clientId)) {\n          pushLog({\n            kind: 'awareness',\n            origin: 'remote',\n            detail: `${name} left the room`,\n          });\n        }\n      }\n      peerNames.current = present;\n      setPeers(others);\n\n      if (freshest) {\n        const edit = freshest as CollabRemoteEdit;\n        setLastRemoteEdit(edit);\n        pushLog({\n          kind: 'awareness',\n          origin: 'remote',\n          detail: `${edit.by ?? 'peer'} edited ${edit.fields.join(', ')}`,\n        });\n      }\n    };\n    awareness.on('change', onAwareness);\n\n    return () => {\n      doc.off('update', onDocUpdate);\n      provider.off('sync', onSync);\n      provider.off('status', onStatus);\n      awareness.off('change', onAwareness);\n      awarenessRef.current = null;\n      activitySeen.current = new Map();\n      peerNames.current = new Map();\n      setConnected(false);\n      setPeers([]);\n      setLastRemoteEdit(null);\n      setLog([]);\n    };\n  }, [doc, provider, pushLog]);\n\n  // Publish (and re-publish) this window's presence without tearing the room\n  // down when the display name changes. Runs after the room effect above, which\n  // is what populates `awarenessRef`.\n  React.useEffect(() => {\n    const awareness = awarenessRef.current;\n    if (!awareness) return;\n    const name = selfName || `User ${awareness.clientID}`;\n    selfNameRef.current = name;\n    awareness.setLocalStateField('user', { name, color: selfColor });\n  }, [provider, selfName, selfColor]);\n\n  const publishActivity = React.useCallback(\n    (fields: string[]) => {\n      awarenessRef.current?.setLocalStateField('activity', {\n        at: Date.now(),\n        fields,\n      } satisfies EditActivity);\n      pushLog({\n        kind: 'patch',\n        origin: 'local',\n        detail: `edited ${fields.join(', ')}`,\n      });\n    },\n    [pushLog]\n  );\n\n  const room: CollabRoomInfo | null =\n    doc && provider\n      ? {\n          name: roomName ?? provider.roomname ?? 'room',\n          url: url ?? provider.url,\n          clientId: doc.clientID,\n          userId,\n        }\n      : null;\n\n  return { connected, peers, log, room, lastRemoteEdit, publishActivity };\n}\n"]}
+{"version":3,"sources":["../src/components/CollabStatus/CollabStatus.tsx","../src/components/CollabStatus/useYjsCollabStatus.ts"],"names":["React","jsxs","cn","jsx","createPortal","WrapText","X","Fragment","React2"],"mappings":"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","file":"chunk-X4LBUPJO.cjs","sourcesContent":["import * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { WrapText, X } from 'lucide-react';\nimport { cn } from '../../utils/cn';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/** Another participant currently present in the room. */\nexport interface CollabPeer {\n  /** Display name published through presence. */\n  name: string;\n  /** Optional presence color (cursor/avatar tint). */\n  color?: string;\n}\n\n/** Static identity of the open collaboration room, shown in the debug panel. */\nexport interface CollabRoomInfo {\n  /** Room name on the sync server (e.g. `case/4`). */\n  name: string;\n  /** Transport URL the client connected to. */\n  url?: string;\n  /** This window's client id (stable per document), or null before connect. */\n  clientId?: number | null;\n  /** The acting application user id passed to the sync server. */\n  userId?: string;\n}\n\n/** Category of a collaboration event in the debug log. */\nexport type CollabLogKind = 'doc' | 'awareness' | 'sync' | 'patch';\n\n/** A single entry in the collaboration debug log. */\nexport interface CollabLogEntry {\n  /** Stable key for rendering. */\n  id: number | string;\n  /** Wall-clock time of the event (epoch ms). */\n  at: number;\n  /** Event category. */\n  kind: CollabLogKind;\n  /** Whether this window or a peer originated it. */\n  origin?: 'local' | 'remote';\n  /** Human-readable detail line. */\n  detail: string;\n}\n\n/** Every user-facing string, so apps can translate the widget. */\nexport interface CollabStatusLabels {\n  /** Trigger text once the initial sync completed. */\n  live: string;\n  /** Trigger text before the initial sync completes. */\n  connecting: string;\n  /** Summary of who else is editing, e.g. `Ann, Bo are editing`. */\n  editing: (names: string[]) => string;\n  /** Accessible name / tooltip of the trigger button. */\n  triggerLabel: string;\n  /** Heading of the room-occupants section. */\n  peersTitle: (count: number) => string;\n  /** Shown in the occupants section when nobody else is in the room. */\n  alone: React.ReactNode;\n  /** Heading of the debug panel. */\n  logTitle: (count: number) => string;\n  /** Accessible name of the panel close button. */\n  close: string;\n  /** Accessible name of the toggle that unclips long values. */\n  wrap: string;\n  /** Shown when the log is empty. */\n  empty: React.ReactNode;\n  roomTerm: string;\n  urlTerm: string;\n  clientTerm: string;\n  userTerm: string;\n  /** Suffix appended to the client id once synced / while connecting. */\n  clientSynced: string;\n  clientConnecting: string;\n}\n\nexport const defaultCollabStatusLabels: CollabStatusLabels = {\n  live: 'Live',\n  connecting: 'Connecting…',\n  editing: (names) =>\n    `${names.join(', ')} ${names.length === 1 ? 'is' : 'are'} editing`,\n  triggerLabel: 'Live-sync status — open the update log',\n  peersTitle: (count) => `In the room (${count})`,\n  alone: 'You are the only one here.',\n  logTitle: (count) => `Update log (${count})`,\n  close: 'Close update log',\n  wrap: 'Wrap long values',\n  empty: 'No updates yet.',\n  roomTerm: 'Room',\n  urlTerm: 'Socket',\n  clientTerm: 'Client',\n  userTerm: 'User',\n  clientSynced: 'synced',\n  clientConnecting: 'connecting',\n};\n\nexport interface CollabStatusProps {\n  /** True once the room has completed its initial sync with the server. */\n  connected: boolean;\n  /** Other people in the room right now. */\n  peers?: CollabPeer[];\n  /** Recent collaboration events, newest first. */\n  log?: CollabLogEntry[];\n  /** Identity of the open room, shown at the top of the panel. */\n  room?: CollabRoomInfo | null;\n  /** Set false to render a status-only chip with no debug panel. */\n  showLog?: boolean;\n  /**\n   * Render the trigger as the bare connection dot, moving the status text into\n   * its accessible name. For headers with no room for a full chip.\n   */\n  compact?: boolean;\n  /**\n   * An app-level condition worth the same glance as the connection state, e.g.\n   * `\"Unsaved changes\"`. While set, the dot turns amber and the text joins the\n   * trigger's accessible name and heads the panel.\n   */\n  attention?: React.ReactNode;\n  /** Overrides for any user-facing string. */\n  labels?: Partial<CollabStatusLabels>;\n  /** Additional className for the trigger wrapper. */\n  className?: string;\n}\n\n// =============================================================================\n// Helpers\n// =============================================================================\n\n/** One row of the occupants list: a display label and its presence color. */\ninterface PeerLabel {\n  label: string;\n  color?: string;\n}\n\n/** Collapse multiple windows of the same person into `Name (N)`. */\nfunction peerLabels(peers: CollabPeer[]): PeerLabel[] {\n  const seen = new Map<string, { count: number; color?: string }>();\n  for (const p of peers) {\n    const entry = seen.get(p.name);\n    if (entry) entry.count += 1;\n    else seen.set(p.name, { count: 1, color: p.color });\n  }\n  return [...seen].map(([name, { count, color }]) => ({\n    label: count > 1 ? `${name} (${count})` : name,\n    color,\n  }));\n}\n\nconst PANEL_OFFSET = 6;\nconst VIEWPORT_PADDING = 8;\n\n/**\n * Position the panel under the trigger, right-aligned to it but clamped to the\n * viewport on both axes (it flips above the trigger when it would overflow the\n * bottom). Returns null until the panel has been measured.\n */\nfunction useAnchoredPanel(\n  open: boolean,\n  anchorRef: React.RefObject<HTMLElement | null>,\n  panelRef: React.RefObject<HTMLElement | null>\n) {\n  const [pos, setPos] = React.useState<{ top: number; left: number } | null>(\n    null\n  );\n\n  React.useLayoutEffect(() => {\n    if (!open) {\n      setPos(null);\n      return;\n    }\n    const update = () => {\n      const anchor = anchorRef.current;\n      const panel = panelRef.current;\n      if (!anchor || !panel) return;\n      const a = anchor.getBoundingClientRect();\n      const { offsetWidth: width, offsetHeight: height } = panel;\n\n      const maxLeft = window.innerWidth - width - VIEWPORT_PADDING;\n      const left = Math.max(\n        VIEWPORT_PADDING,\n        Math.min(a.right - width, Math.max(VIEWPORT_PADDING, maxLeft))\n      );\n\n      let top = a.bottom + PANEL_OFFSET;\n      if (top + height > window.innerHeight - VIEWPORT_PADDING) {\n        top = Math.max(VIEWPORT_PADDING, a.top - height - PANEL_OFFSET);\n      }\n\n      setPos({ top, left });\n    };\n\n    // Measured after the (hidden) panel has been laid out.\n    const raf = window.requestAnimationFrame(update);\n    window.addEventListener('scroll', update, true);\n    window.addEventListener('resize', update);\n    return () => {\n      window.cancelAnimationFrame(raf);\n      window.removeEventListener('scroll', update, true);\n      window.removeEventListener('resize', update);\n    };\n  }, [open, anchorRef, panelRef]);\n\n  return pos;\n}\n\nconst KIND_TONE: Record<CollabLogKind, string> = {\n  doc: 'text-muted-foreground',\n  awareness: 'text-primary-600 dark:text-primary-400',\n  sync: 'text-success-700 dark:text-success-400',\n  patch: 'text-muted-foreground',\n};\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * Live-collaboration status chip: a connection dot, a `Live` / `Connecting…`\n * label, a summary of who else is editing, and a click-to-open panel with the\n * room identity, who is in the room, and a rolling log of collaboration\n * events. Pass `compact` to shrink the trigger down to the dot alone, and\n * `attention` to let an app condition (\"Unsaved changes\") share that dot.\n *\n * Transport-agnostic — it renders whatever presence state you hand it. For a\n * Yjs (`y-websocket`) room, {@link useYjsCollabStatus} produces these props\n * directly:\n *\n * @example\n * ```tsx\n * const doc = React.useMemo(() => new Y.Doc(), []);\n * const provider = React.useMemo(\n *   () => new WebsocketProvider('ws://localhost:1234', 'case/4', doc),\n *   [doc]\n * );\n * const status = useYjsCollabStatus({ doc, provider, user: { name: 'Ann' } });\n *\n * return <CollabStatus {...status} />;\n * ```\n */\nexport function CollabStatus({\n  connected,\n  peers = [],\n  log = [],\n  room = null,\n  showLog = true,\n  compact = false,\n  attention = null,\n  labels: labelOverrides,\n  className,\n}: CollabStatusProps) {\n  const labels = { ...defaultCollabStatusLabels, ...labelOverrides };\n  const [open, setOpen] = React.useState(false);\n  const [wrapped, setWrapped] = React.useState(false);\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const panelRef = React.useRef<HTMLDivElement>(null);\n  const pos = useAnchoredPanel(open && showLog, triggerRef, panelRef);\n  const titleId = React.useId();\n\n  // Escape closes and returns focus; a pointer outside dismisses.\n  React.useEffect(() => {\n    if (!open) return;\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== 'Escape') return;\n      setOpen(false);\n      triggerRef.current?.focus();\n    };\n    const onPointerDown = (e: Event) => {\n      const target = e.target as Node;\n      if (panelRef.current?.contains(target)) return;\n      if (triggerRef.current?.contains(target)) return;\n      setOpen(false);\n    };\n    document.addEventListener('keydown', onKeyDown);\n    document.addEventListener('pointerdown', onPointerDown);\n    return () => {\n      document.removeEventListener('keydown', onKeyDown);\n      document.removeEventListener('pointerdown', onPointerDown);\n    };\n  }, [open]);\n\n  const occupants = peerLabels(peers);\n  const names = occupants.map((p) => p.label);\n  // Long values are clipped to one line; the panel's wrap toggle unclips them.\n  const clip = wrapped ? 'break-all whitespace-pre-wrap' : 'truncate';\n  const statusText = connected ? labels.live : labels.connecting;\n  const clientLine = `${room?.clientId ?? '—'} · ${\n    connected ? labels.clientSynced : labels.clientConnecting\n  }`;\n  // Compact triggers have no visible text, so the status and who is editing\n  // have to reach assistive tech (and the tooltip) through the label.\n  const triggerLabel = compact\n    ? [\n        labels.triggerLabel,\n        statusText,\n        attention,\n        names.length > 0 && labels.editing(names),\n      ]\n        .filter(Boolean)\n        .join(' — ')\n    : labels.triggerLabel;\n\n  const trigger = (\n    <button\n      type=\"button\"\n      ref={triggerRef}\n      className={cn(\n        'text-muted-foreground inline-flex items-center gap-1.5 rounded-md px-1.5 py-0.5 text-xs',\n        'focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:outline-none',\n        showLog && 'hover:bg-muted cursor-pointer',\n        className\n      )}\n      onClick={showLog ? () => setOpen((v) => !v) : undefined}\n      disabled={!showLog}\n      title={showLog ? triggerLabel : undefined}\n      aria-expanded={showLog ? open : undefined}\n      aria-label={showLog ? triggerLabel : undefined}\n      data-slot=\"collab-status-trigger\"\n    >\n      <span\n        aria-hidden=\"true\"\n        data-slot=\"collab-status-dot\"\n        className={cn(\n          'h-2 w-2 shrink-0 rounded-full',\n          !connected && 'bg-warning-500 animate-pulse',\n          connected && attention && 'bg-warning-500',\n          connected && !attention && 'bg-success-500'\n        )}\n      />\n      {!compact && <span>{statusText}</span>}\n      {!compact && attention && (\n        <span className=\"text-warning-700 dark:text-warning-400 truncate\">\n          · {attention}\n        </span>\n      )}\n      {!compact && names.length > 0 && (\n        <span className=\"truncate\">{`· ${labels.editing(names)}`}</span>\n      )}\n    </button>\n  );\n\n  if (!showLog) return trigger;\n\n  return (\n    <span\n      className=\"relative inline-flex items-center\"\n      data-slot=\"collab-status\"\n    >\n      {trigger}\n      {open &&\n        typeof document !== 'undefined' &&\n        createPortal(\n          <div\n            ref={panelRef}\n            role=\"dialog\"\n            aria-labelledby={titleId}\n            data-slot=\"collab-status-panel\"\n            className={cn(\n              'bg-card text-card-foreground border-border fixed z-50 w-[26rem] max-w-[calc(100vw-1rem)]',\n              'rounded-lg border p-3 text-xs shadow-xl'\n            )}\n            style={{\n              top: pos?.top ?? 0,\n              left: pos?.left ?? 0,\n              visibility: pos ? undefined : 'hidden',\n            }}\n          >\n            <div className=\"mb-2 flex items-center justify-between gap-2\">\n              <strong id={titleId} className=\"text-foreground text-sm\">\n                {labels.logTitle(log.length)}\n              </strong>\n              <span className=\"flex items-center gap-0.5\">\n                <button\n                  type=\"button\"\n                  className={cn(\n                    'hover:text-foreground focus-visible:ring-ring rounded p-0.5 focus-visible:ring-2 focus-visible:outline-none',\n                    wrapped\n                      ? 'text-foreground bg-muted'\n                      : 'text-muted-foreground'\n                  )}\n                  onClick={() => setWrapped((v) => !v)}\n                  aria-pressed={wrapped}\n                  aria-label={labels.wrap}\n                  title={labels.wrap}\n                  data-slot=\"collab-status-wrap\"\n                >\n                  <WrapText className=\"h-4 w-4\" aria-hidden=\"true\" />\n                </button>\n                <button\n                  type=\"button\"\n                  className=\"text-muted-foreground hover:text-foreground focus-visible:ring-ring rounded p-0.5 focus-visible:ring-2 focus-visible:outline-none\"\n                  onClick={() => {\n                    setOpen(false);\n                    triggerRef.current?.focus();\n                  }}\n                  aria-label={labels.close}\n                >\n                  <X className=\"h-4 w-4\" aria-hidden=\"true\" />\n                </button>\n              </span>\n            </div>\n\n            {attention && (\n              <p\n                data-slot=\"collab-status-attention\"\n                className=\"text-warning-700 dark:text-warning-400 mb-2\"\n              >\n                {attention}\n              </p>\n            )}\n\n            {room && (\n              <dl className=\"border-border text-muted-foreground mb-2 grid grid-cols-[auto_1fr] gap-x-3 gap-y-0.5 border-b pb-2\">\n                <dt className=\"opacity-70\">{labels.roomTerm}</dt>\n                {/* The values are clipped, so hovering must reveal the rest. */}\n                <dd className={clip} title={room.name}>\n                  {room.name}\n                </dd>\n                {room.url && (\n                  <>\n                    <dt className=\"opacity-70\">{labels.urlTerm}</dt>\n                    <dd className={clip} title={room.url}>\n                      {room.url}\n                    </dd>\n                  </>\n                )}\n                <dt className=\"opacity-70\">{labels.clientTerm}</dt>\n                <dd className={clip} title={clientLine}>\n                  {clientLine}\n                </dd>\n                {room.userId && (\n                  <>\n                    <dt className=\"opacity-70\">{labels.userTerm}</dt>\n                    <dd className={clip} title={room.userId}>\n                      {room.userId}\n                    </dd>\n                  </>\n                )}\n              </dl>\n            )}\n\n            <section className=\"border-border mb-2 border-b pb-2\">\n              <strong className=\"text-foreground mb-1 block\">\n                {labels.peersTitle(peers.length)}\n              </strong>\n              {peers.length === 0 ? (\n                <p className=\"text-muted-foreground\">{labels.alone}</p>\n              ) : (\n                <ul\n                  className=\"flex flex-wrap gap-x-3 gap-y-1\"\n                  data-slot=\"collab-status-peers\"\n                >\n                  {occupants.map((peer) => (\n                    <li key={peer.label} className=\"flex items-center gap-1.5\">\n                      <span\n                        aria-hidden=\"true\"\n                        className=\"h-2 w-2 shrink-0 rounded-full\"\n                        style={{\n                          backgroundColor: peer.color ?? 'currentColor',\n                        }}\n                      />\n                      <span\n                        className={cn('text-foreground', clip)}\n                        title={peer.label}\n                      >\n                        {peer.label}\n                      </span>\n                    </li>\n                  ))}\n                </ul>\n              )}\n            </section>\n\n            {log.length === 0 ? (\n              <p className=\"text-muted-foreground\">{labels.empty}</p>\n            ) : (\n              <ul className=\"max-h-72 space-y-0.5 overflow-y-auto font-mono\">\n                {log.map((e) => (\n                  <li\n                    key={e.id}\n                    className=\"grid grid-cols-[auto_auto_1fr] gap-2\"\n                  >\n                    <span className=\"text-muted-foreground opacity-70\">\n                      {new Date(e.at).toLocaleTimeString()}\n                    </span>\n                    <span\n                      className={cn(\n                        'whitespace-nowrap',\n                        e.origin === 'remote'\n                          ? 'text-primary-600 dark:text-primary-400'\n                          : KIND_TONE[e.kind]\n                      )}\n                    >\n                      {e.kind}\n                      {e.origin ? `/${e.origin}` : ''}\n                    </span>\n                    <span\n                      className={cn('text-foreground', clip)}\n                      title={e.detail}\n                    >\n                      {e.detail}\n                    </span>\n                  </li>\n                ))}\n              </ul>\n            )}\n          </div>,\n          document.body\n        )}\n    </span>\n  );\n}\n","import * as React from 'react';\nimport type {\n  CollabLogEntry,\n  CollabPeer,\n  CollabRoomInfo,\n} from './CollabStatus';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\n// =============================================================================\n// Structural Yjs types\n// =============================================================================\n//\n// Declared structurally (as methods, so parameter bivariance applies) rather\n// than imported from `yjs` / `y-protocols`, so `@mieweb/ui` needs no Yjs\n// dependency at all. A real `Y.Doc`, `Awareness` and `WebsocketProvider`\n// satisfy these as-is.\n\n/** The subset of `Y.Doc` this hook observes. */\nexport interface YjsDocLike {\n  clientID: number;\n  on(event: string, handler: (...args: any[]) => void): void;\n  off(event: string, handler: (...args: any[]) => void): void;\n}\n\n/** The subset of `y-protocols/awareness`.`Awareness` this hook uses. */\nexport interface YjsAwarenessLike {\n  clientID: number;\n  getStates(): Map<number, Record<string, any>>;\n  setLocalStateField(field: string, value: unknown): void;\n  on(event: string, handler: (...args: any[]) => void): void;\n  off(event: string, handler: (...args: any[]) => void): void;\n}\n\n/** The subset of `y-websocket`.`WebsocketProvider` this hook uses. */\nexport interface YjsProviderLike {\n  awareness: YjsAwarenessLike;\n  /** True once the initial sync completed (y-websocket exposes this). */\n  synced?: boolean;\n  /** Room name, used as the default label in the debug panel. */\n  roomname?: string;\n  /** Server URL, used as the default label in the debug panel. */\n  url?: string;\n  on(event: string, handler: (...args: any[]) => void): void;\n  off(event: string, handler: (...args: any[]) => void): void;\n}\n\n/** Awareness payload published whenever this window makes a local edit. */\ninterface EditActivity {\n  at: number;\n  fields: string[];\n}\n\n/** A remote collaborator's edit that just changed the open document. */\nexport interface CollabRemoteEdit {\n  /** Human-readable labels of the fields that changed. */\n  fields: string[];\n  /** Who made the change, when attributable from presence. */\n  by?: string;\n  /** Timestamp; a new value signals a fresh growl/toast. */\n  at: number;\n}\n\nexport interface UseYjsCollabStatusOptions {\n  /** The shared document. Pass null to keep the hook inert. */\n  doc: YjsDocLike | null | undefined;\n  /** The sync provider (e.g. `y-websocket`). Pass null to keep it inert. */\n  provider: YjsProviderLike | null | undefined;\n  /**\n   * Presence identity published for this window. Defaults to\n   * `User <clientID>` so windows are distinguishable without a login.\n   */\n  user?: { name?: string; color?: string };\n  /** Room label for the debug panel. Defaults to `provider.roomname`. */\n  roomName?: string;\n  /** URL label for the debug panel. Defaults to `provider.url`. */\n  url?: string;\n  /** Application user id shown in the debug panel. */\n  userId?: string;\n  /** Maximum log entries kept in memory. Default 100. */\n  logCap?: number;\n}\n\nexport interface YjsCollabStatus {\n  /** True once the initial server sync completed. */\n  connected: boolean;\n  /** Other windows currently present in the room. */\n  peers: CollabPeer[];\n  /** Recent collaboration events, newest first. */\n  log: CollabLogEntry[];\n  /** Room identity for the debug panel. */\n  room: CollabRoomInfo | null;\n  /** The most recent remote edit, or null. */\n  lastRemoteEdit: CollabRemoteEdit | null;\n  /**\n   * Announce a local edit and the fields it touched, so other windows can\n   * attribute it. Also records a `patch` log entry.\n   */\n  publishActivity: (fields: string[]) => void;\n}\n\n// =============================================================================\n// Hook\n// =============================================================================\n\n/**\n * Bind {@link CollabStatus} to a Yjs room: tracks initial-sync state, publishes\n * this window's presence, tracks peers joining/leaving, attributes remote edits,\n * and keeps a capped log of document/awareness/sync events.\n *\n * The return value is spreadable straight into the component.\n *\n * @example\n * ```tsx\n * import * as Y from 'yjs';\n * import { WebsocketProvider } from 'y-websocket';\n * import { CollabStatus, useYjsCollabStatus } from '@mieweb/ui';\n *\n * function Header({ caseId }: { caseId: string }) {\n *   const doc = React.useMemo(() => new Y.Doc(), []);\n *   const provider = React.useMemo(\n *     () => new WebsocketProvider('ws://localhost:1234', `case/${caseId}`, doc),\n *     [doc, caseId]\n *   );\n *   React.useEffect(() => () => provider.destroy(), [provider]);\n *\n *   const status = useYjsCollabStatus({ doc, provider, user: { name: 'Ann' } });\n *   return <CollabStatus {...status} />;\n * }\n * ```\n */\nexport function useYjsCollabStatus({\n  doc,\n  provider,\n  user,\n  roomName,\n  url,\n  userId,\n  logCap = 100,\n}: UseYjsCollabStatusOptions): YjsCollabStatus {\n  const [connected, setConnected] = React.useState(false);\n  const [peers, setPeers] = React.useState<CollabPeer[]>([]);\n  const [lastRemoteEdit, setLastRemoteEdit] =\n    React.useState<CollabRemoteEdit | null>(null);\n  const [log, setLog] = React.useState<CollabLogEntry[]>([]);\n\n  const logIdRef = React.useRef(0);\n  const awarenessRef = React.useRef<YjsAwarenessLike | null>(null);\n  /** Effective display name published to presence. */\n  const selfNameRef = React.useRef('');\n  /** Last activity timestamp seen per remote client, to detect new edits. */\n  const activitySeen = React.useRef(new Map<number, number>());\n  /** Names present, keyed by clientID, to detect join/leave. */\n  const peerNames = React.useRef(new Map<number, string>());\n\n  const pushLog = React.useCallback(\n    (entry: Omit<CollabLogEntry, 'id' | 'at'>) => {\n      const full: CollabLogEntry = {\n        id: ++logIdRef.current,\n        at: Date.now(),\n        ...entry,\n      };\n      setLog((prev) => [full, ...prev].slice(0, logCap));\n    },\n    [logCap]\n  );\n\n  const selfName = user?.name?.trim();\n  const selfColor = user?.color;\n\n  React.useEffect(() => {\n    if (!doc || !provider) {\n      setConnected(false);\n      setPeers([]);\n      setLastRemoteEdit(null);\n      return;\n    }\n\n    const awareness = provider.awareness;\n    awarenessRef.current = awareness;\n    activitySeen.current = new Map();\n    peerNames.current = new Map();\n    setConnected(provider.synced ?? false);\n\n    // Remote updates arrive with `origin === provider`; local transactions have\n    // a null origin — that is what labels the log entry.\n    const onDocUpdate = (update: Uint8Array, origin: unknown) => {\n      pushLog({\n        kind: 'doc',\n        origin: origin === provider ? 'remote' : 'local',\n        detail: `doc update · ${update.byteLength} bytes`,\n      });\n    };\n    doc.on('update', onDocUpdate);\n\n    const onSync = (isSynced: boolean) => {\n      setConnected(isSynced);\n      pushLog({\n        kind: 'sync',\n        detail: isSynced ? 'synced with server' : 'disconnected',\n      });\n    };\n    provider.on('sync', onSync);\n\n    const onStatus = (event: { status?: string }) => {\n      if (event?.status === 'disconnected') setConnected(false);\n    };\n    provider.on('status', onStatus);\n\n    const onAwareness = () => {\n      const others: CollabPeer[] = [];\n      const present = new Map<number, string>();\n      let freshest: CollabRemoteEdit | null = null;\n\n      awareness.getStates().forEach((state, clientId) => {\n        if (clientId === awareness.clientID) return; // skip this window\n        const peer = state.user as CollabPeer | undefined;\n        if (peer?.name) {\n          others.push({ name: peer.name, color: peer.color });\n          present.set(clientId, peer.name);\n        }\n        const activity = state.activity as EditActivity | undefined;\n        if (\n          activity &&\n          activity.at > (activitySeen.current.get(clientId) ?? 0)\n        ) {\n          activitySeen.current.set(clientId, activity.at);\n          if (!freshest || activity.at > freshest.at) {\n            const sameUser = !!peer?.name && peer.name === selfNameRef.current;\n            freshest = {\n              fields: activity.fields,\n              by: sameUser ? 'You (another window)' : peer?.name,\n              at: activity.at,\n            };\n          }\n        }\n      });\n\n      for (const [clientId, name] of present) {\n        if (!peerNames.current.has(clientId)) {\n          pushLog({\n            kind: 'awareness',\n            origin: 'remote',\n            detail: `${name} joined the room`,\n          });\n        }\n      }\n      for (const [clientId, name] of peerNames.current) {\n        if (!present.has(clientId)) {\n          pushLog({\n            kind: 'awareness',\n            origin: 'remote',\n            detail: `${name} left the room`,\n          });\n        }\n      }\n      peerNames.current = present;\n      setPeers(others);\n\n      if (freshest) {\n        const edit = freshest as CollabRemoteEdit;\n        setLastRemoteEdit(edit);\n        pushLog({\n          kind: 'awareness',\n          origin: 'remote',\n          detail: `${edit.by ?? 'peer'} edited ${edit.fields.join(', ')}`,\n        });\n      }\n    };\n    awareness.on('change', onAwareness);\n\n    return () => {\n      doc.off('update', onDocUpdate);\n      provider.off('sync', onSync);\n      provider.off('status', onStatus);\n      awareness.off('change', onAwareness);\n      awarenessRef.current = null;\n      activitySeen.current = new Map();\n      peerNames.current = new Map();\n      setConnected(false);\n      setPeers([]);\n      setLastRemoteEdit(null);\n      setLog([]);\n    };\n  }, [doc, provider, pushLog]);\n\n  // Publish (and re-publish) this window's presence without tearing the room\n  // down when the display name changes. Runs after the room effect above, which\n  // is what populates `awarenessRef`.\n  React.useEffect(() => {\n    const awareness = awarenessRef.current;\n    if (!awareness) return;\n    const name = selfName || `User ${awareness.clientID}`;\n    selfNameRef.current = name;\n    awareness.setLocalStateField('user', { name, color: selfColor });\n  }, [provider, selfName, selfColor]);\n\n  const publishActivity = React.useCallback(\n    (fields: string[]) => {\n      awarenessRef.current?.setLocalStateField('activity', {\n        at: Date.now(),\n        fields,\n      } satisfies EditActivity);\n      pushLog({\n        kind: 'patch',\n        origin: 'local',\n        detail: `edited ${fields.join(', ')}`,\n      });\n    },\n    [pushLog]\n  );\n\n  const room: CollabRoomInfo | null =\n    doc && provider\n      ? {\n          name: roomName ?? provider.roomname ?? 'room',\n          url: url ?? provider.url,\n          clientId: doc.clientID,\n          userId,\n        }\n      : null;\n\n  return { connected, peers, log, room, lastRemoteEdit, publishActivity };\n}\n"]}