@rakun-kit/manager-react 1.4.11 → 1.5.0

package/dist/esm/router/dashboard/[contentType]/[edit]/ContentTypeEdit.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronsUpDown, Languages, Shield } from 'lucide-react';
+import { ChevronsUpDown, Languages } from 'lucide-react';
 import { useQuery } from '@tanstack/react-query';
 import { forwardRef, useCallback, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import BooleanField from './_fields/BooleanField/index.js';
@@ -17,7 +17,8 @@ import { evaluateFieldCondition } from './_fields/shared/condition.js';
 import { ConditionFieldStateProvider, mergeConditionFieldState, } from './_fields/shared/condition-state.js';
 import { errorStyle } from './edit.styles.js';
 import { Card, CardContent, CardHeader, CardTitle } from '../../../../components/ui/card.js';
-import { decodeCamelCase } from '../../../../helpers/decodeCamelCase.js';
+import { translateFieldLabel, useTranslations } from '../../../../i18n/index.js';
+import { cn } from '../../../../lib/utils.js';
 import { useEditErrorStore } from '../../../../hooks/app-store.js';
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../../../../components/ui/collapsible.js';
 import { Button } from '../../../../components/ui/button.js';
@@ -27,6 +28,7 @@ import { Tooltip, TooltipContent, TooltipTrigger } from '../../../../components/
 import { DynamicDataControl, isDynamicFallbackRequired, isDynamicFieldEnabled, } from './_fields/DynamicDataControl.js';
 import { useManagerPlugins, } from '../../../../plugins.js';
 import MissingUI from './_fields/Missing.js';
+const REQUIRED_MARK = '*';
 const defaultDataExtractor = (fieldName, defaultData) => {
     if (!defaultData) {
         return undefined;
@@ -34,6 +36,15 @@ const defaultDataExtractor = (fieldName, defaultData) => {
     return defaultData[fieldName];
 };
 const FieldMetaIcon = ({ label, children }) => (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { "aria-label": label, className: "inline-flex size-4 shrink-0 items-center justify-center rounded-sm text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", tabIndex: 0, children: children }) }), _jsx(TooltipContent, { side: "top", sideOffset: 6, children: label })] }));
+const FieldLabel = ({ fieldName, isRequired, className, }) => {
+    const t = useTranslations();
+    const label = translateFieldLabel(t, fieldName);
+    return (_jsxs("span", { className: cn('flex min-w-0 items-center gap-1', className), children: [_jsx("span", { className: "truncate", children: label }), isRequired ? (_jsx("span", { "aria-label": t('contentEdit.requiredField'), className: "shrink-0 text-2xl font-bold leading-none text-destructive", title: t('contentEdit.requiredField'), children: REQUIRED_MARK })) : null] }));
+};
+const FieldTags = ({ isTranslatable, children, }) => {
+    const t = useTranslations();
+    return (_jsxs("div", { className: "flex min-w-0 shrink-0 items-center gap-2", children: [children, isTranslatable ? (_jsx(FieldMetaIcon, { label: t('contentEdit.translatableField'), children: _jsx(Languages, { "aria-hidden": "true", size: 16 }) })) : null] }));
+};
 export const fieldsMap = {
     String: StringField,
     Relation: RelationField,
@@ -48,8 +59,16 @@ export const fieldsMap = {
 };
 export function useArrayRefs() {
     const refs = useRef([]);
-    const setRef = (index) => (el) => {
-        refs.current[index] = el;
+    const setters = useRef([]);
+    const setRef = (index) => {
+        const cached = setters.current[index];
+        if (cached)
+            return cached;
+        const setter = (el) => {
+            refs.current[index] = el;
+        };
+        setters.current[index] = setter;
+        return setter;
     };
     return { refs, setRef };
 }
@@ -82,6 +101,7 @@ const cleanBindings = (bindings) => {
     return fields || lists ? { fields, lists } : undefined;
 };
 const ContentTypeEdit = forwardRef((props, ref) => {
+    const t = useTranslations();
     const { contentType, id, collapsible, hideTitle } = props;
     const dynamicSourceContentType = props.parentContentType ?? contentType;
     const trpc = useTRPC();
@@ -127,7 +147,7 @@ const ContentTypeEdit = forwardRef((props, ref) => {
                 return [fieldName, refs.current[i]?.getValue()];
             }));
             if (Object.values(values).some(hasNestedError)) {
-                const _error = 'Please fix the errors above';
+                const _error = t('contentEdit.formFixErrors');
                 addError(id, _error);
                 return { _error };
             }
@@ -149,10 +169,7 @@ const ContentTypeEdit = forwardRef((props, ref) => {
             return bindings ? { ...states, _bindings: bindings } : states;
         },
     }), [addError, allItems, contentType.name, dynamicBindings, formState, id, visibleFieldNames]);
-    return (_jsx(ConditionFieldStateProvider, { value: {
-            fieldState: conditionFieldState,
-            onFieldStateChange: handleFieldStateChange,
-        }, children: _jsx("div", { className: "flex flex-1 flex-col gap-8 mx-auto w-full h-full", children: allItems.map(([fieldName, fieldValue], i) => {
+    return (_jsx(ConditionFieldStateProvider, { fieldState: conditionFieldState, onFieldStateChange: handleFieldStateChange, children: _jsx("div", { className: "flex flex-1 flex-col gap-8 mx-auto w-full h-full", children: allItems.map(([fieldName, fieldValue], i) => {
                 const isVisible = visibleFieldNames.has(fieldName);
                 const description = getFieldDescription(fieldValue);
                 if (!isVisible) {
@@ -167,7 +184,7 @@ const ContentTypeEdit = forwardRef((props, ref) => {
                 const dynamicBinding = fieldValue.config.ui === 'List' || fieldValue.config.ui === 'Iterator'
                     ? dynamicBindings?.lists?.[fieldName]
                     : dynamicBindings?.fields?.[fieldName];
-                const dynamicFallbackPlaceholder = showDynamicData && dynamicBinding ? 'Fallback value' : undefined;
+                const dynamicFallbackPlaceholder = showDynamicData && dynamicBinding ? t('contentEdit.fallbackValue') : undefined;
                 const field = FieldComponent ? (_jsx(FieldComponent, { id: id + '.' + fieldName, ref: setRef(i), ...fieldValue, isRequired: isDynamicFallbackRequired(fieldValue, dynamicBinding), defaultData: defaultDataExtractor(fieldName, props.defaultData), dynamicFallbackPlaceholder: dynamicFallbackPlaceholder, parentContentType: dynamicSourceContentType })) : (_jsx(MissingUI, { field: fieldValue.config }));
                 const dynamicOpen = dynamicEditorOpen === fieldName;
                 const setDynamicOpen = (open) => setDynamicEditorOpen(open ? fieldName : null);
@@ -179,14 +196,13 @@ const ContentTypeEdit = forwardRef((props, ref) => {
                         setDynamicBindings(bindings);
                         removeRelatedErrors(`${id}.${fieldName}`);
                     }, open: dynamicOpen, onOpenChange: setDynamicOpen, mode: "dialog" })) : null;
-                const Tags = ({ children }) => (_jsxs("div", { className: "flex min-w-0 shrink-0 items-center gap-2", children: [children, fieldValue.isTranslatable ? (_jsx(FieldMetaIcon, { label: "Translatable field", children: _jsx(Languages, { "aria-hidden": "true", size: 16 }) })) : null, fieldValue.isRequired ? (_jsx(FieldMetaIcon, { label: "Required field", children: _jsx(Shield, { "aria-hidden": "true", size: 16 }) })) : null] }));
                 const canCollapse = fieldValue.config.ui === 'ContentType' &&
                     fieldValue.only === 'new' &&
                     collapsible;
                 if (canCollapse) {
-                    return (_jsx(Collapsible, { defaultOpen: true, children: _jsxs(Card, { className: errorStyle({ error: !!error }), children: [_jsxs(CardHeader, { className: "gap-0", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx(CollapsibleTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "min-w-0 flex-1 cursor-pointer text-left", children: _jsxs(CardTitle, { className: "flex min-w-0 items-center gap-2", children: [_jsx(Button, { variant: "ghost", size: "icon", className: "size-8", asChild: true, children: _jsxs("span", { children: [_jsx(ChevronsUpDown, {}), _jsx("span", { className: "sr-only", children: "Toggle" })] }) }), _jsx("span", { className: "truncate", children: decodeCamelCase(fieldName) })] }) }) }), _jsx(Tags, { children: dynamicTrigger })] }), dynamicDialog] }), _jsx(CollapsibleContent, { forceMount: true, className: "data-[state=closed]:hidden", children: _jsx(CardContent, { children: field }) })] }) }, fieldName));
+                    return (_jsx(Collapsible, { defaultOpen: true, children: _jsxs(Card, { className: errorStyle({ error: !!error }), children: [_jsxs(CardHeader, { className: "gap-0", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx(CollapsibleTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "min-w-0 flex-1 cursor-pointer text-left", children: _jsxs(CardTitle, { className: "flex min-w-0 items-center gap-2", children: [_jsx(Button, { variant: "ghost", size: "icon", className: "size-8", asChild: true, children: _jsxs("span", { children: [_jsx(ChevronsUpDown, {}), _jsx("span", { className: "sr-only", children: t('common.toggle') })] }) }), _jsx(FieldLabel, { fieldName: fieldName, isRequired: fieldValue.isRequired })] }) }) }), _jsx(FieldTags, { isTranslatable: fieldValue.isTranslatable, children: dynamicTrigger })] }), dynamicDialog] }), _jsx(CollapsibleContent, { forceMount: true, className: "data-[state=closed]:hidden", children: _jsx(CardContent, { children: field }) })] }) }, fieldName));
                 }
-                return (_jsxs("div", { className: `${canCollapse ? 'bg-red-600' : ''}`, children: [hideTitle ? null : (_jsxs("div", { className: "mb-4 space-y-1", children: [_jsxs(CardTitle, { className: "flex items-center justify-between gap-3", children: [_jsx("span", { className: "min-w-0 truncate", children: decodeCamelCase(fieldName) }), _jsx(Tags, { children: dynamicTrigger })] }), description ? (_jsx("p", { className: "text-sm text-muted-foreground", children: description })) : null, dynamicDialog] })), field] }, fieldName));
+                return (_jsxs("div", { className: `${canCollapse ? 'bg-red-600' : ''}`, children: [hideTitle ? null : (_jsxs("div", { className: "mb-4 space-y-1", children: [_jsxs(CardTitle, { className: "flex items-center justify-between gap-3", children: [_jsx(FieldLabel, { fieldName: fieldName, isRequired: fieldValue.isRequired }), _jsx(FieldTags, { isTranslatable: fieldValue.isTranslatable, children: dynamicTrigger })] }), description ? (_jsx("p", { className: "text-sm text-muted-foreground", children: description })) : null, dynamicDialog] })), field] }, fieldName));
             }) }) }));
 });
 export default ContentTypeEdit;

package/dist/esm/router/dashboard/[contentType]/[edit]/ContentTypeEdit.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentTypeEdit.js","sourceRoot":"","sources":["../../../../../../src/router/dashboard/[contentType]/[edit]/ContentTypeEdit.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ContentTypeEdit.js","sourceRoot":"","sources":["../../../../../../src/router/dashboard/[contentType]/[edit]/ContentTypeEdit.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAM/F,OAAO,YAAY,MAAM,wBAAwB,CAAA;AACjD,OAAO,qBAAqB,MAAM,iCAAiC,CAAA;AACnE,OAAO,SAAS,MAAM,gBAAgB,CAAA;AACtC,OAAO,SAAS,MAAM,qBAAqB,CAAA;AAC3C,OAAO,SAAS,MAAM,qBAAqB,CAAA;AAC3C,OAAO,SAAS,MAAM,qBAAqB,CAAA;AAC3C,OAAO,WAAW,MAAM,uBAAuB,CAAA;AAC/C,OAAO,aAAa,MAAM,yBAAyB,CAAA;AACnD,OAAO,WAAW,MAAM,uBAAuB,CAAA;AAC/C,OAAO,WAAW,MAAM,kBAAkB,CAAA;AAE1C,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA;AACnE,OAAO,EACL,2BAA2B,EAC3B,wBAAwB,GACzB,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAC/E,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AACjG,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACjF,OAAO,EACL,kBAAkB,EAClB,yBAAyB,EACzB,qBAAqB,GACtB,MAAM,8BAA8B,CAAA;AACrC,OAAO,EACL,iBAAiB,GAElB,MAAM,WAAW,CAAA;AAClB,OAAO,SAAS,MAAM,mBAAmB,CAAA;AAEzC,MAAM,aAAa,GAAG,GAAG,CAAA;AAEzB,MAAM,oBAAoB,GAAG,CAAC,SAAiB,EAAE,WAAwC,EAAE,EAAE;IAC3F,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,SAAS,CAAA;IAClB,CAAC;IAED,OAAO,WAAW,CAAC,SAAS,CAAC,CAAA;AAC/B,CAAC,CAAA;AAaD,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAA0C,EAAE,EAAE,CAAC,CACrF,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,6BACc,KAAK,EACjB,SAAS,EAAC,kKAAkK,EAC5K,QAAQ,EAAE,CAAC,YAEV,QAAQ,GACJ,GACQ,EACjB,KAAC,cAAc,IAAC,IAAI,EAAC,KAAK,EAAC,UAAU,EAAE,CAAC,YACrC,KAAK,GACS,IACT,CACX,CAAA;AAED,MAAM,UAAU,GAAG,CAAC,EAClB,SAAS,EACT,UAAU,EACV,SAAS,GAKV,EAAE,EAAE;IACH,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,MAAM,KAAK,GAAG,mBAAmB,CAAC,CAAC,EAAE,SAAS,CAAC,CAAA;IAC/C,OAAO,CACL,gBAAM,SAAS,EAAE,EAAE,CAAC,iCAAiC,EAAE,SAAS,CAAC,aAC/D,eAAM,SAAS,EAAC,UAAU,YAAE,KAAK,GAAQ,EACxC,UAAU,CAAC,CAAC,CAAC,CACZ,6BACc,CAAC,CAAC,2BAA2B,CAAC,EAC1C,SAAS,EAAC,2DAA2D,EACrE,KAAK,EAAE,CAAC,CAAC,2BAA2B,CAAC,YAEpC,aAAa,GACT,CACR,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,EACjB,cAAc,EACd,QAAQ,GAIT,EAAE,EAAE;IACH,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,OAAO,CACL,eAAK,SAAS,EAAC,0CAA0C,aACtD,QAAQ,EACR,cAAc,CAAC,CAAC,CAAC,CAChB,KAAC,aAAa,IAAC,KAAK,EAAE,CAAC,CAAC,+BAA+B,CAAC,YACtD,KAAC,SAAS,mBAAa,MAAM,EAAC,IAAI,EAAE,EAAE,GAAI,GAC5B,CACjB,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,MAAM,EAAE,WAAW;IACnB,QAAQ,EAAE,aAAa;IACvB,MAAM,EAAE,WAAW;IACnB,OAAO,EAAE,YAAY;IACrB,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,WAAW;IACnB,IAAI,EAAE,SAAS;IACf,gBAAgB,EAAE,qBAAqB;CAGxC,CAAA;AAED,MAAM,UAAU,YAAY;IAC1B,MAAM,IAAI,GAAG,MAAM,CAAkB,EAAE,CAAC,CAAA;IACxC,MAAM,OAAO,GAAG,MAAM,CAA8C,EAAE,CAAC,CAAA;IAEvE,MAAM,MAAM,GAAG,CAAC,KAAa,EAAE,EAAE;QAC/B,MAAM,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QACrC,IAAI,MAAM;YAAE,OAAO,MAAM,CAAA;QAEzB,MAAM,MAAM,GAAG,CAAC,EAAY,EAAE,EAAE;YAC9B,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,CAAA;QAC1B,CAAC,CAAA;QACD,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,MAAM,CAAA;QAC/B,OAAO,MAAM,CAAA;IACf,CAAC,CAAA;IAED,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAA;AACzB,CAAC;AAID,MAAM,cAAc,GAAG,CAAC,KAAc,EAAW,EAAE;IACjD,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAA;IACrD,IAAI,QAAQ,IAAI,KAAK;QAAE,OAAO,IAAI,CAAA;IAClC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA;IAC3D,OAAO,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA;AAClD,CAAC,CAAA;AAED,MAAM,mBAAmB,GAAG,CAAC,UAA+B,EAAE,EAAE,CAC9D,OAAO,UAAU,CAAC,WAAW,KAAK,QAAQ,IAAI,UAAU,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;IACpF,CAAC,CAAC,UAAU,CAAC,WAAW;IACxB,CAAC,CAAC,SAAS,CAAA;AAEf,MAAM,kBAAkB,GAAG,CACzB,WAAwC,EACH,EAAE,CACvC,WAAW,IAAI,WAAW,IAAI,WAAW;IACvC,CAAC,CAAE,WAAW,CAAC,SAAqC;IACpD,CAAC,CAAC,SAAS,CAAA;AAEf,MAAM,aAAa,GAAG,CACpB,QAA6C,EACR,EAAE;IACvC,IAAI,CAAC,QAAQ;QAAE,OAAO,SAAS,CAAA;IAE/B,MAAM,MAAM,GACV,QAAQ,CAAC,MAAM;QACf,OAAO,QAAQ,CAAC,MAAM,KAAK,QAAQ;QACnC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,MAAM,GAAG,CAAC;QACrC,CAAC,CAAC,QAAQ,CAAC,MAAM;QACjB,CAAC,CAAC,SAAS,CAAA;IACf,MAAM,KAAK,GACT,QAAQ,CAAC,KAAK,IAAI,OAAO,QAAQ,CAAC,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC;QAC5F,CAAC,CAAC,QAAQ,CAAC,KAAK;QAChB,CAAC,CAAC,SAAS,CAAA;IAEf,OAAO,MAAM,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAA;AACxD,CAAC,CAAA;AAED,MAAM,eAAe,GAAG,UAAU,CAUhC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,MAAM,EAAE,WAAW,EAAE,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,CAAA;IACzD,MAAM,wBAAwB,GAAG,KAAK,CAAC,iBAAiB,IAAI,WAAW,CAAA;IACvE,MAAM,IAAI,GAAG,OAAO,EAAE,CAAA;IACtB,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAA;IAC1C,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC,CAAA;IAErF,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,YAAY,EAAY,CAAA;IACjD,MAAM,MAAM,GAAG,iBAAiB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;IACzD,MAAM,QAAQ,GAAG,iBAAiB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;IAC7D,MAAM,mBAAmB,GAAG,iBAAiB,CAC3C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,mBAAmB,CACrC,CAAA;IACD,MAAM,qBAAqB,GAAG,OAAO,CACnC,GAAG,EAAE,CACH,MAAM,CAAC,WAAW,CAChB,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC;QACjD,SAAS;QACT,oBAAoB,CAAC,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC;KACnD,CAAC,CACwB,EAC9B,CAAC,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC,WAAW,CAAC,CACxC,CAAA;IACD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,qBAAqB,CAAC,CAAA;IACjE,MAAM,mBAAmB,GAAG,OAAO,CACjC,GAAG,EAAE,CACH,wBAAwB,CACtB,KAAK,CAAC,WAAkD,EACxD,SAAS,CACV,EACH,CAAC,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,CAC/B,CAAA;IACD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CACpD,kBAAkB,CAAC,KAAK,CAAC,WAAW,CAAC,CACtC,CAAA;IACD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAA;IAC/E,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CACH,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,MAAM,CACvC,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,UAAU,KAAK,KAAK,CAAC,CACxD,EACH,CAAC,WAAW,CAAC,MAAM,CAAC,CACrB,CAAA;IACD,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CACH,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,EAAE,EAAE,CAAC,sBAAsB,CAAC,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,EAC9F,CAAC,QAAQ,EAAE,SAAS,CAAC,CACtB,CAAA;IACD,MAAM,iBAAiB,GAAG,OAAO,CAC/B,GAAG,EAAE,CAAC,IAAI,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,EAC3D,CAAC,YAAY,CAAC,CACf,CAAA;IACD,MAAM,sBAAsB,GAAG,WAAW,CACxC,CAAC,OAAe,EAAE,KAAc,EAAE,EAAE;QAClC,MAAM,MAAM,GAAG,GAAG,EAAE,GAAG,CAAA;QACvB,MAAM,SAAS,GAAG,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAA;QAErF,IAAI,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YAC5B,OAAM;QACR,CAAC;QAED,YAAY,CAAC,CAAC,QAAQ,EAAE,EAAE;YACxB,IAAI,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;gBAC1C,OAAO,QAAQ,CAAA;YACjB,CAAC;YAED,OAAO;gBACL,GAAG,QAAQ;gBACX,CAAC,SAAS,CAAC,EAAE,KAAK;aACnB,CAAA;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,EACD,CAAC,EAAE,CAAC,CACL,CAAA;IAED,mBAAmB,CACjB,GAAG,EACH,GAAa,EAAE,CAAC,CAAC;QACf,QAAQ,EAAE,GAAG,EAAE;YACb,MAAM,MAAM,GAAG,MAAM,CAAC,WAAW,CAC/B,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE;gBAC9B,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;oBACtC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,CAAA;gBAC1B,CAAC;gBAED,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAA;YACjD,CAAC,CAAC,CACH,CAAA;YAED,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC;gBAC/C,MAAM,MAAM,GAAG,CAAC,CAAC,2BAA2B,CAAC,CAAA;gBAC7C,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC,CAAA;gBACpB,OAAO,EAAE,MAAM,EAAE,CAAA;YACnB,CAAC;YAED,MAAM,QAAQ,GAAG,aAAa,CAAC,eAAe,CAAC,CAAA;YAE/C,OAAO;gBACL,GAAG,MAAM;gBACT,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;gBAC5C,KAAK,EAAE,WAAW,CAAC,IAAI;aACxB,CAAA;QACH,CAAC;QACD,QAAQ,EAAE,GAAG,EAAE;YACb,MAAM,MAAM,GAAG,MAAM,CAAC,WAAW,CAC/B,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE;gBAC9B,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;oBACtC,OAAO,CAAC,SAAS,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CAAA;gBAC1C,CAAC;gBAED,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAA;YACjD,CAAC,CAAC,CACH,CAAA;YACD,MAAM,QAAQ,GAAG,aAAa,CAAC,eAAe,CAAC,CAAA;YAC/C,OAAO,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,CAAA;QAC/D,CAAC;KACF,CAAC,EACF,CAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,EAAE,eAAe,EAAE,SAAS,EAAE,EAAE,EAAE,iBAAiB,CAAC,CAC1F,CAAA;IAED,OAAO,CACL,KAAC,2BAA2B,IAC1B,UAAU,EAAE,mBAAmB,EAC/B,kBAAkB,EAAE,sBAAsB,YAE1C,cAAK,SAAS,EAAC,kDAAkD,YAC9D,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE;gBAC3C,MAAM,SAAS,GAAG,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;gBAClD,MAAM,WAAW,GAAG,mBAAmB,CAAC,UAAU,CAAC,CAAA;gBAEnD,IAAI,CAAC,SAAS,EAAE,CAAC;oBACf,OAAO,IAAI,CAAA;gBACb,CAAC;gBAED,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,GAAG,GAAG,SAAS,CAAC,EAAE,KAAK,CAAA;gBACtE,MAAM,eAAe,GAAG,qBAAqB,CAAC,WAAW,EAAE,UAAU,CAAC,CAAA;gBACtE,MAAM,YAAY,GAAG,UAAU,CAAC,MAAM,CAAC,MAAM,CAAA;gBAC7C,MAAM,cAAc,GAAG,YAAY;oBACjC,CAAC,CAAC,cAAc,CAAC,YAAY,CAAC,YAAY,CAAC;oBAC3C,CAAC,CAAE,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CAAgC,CAAA;gBACrE,MAAM,cAAc,GAClB,UAAU,CAAC,MAAM,CAAC,EAAE,KAAK,MAAM,IAAI,UAAU,CAAC,MAAM,CAAC,EAAE,KAAK,UAAU;oBACpE,CAAC,CAAC,eAAe,EAAE,KAAK,EAAE,CAAC,SAAS,CAAC;oBACrC,CAAC,CAAC,eAAe,EAAE,MAAM,EAAE,CAAC,SAAS,CAAC,CAAA;gBAC1C,MAAM,0BAA0B,GAC9B,eAAe,IAAI,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;gBAChF,MAAM,KAAK,GAAG,cAAc,CAAC,CAAC,CAAC,CAC7B,KAAC,cAAc,IACb,EAAE,EAAE,EAAE,GAAG,GAAG,GAAG,SAAS,EACxB,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,KACV,UAAU,EACd,UAAU,EAAE,yBAAyB,CAAC,UAAU,EAAE,cAAc,CAAC,EACjE,WAAW,EAAE,oBAAoB,CAAC,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,EAC/D,0BAA0B,EAAE,0BAA0B,EACtD,iBAAiB,EAAE,wBAAwB,GAC3C,CACH,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,IAAC,KAAK,EAAE,UAAU,CAAC,MAAM,GAAI,CACxC,CAAA;gBACD,MAAM,WAAW,GAAG,iBAAiB,KAAK,SAAS,CAAA;gBACnD,MAAM,cAAc,GAAG,CAAC,IAAa,EAAE,EAAE,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;gBACvF,MAAM,cAAc,GAAG,eAAe,CAAC,CAAC,CAAC,CACvC,KAAC,kBAAkB,IACjB,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,wBAAwB,EAC7C,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,UAAU,EACjB,YAAY,EAAE,CAAC,gBAAgB,IAAI,EAAE,CAAyB,EAC9D,QAAQ,EAAE,eAAe,EACzB,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;wBACrB,kBAAkB,CAAC,QAAQ,CAAC,CAAA;wBAC5B,mBAAmB,CAAC,GAAG,EAAE,IAAI,SAAS,EAAE,CAAC,CAAA;oBAC3C,CAAC,EACD,IAAI,EAAE,WAAW,EACjB,YAAY,EAAE,cAAc,EAC5B,IAAI,EAAC,SAAS,GACd,CACH,CAAC,CAAC,CAAC,IAAI,CAAA;gBACR,MAAM,aAAa,GAAG,eAAe,CAAC,CAAC,CAAC,CACtC,KAAC,kBAAkB,IACjB,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,wBAAwB,EAC7C,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,UAAU,EACjB,YAAY,EAAE,CAAC,gBAAgB,IAAI,EAAE,CAAyB,EAC9D,QAAQ,EAAE,eAAe,EACzB,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;wBACrB,kBAAkB,CAAC,QAAQ,CAAC,CAAA;wBAC5B,mBAAmB,CAAC,GAAG,EAAE,IAAI,SAAS,EAAE,CAAC,CAAA;oBAC3C,CAAC,EACD,IAAI,EAAE,WAAW,EACjB,YAAY,EAAE,cAAc,EAC5B,IAAI,EAAC,QAAQ,GACb,CACH,CAAC,CAAC,CAAC,IAAI,CAAA;gBAER,MAAM,WAAW,GACf,UAAU,CAAC,MAAM,CAAC,EAAE,KAAK,aAAa;oBACrC,UAAmC,CAAC,IAAI,KAAK,KAAK;oBACnD,WAAW,CAAA;gBAEb,IAAI,WAAW,EAAE,CAAC;oBAChB,OAAO,CACL,KAAC,WAAW,IAAC,WAAW,kBACtB,MAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,aAC7C,MAAC,UAAU,IAAC,SAAS,EAAC,OAAO,aAC3B,eAAK,SAAS,EAAC,yCAAyC,aACtD,KAAC,kBAAkB,IAAC,OAAO,kBACzB,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,yCAAyC,YACvE,MAAC,SAAS,IAAC,SAAS,EAAC,iCAAiC,aACpD,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,kBAC5D,2BACE,KAAC,cAAc,KAAG,EAClB,eAAM,SAAS,EAAC,SAAS,YAAE,CAAC,CAAC,eAAe,CAAC,GAAQ,IAChD,GACA,EACT,KAAC,UAAU,IACT,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,CAAC,UAAU,GACjC,IACQ,GACL,GACU,EACrB,KAAC,SAAS,IAAC,cAAc,EAAE,UAAU,CAAC,cAAc,YACjD,cAAc,GACL,IACR,EACL,aAAa,IACH,EACb,KAAC,kBAAkB,IAAC,UAAU,QAAC,SAAS,EAAC,4BAA4B,YACnE,KAAC,WAAW,cAAE,KAAK,GAAe,GACf,IAChB,IA7BqB,SAAS,CA8BzB,CACf,CAAA;gBACH,CAAC;gBAED,OAAO,CACL,eAAqB,SAAS,EAAE,GAAG,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,aACjE,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAClB,eAAK,SAAS,EAAC,gBAAgB,aAC7B,MAAC,SAAS,IAAC,SAAS,EAAC,yCAAyC,aAC5D,KAAC,UAAU,IAAC,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,CAAC,UAAU,GAAI,EACvE,KAAC,SAAS,IAAC,cAAc,EAAE,UAAU,CAAC,cAAc,YACjD,cAAc,GACL,IACF,EACX,WAAW,CAAC,CAAC,CAAC,CACb,YAAG,SAAS,EAAC,+BAA+B,YAAE,WAAW,GAAK,CAC/D,CAAC,CAAC,CAAC,IAAI,EACP,aAAa,IACV,CACP,EACA,KAAK,KAfE,SAAS,CAgBb,CACP,CAAA;YACH,CAAC,CAAC,GACE,GACsB,CAC/B,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,eAAe,CAAA"}

package/dist/esm/router/dashboard/[contentType]/[edit]/_components/ContentCommentsDrawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentCommentsDrawer.d.ts","sourceRoot":"","sources":["../../../../../../../src/router/dashboard/[contentType]/[edit]/_components/ContentCommentsDrawer.tsx"],"names":[],"mappings":"AAwiBA,eAAO,MAAM,qBAAqB,GAAI,mDAInC;IACD,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,OAAO,CAAC,EAAE,OAAO,CAAA;CACb,mDAoVL,CAAA"}
+{"version":3,"file":"ContentCommentsDrawer.d.ts","sourceRoot":"","sources":["../../../../../../../src/router/dashboard/[contentType]/[edit]/_components/ContentCommentsDrawer.tsx"],"names":[],"mappings":"AA+hBA,eAAO,MAAM,qBAAqB,GAAI,mDAInC;IACD,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,OAAO,CAAC,EAAE,OAAO,CAAA;CACb,mDAmlBL,CAAA"}

package/dist/esm/router/dashboard/[contentType]/[edit]/_components/ContentCommentsDrawer.js

@@ -1,27 +1,33 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useTranslations } from '../../../../../i18n/index.js';
+const AT = '@';
 import { EmojiPicker } from '@ferrucc-io/emoji-picker';
-import { MessageCircle, Plus, Send } from 'lucide-react';
-import { Fragment, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, } from 'react';
+import { BellRing, MessageCircle, Plus, Send, XIcon } from 'lucide-react';
+import { Fragment, useCallback, useEffect, useLayoutEffect, useRef, useState, } from 'react';
 import { useQueryClient } from '@tanstack/react-query';
 import { toast } from 'sonner';
 import { isTranslatableObject } from '@rakun-kit/core/client';
 import { useEditPageContext } from '../_context/EditPageContext.js';
+import { ContentReviewPanel } from './ContentReviewPanel.js';
 import { createManagerQueryKey, useManagerMutation, useManagerQuery } from '../../../../../client/react.js';
 import { UserAvatar } from '../../../../../components/user-avatar.js';
-import { Bubble, BubbleContent, BubbleGroup, BubbleReactions, } from '../../../../../components/ui/bubble.js';
+import { Bubble, BubbleContent, BubbleGroup, BubbleReactions } from '../../../../../components/ui/bubble.js';
+import { Badge } from '../../../../../components/ui/badge.js';
 import { Button } from '../../../../../components/ui/button.js';
-import { Drawer, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, } from '../../../../../components/ui/drawer.js';
-import { Mention, MentionContent, MentionInput, MentionItem, } from '../../../../../components/ui/mention.js';
+import { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, } from '../../../../../components/ui/drawer.js';
+import { Mention, MentionContent, MentionInput, MentionItem } from '../../../../../components/ui/mention.js';
 import { Popover, PopoverContent, PopoverTrigger } from '../../../../../components/ui/popover.js';
-import { HoverCard, HoverCardContent, HoverCardTrigger, } from '../../../../../components/ui/hover-card.js';
-import { Message, MessageAvatar, MessageContent, MessageHeader, } from '../../../../../components/ui/message.js';
+import { HoverCard, HoverCardContent, HoverCardTrigger } from '../../../../../components/ui/hover-card.js';
+import { Message, MessageAvatar, MessageContent, MessageHeader } from '../../../../../components/ui/message.js';
 import { ScrollArea } from '../../../../../components/ui/scroll-area.js';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '../../../../../components/ui/tabs.js';
 import { Textarea } from '../../../../../components/ui/textarea.js';
 import { Tooltip, TooltipContent, TooltipTrigger } from '../../../../../components/ui/tooltip.js';
 import { getActionErrorMessage } from '../../../../../helpers/get-action-error-message.js';
 import { cn } from '../../../../../lib/utils.js';
 import { useSession } from '../../../../../state/session.js';
+import { useManagerUsers } from '../../../../../state/users.js';
 const displayUserName = (user) => user.name?.trim() || user.user;
 const mentionLabel = (user) => user.user;
 const getDocumentTitleValue = ({ data, field, languageCode, }) => {
@@ -127,7 +133,11 @@ const formatMessageTime = (value) => {
     });
 };
 const DaySeparator = ({ date }) => (_jsxs("div", { className: "flex items-center gap-3 py-2", children: [_jsx("div", { className: "h-px flex-1 bg-border" }), _jsx("span", { className: "rounded-full bg-background px-3 py-1 text-[11px] font-medium text-muted-foreground shadow-sm ring-1 ring-border", children: formatMessageDayLabel(date) }), _jsx("div", { className: "h-px flex-1 bg-border" })] }));
-const UserHoverCard = ({ children, user, }) => (_jsxs(HoverCard, { openDelay: 150, children: [_jsx(HoverCardTrigger, { asChild: true, children: children }), _jsx(HoverCardContent, { align: "start", className: "w-64", children: _jsxs("div", { className: "flex min-w-0 items-center gap-3", children: [_jsx(UserAvatar, { name: displayUserName(user), avatar: user.avatar, className: "size-10" }), _jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "truncate text-sm font-medium", children: displayUserName(user) }), _jsxs("p", { className: "truncate text-xs text-muted-foreground", children: ["@", user.user] })] })] }) })] }));
+const UnreadSeparator = ({ separatorRef }) => {
+    const t = useTranslations();
+    return (_jsxs("div", { ref: separatorRef, className: "flex items-center gap-3 py-2", role: "separator", children: [_jsx("div", { className: "h-px flex-1 bg-primary" }), _jsx("span", { className: "rounded-full bg-primary px-3 py-1 text-[11px] font-semibold text-primary-foreground shadow-sm", children: t('comments.unread') }), _jsx("div", { className: "h-px flex-1 bg-primary" })] }));
+};
+const UserHoverCard = ({ children, user }) => (_jsxs(HoverCard, { openDelay: 150, children: [_jsx(HoverCardTrigger, { asChild: true, children: children }), _jsx(HoverCardContent, { align: "start", className: "w-64", children: _jsxs("div", { className: "flex min-w-0 items-center gap-3", children: [_jsx(UserAvatar, { name: displayUserName(user), avatar: user.avatar, className: "size-10" }), _jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "truncate text-sm font-medium", children: displayUserName(user) }), _jsxs("p", { className: "truncate text-xs text-muted-foreground", children: [AT, user.user] })] })] }) })] }));
 const CommentText = ({ currentUser, mentions, text, }) => {
     const mentionsByUsername = new Map(mentions.map((mentionUser) => [mentionUser.user.toLowerCase(), mentionUser]));
     const usernames = Array.from(mentionsByUsername.keys())
@@ -152,7 +162,7 @@ const CommentText = ({ currentUser, mentions, text, }) => {
             mentionUser,
         });
         parts.push(_jsx(UserHoverCard, { user: mentionUser, children: _jsxs("span", { tabIndex: 0, className: cn('inline-flex cursor-default rounded-sm bg-primary/10 px-1 py-0.5 font-medium text-primary outline-none ring-offset-background hover:bg-primary/15 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', currentUserMention &&
-                    'bg-amber-500/15 text-amber-700 ring-1 ring-amber-500/30 hover:bg-amber-500/20 dark:text-amber-300'), children: ["@", mentionUser.user] }) }, `${match.index}:${rawMention}`));
+                    'bg-amber-500/15 text-amber-700 ring-1 ring-amber-500/30 hover:bg-amber-500/20 dark:text-amber-300'), children: [AT, mentionUser.user] }) }, `${match.index}:${rawMention}`));
         lastIndex = pattern.lastIndex;
     }
     if (lastIndex < text.length) {
@@ -161,6 +171,7 @@ const CommentText = ({ currentUser, mentions, text, }) => {
     return _jsx(_Fragment, { children: parts });
 };
 const CommentReactionPicker = ({ anchorIsNarrow, currentUser, disabled, onToggle, ownComment, reactions, }) => {
+    const t = useTranslations();
     const [emojiPickerOpen, setEmojiPickerOpen] = useState(false);
     const handlePickerEmojiSelect = (emoji) => {
         setEmojiPickerOpen(false);
@@ -177,7 +188,7 @@ const CommentReactionPicker = ({ anchorIsNarrow, currentUser, disabled, onToggle
                     reaction,
                 });
                 return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": option.label, disabled: disabled, onClick: () => onToggle(option.emoji), className: cn('grid size-7 place-items-center rounded-full text-base leading-none transition hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50', reacted && 'bg-primary/10 ring-1 ring-primary/30'), children: _jsx("span", { "aria-hidden": "true", children: option.symbol }) }) }), _jsx(TooltipContent, { children: option.label })] }, option.emoji));
-            }), _jsxs(Popover, { open: emojiPickerOpen, onOpenChange: setEmojiPickerOpen, children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": "More reactions", disabled: disabled, className: "grid size-7 place-items-center rounded-full transition hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", children: _jsx(Plus, { className: "size-3.5" }) }) }) }), _jsx(TooltipContent, { children: "More reactions" })] }), _jsx(PopoverContent, { align: ownComment ? 'start' : 'end', collisionPadding: 16, side: "top", sideOffset: 12, className: "w-[min(320px,calc(100vw-2rem))] max-h-[min(420px,calc(100vh-2rem))] overflow-hidden p-0 outline-none focus:outline-none focus-visible:outline-none focus-visible:ring-0", onWheelCapture: scrollEmojiPickerViewport, children: _jsxs(EmojiPicker, { className: "flex h-full max-h-[min(420px,calc(100vh-2rem))] w-full flex-col border-0 shadow-none ring-0 focus:ring-0 focus-visible:ring-0", emojiSize: 28, emojisPerRow: 8, frequentlyUsedEmojis: FREQUENTLY_USED_REACTIONS, onEmojiSelect: handlePickerEmojiSelect, children: [_jsx(EmojiPicker.Header, { className: "border-b p-2", children: _jsx(EmojiPicker.Input, { autoFocus: true, placeholder: "Search emoji", className: "h-9 w-full rounded-md border bg-background pl-9 pr-3 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring" }) }), _jsx(EmojiPicker.Group, { className: "min-h-0 flex-1 overflow-hidden", children: _jsx(EmojiPicker.List, { containerHeight: 260 }) })] }) })] })] }));
+            }), _jsxs(Popover, { open: emojiPickerOpen, onOpenChange: setEmojiPickerOpen, children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": t('comments.moreReactions'), disabled: disabled, className: "grid size-7 place-items-center rounded-full transition hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", children: _jsx(Plus, { className: "size-3.5" }) }) }) }), _jsx(TooltipContent, { children: t('comments.moreReactions') })] }), _jsx(PopoverContent, { align: ownComment ? 'start' : 'end', collisionPadding: 16, side: "top", sideOffset: 12, className: "w-[min(320px,calc(100vw-2rem))] max-h-[min(420px,calc(100vh-2rem))] overflow-hidden p-0 outline-none focus:outline-none focus-visible:outline-none focus-visible:ring-0", onWheelCapture: scrollEmojiPickerViewport, children: _jsxs(EmojiPicker, { className: "flex h-full max-h-[min(420px,calc(100vh-2rem))] w-full flex-col border-0 shadow-none ring-0 focus:ring-0 focus-visible:ring-0", emojiSize: 28, emojisPerRow: 8, frequentlyUsedEmojis: FREQUENTLY_USED_REACTIONS, onEmojiSelect: handlePickerEmojiSelect, children: [_jsx(EmojiPicker.Header, { className: "border-b p-2", children: _jsx(EmojiPicker.Input, { autoFocus: true, placeholder: t('comments.searchEmoji'), className: "h-9 w-full rounded-md border bg-background pl-9 pr-3 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring" }) }), _jsx(EmojiPicker.Group, { className: "min-h-0 flex-1 overflow-hidden", children: _jsx(EmojiPicker.List, { containerHeight: 260 }) })] }) })] })] }));
 };
 const CommentBubbleContent = ({ children, currentUser, disabled, onToggleReaction, ownComment, reactions, }) => {
     const anchorRef = useRef(null);
@@ -211,11 +222,17 @@ const CommentReactionSummary = ({ currentUser, disabled, onToggle, ownComment, r
         }) }));
 };
 export const ContentCommentsDrawer = ({ open: controlledOpen, onOpenChange, trigger = true, } = {}) => {
+    const t = useTranslations();
     const { contentType, contentTypeId, contentTypeName, form, languageCode } = useEditPageContext();
     const { user } = useSession();
     const queryClient = useQueryClient();
     const textareaRef = useRef(null);
     const messagesEndRef = useRef(null);
+    const unreadMarkerRef = useRef(null);
+    const unreadSessionIdRef = useRef(0);
+    const lastMarkedCommentRef = useRef(null);
+    const markReadPromiseRef = useRef(null);
+    const markedOpenRef = useRef(null);
     const [internalOpen, setInternalOpen] = useState(false);
     const open = controlledOpen ?? internalOpen;
     const setOpen = (nextOpen) => {
@@ -225,33 +242,65 @@ export const ContentCommentsDrawer = ({ open: controlledOpen, onOpenChange, trig
         onOpenChange?.(nextOpen);
     };
     const [text, setText] = useState('');
+    const [activePanel, setActivePanel] = useState('messages');
     const [mentions, setMentions] = useState([]);
     const [composerKey, setComposerKey] = useState(0);
+    const [unreadMarkerCommentId, setUnreadMarkerCommentId] = useState(null);
+    const [unreadSessionReady, setUnreadSessionReady] = useState(false);
+    useEffect(() => {
+        if (!open || typeof window === 'undefined')
+            return;
+        const searchParams = new URLSearchParams(window.location.search);
+        setActivePanel(searchParams.has('review') ? 'review' : 'messages');
+    }, [open]);
+    const messagesOpen = open && activePanel === 'messages';
     const commentsInput = contentTypeId
         ? {
             contentType: contentTypeName,
             documentId: contentTypeId,
         }
         : undefined;
+    const notificationsInput = commentsInput
+        ? {
+            ...commentsInput,
+            unreadOnly: true,
+            limit: 1,
+        }
+        : undefined;
     const commentsQuery = useManagerQuery({
         name: 'manager.comments.list',
-        input: commentsInput ?? {
-            contentType: '',
-            documentId: '',
-        },
-        enabled: Boolean(open && commentsInput),
-        refetchInterval: open ? 5000 : false,
+        input: commentsInput ??
+            {
+                contentType: '',
+                documentId: '',
+            },
+        enabled: Boolean(messagesOpen && commentsInput),
+        refetchInterval: messagesOpen ? 5000 : false,
     });
-    const usersQuery = useManagerQuery({
-        name: 'manager.users.mentions',
-        input: undefined,
-        enabled: open,
+    const notificationsQuery = useManagerQuery({
+        name: 'manager.notifications.list',
+        input: notificationsInput,
+        enabled: Boolean(notificationsInput),
+        refetchInterval: open ? false : 15000,
     });
+    const unreadCommentsQuery = useManagerQuery({
+        name: 'manager.comments.unreadCount',
+        input: commentsInput ??
+            {
+                contentType: '',
+                documentId: '',
+            },
+        enabled: Boolean(commentsInput),
+        refetchInterval: open ? false : 15000,
+    });
+    const { users: mentionUsers, usersById: mentionUsersById, isLoading: usersLoading, } = useManagerUsers();
     const createCommentMutation = useManagerMutation('manager.comments.create');
     const toggleReactionMutation = useManagerMutation('manager.comments.toggleReaction');
-    const mentionUsers = usersQuery.data ?? [];
-    const mentionUsersById = useMemo(() => new Map(mentionUsers.map((mentionUser) => [mentionUser._id, mentionUser])), [mentionUsers]);
+    const markCommentsReadMutation = useManagerMutation('manager.comments.markRead');
+    const markNotificationsReadMutation = useManagerMutation('manager.notifications.markRead');
     const comments = commentsQuery.data?.comments ?? [];
+    const unreadCommentsCount = unreadCommentsQuery.data?.count ?? 0;
+    const unreadNotifications = notificationsQuery.data?.totalUnread ?? 0;
     const documentTitle = getDocumentTitleValue({
         data: form.draft.current,
         field: contentType.listFields?.[0],
@@ -270,10 +319,122 @@ export const ContentCommentsDrawer = ({ open: controlledOpen, onOpenChange, trig
         });
     }, []);
     useEffect(() => {
-        if (!open)
+        if (!messagesOpen) {
+            unreadSessionIdRef.current += 1;
+            lastMarkedCommentRef.current = null;
+            setUnreadMarkerCommentId(null);
+            setUnreadSessionReady(false);
+            return;
+        }
+        if (!commentsInput)
+            return;
+        const sessionId = unreadSessionIdRef.current + 1;
+        unreadSessionIdRef.current = sessionId;
+        lastMarkedCommentRef.current = null;
+        setUnreadMarkerCommentId(null);
+        setUnreadSessionReady(false);
+        void (async () => {
+            try {
+                await markReadPromiseRef.current;
+                const result = await commentsQuery.refetch();
+                if (unreadSessionIdRef.current !== sessionId || result.isError || !result.data) {
+                    return;
+                }
+                const freshComments = result.data.comments;
+                const lastReadCommentId = result.data.lastReadCommentId;
+                const lastReadIndex = lastReadCommentId
+                    ? freshComments.findIndex((comment) => comment._id === lastReadCommentId)
+                    : -1;
+                const unreadComments = lastReadIndex >= 0 ? freshComments.slice(lastReadIndex + 1) : freshComments;
+                const firstUnreadComment = unreadComments.find((comment) => !isOwnCommentAuthor({
+                    author: comment.author,
+                    currentUser: user,
+                }));
+                setUnreadMarkerCommentId(firstUnreadComment?._id ?? null);
+                setUnreadSessionReady(true);
+            }
+            catch (error) {
+                if (unreadSessionIdRef.current === sessionId) {
+                    toast.error(getActionErrorMessage(error, t('comments.couldNotLoadReadState')));
+                }
+            }
+        })();
+    }, [contentTypeId, contentTypeName, messagesOpen]);
+    useEffect(() => {
+        if (!messagesOpen || !commentsInput || !unreadSessionReady)
+            return;
+        const latestComment = comments[comments.length - 1];
+        if (!latestComment)
+            return;
+        const readKey = `${commentsInput.contentType}:${commentsInput.documentId}:${latestComment._id}`;
+        if (lastMarkedCommentRef.current === readKey)
+            return;
+        lastMarkedCommentRef.current = readKey;
+        const previousMarkRead = markReadPromiseRef.current;
+        const markReadPromise = (previousMarkRead ? previousMarkRead.catch(() => undefined) : Promise.resolve()).then(() => markCommentsReadMutation.mutateAsync({
+            ...commentsInput,
+            commentId: latestComment._id,
+        }));
+        markReadPromiseRef.current = markReadPromise;
+        void markReadPromise
+            .then(async (result) => {
+            await queryClient.invalidateQueries({
+                predicate: (query) => query.queryKey[0] === 'rakun-manager' &&
+                    query.queryKey[1] === 'manager.comments.unreadCount',
+            });
+            return result;
+        })
+            .catch((error) => {
+            toast.error(getActionErrorMessage(error, t('comments.couldNotSaveReadState')));
+        })
+            .finally(() => {
+            if (markReadPromiseRef.current === markReadPromise) {
+                markReadPromiseRef.current = null;
+            }
+        });
+    }, [comments, commentsInput, markCommentsReadMutation, messagesOpen, unreadSessionReady]);
+    useEffect(() => {
+        if (!messagesOpen || !unreadSessionReady || unreadMarkerCommentId)
             return;
         scrollMessagesToEnd('auto');
-    }, [comments.length, open, scrollMessagesToEnd]);
+    }, [
+        comments.length,
+        messagesOpen,
+        scrollMessagesToEnd,
+        unreadMarkerCommentId,
+        unreadSessionReady,
+    ]);
+    useLayoutEffect(() => {
+        if (!messagesOpen || !unreadMarkerCommentId)
+            return;
+        requestAnimationFrame(() => {
+            unreadMarkerRef.current?.scrollIntoView({
+                block: 'center',
+                behavior: 'auto',
+            });
+        });
+    }, [messagesOpen, unreadMarkerCommentId]);
+    useEffect(() => {
+        if (!open) {
+            markedOpenRef.current = null;
+            return;
+        }
+        if (!commentsInput || unreadNotifications === 0)
+            return;
+        const documentKey = `${commentsInput.contentType}:${commentsInput.documentId}`;
+        if (markedOpenRef.current === documentKey)
+            return;
+        markedOpenRef.current = documentKey;
+        void markNotificationsReadMutation
+            .mutateAsync(commentsInput)
+            .then(() => queryClient.invalidateQueries({
+            predicate: (query) => query.queryKey[0] === 'rakun-manager' &&
+                query.queryKey[1] === 'manager.notifications.list',
+        }))
+            .catch((error) => {
+            toast.error(getActionErrorMessage(error, t('comments.couldNotMarkNotifications')));
+        });
+    }, [commentsInput, markNotificationsReadMutation, open, queryClient, unreadNotifications]);
     if (!contentTypeId || !commentsInput)
         return null;
     const invalidateComments = async () => {
@@ -300,7 +461,7 @@ export const ContentCommentsDrawer = ({ open: controlledOpen, onOpenChange, trig
             scrollMessagesToEnd();
         }
         catch (error) {
-            toast.error(getActionErrorMessage(error, 'Could not add comment'));
+            toast.error(getActionErrorMessage(error, t('comments.couldNotAdd')));
         }
     };
     const handleToggleReaction = async ({ commentId, emoji, }) => {
@@ -313,7 +474,7 @@ export const ContentCommentsDrawer = ({ open: controlledOpen, onOpenChange, trig
             await invalidateComments();
         }
         catch (error) {
-            toast.error(getActionErrorMessage(error, 'Could not update reaction'));
+            toast.error(getActionErrorMessage(error, t('comments.couldNotUpdateReaction')));
         }
     };
     const filterMentionUsers = (options, term) => {
@@ -329,32 +490,38 @@ export const ContentCommentsDrawer = ({ open: controlledOpen, onOpenChange, trig
                 .some((value) => value.toLowerCase().includes(normalizedTerm));
         });
     };
-    return (_jsxs(Drawer, { direction: "right", open: open, onOpenChange: setOpen, children: [trigger ? (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(DrawerTrigger, { asChild: true, children: _jsx(Button, { "aria-label": "Comments", variant: "outline", size: "icon", children: _jsx(MessageCircle, {}) }) }) }), _jsx(TooltipContent, { children: "Comments" })] })) : null, _jsxs(DrawerContent, { className: "w-[min(92vw,520px)] sm:max-w-[520px]", children: [_jsxs(DrawerHeader, { className: "border-b", children: [_jsx(DrawerTitle, { children: "Comments" }), _jsx(DrawerDescription, { children: drawerDescription })] }), _jsx(ScrollArea, { className: "min-h-0 flex-1", children: _jsxs("div", { className: "flex min-h-[320px] flex-col gap-4 p-4", children: [commentsQuery.isLoading ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Loading comments..." })) : commentsQuery.isError ? (_jsxs("div", { className: "flex flex-col items-start gap-3", children: [_jsx("p", { className: "text-sm text-destructive", children: "Could not load comments." }), _jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => void commentsQuery.refetch(), children: "Retry" })] })) : comments.length ? (_jsx(BubbleGroup, { children: comments.map((comment, index) => {
-                                        const previousComment = comments[index - 1];
-                                        const showDaySeparator = !previousComment ||
-                                            getMessageDayKey(previousComment.createdAt) !==
-                                                getMessageDayKey(comment.createdAt);
-                                        const showAuthor = !previousComment ||
-                                            showDaySeparator ||
-                                            !isSameCommentAuthor(previousComment.author, comment.author);
-                                        const ownComment = isOwnCommentAuthor({
-                                            author: comment.author,
-                                            currentUser: user,
-                                        });
-                                        const createdAt = getCommentDate(comment.createdAt);
-                                        const messageTime = formatMessageTime(createdAt);
-                                        return (_jsxs(Fragment, { children: [showDaySeparator ? _jsx(DaySeparator, { date: comment.createdAt }) : null, _jsxs(Message, { align: ownComment ? 'end' : 'start', children: [_jsx(MessageAvatar, { className: cn(!showAuthor && 'invisible'), children: _jsx(UserHoverCard, { user: comment.author, children: _jsx("span", { className: "inline-flex cursor-default rounded-full outline-none ring-offset-background focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", children: _jsx(UserAvatar, { name: displayUserName(comment.author), avatar: comment.author.avatar, className: "size-8" }) }) }) }), _jsxs(MessageContent, { className: cn(ownComment && 'items-end'), children: [showAuthor ? (_jsx(MessageHeader, { className: cn(ownComment && 'justify-end'), children: _jsx(UserHoverCard, { user: comment.author, children: _jsx("span", { className: "cursor-default rounded-sm outline-none ring-offset-background focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", children: displayUserName(comment.author) }) }) })) : null, _jsxs(Bubble, { align: ownComment ? 'end' : 'start', variant: "muted", className: cn('max-w-[82%]', comment.reactions.length && 'mb-3'), children: [_jsx(CommentBubbleContent, { currentUser: user, disabled: toggleReactionMutation.isPending, ownComment: ownComment, reactions: comment.reactions, onToggleReaction: (emoji) => void handleToggleReaction({
-                                                                                commentId: comment._id,
-                                                                                emoji,
-                                                                            }), children: _jsxs(BubbleContent, { className: "bg-muted whitespace-pre-wrap text-left", children: [_jsx(CommentText, { currentUser: user, mentions: comment.mentions, text: comment.text }), createdAt && messageTime ? (_jsx("time", { dateTime: createdAt.toISOString(), className: "mt-1 block text-right text-[10px] font-medium leading-none text-muted-foreground", children: messageTime })) : null] }) }), _jsx(CommentReactionSummary, { currentUser: user, disabled: toggleReactionMutation.isPending, ownComment: ownComment, reactions: comment.reactions, onToggle: (emoji) => void handleToggleReaction({
-                                                                                commentId: comment._id,
-                                                                                emoji,
-                                                                            }) })] })] })] })] }, comment._id));
-                                    }) })) : (_jsx("p", { className: "text-sm text-muted-foreground", children: "No comments yet." })), _jsx("div", { ref: messagesEndRef, "aria-hidden": "true" })] }) }), _jsxs(DrawerFooter, { className: "border-t", children: [_jsxs(Mention, { value: mentions, onValueChange: setMentions, inputValue: text, onInputValueChange: setText, trigger: "@", onFilter: filterMentionUsers, children: [_jsx(MentionInput, { asChild: true, children: _jsx(Textarea, { ref: textareaRef, placeholder: "Write a comment...", className: "max-h-40 min-h-24 resize-none", onKeyDown: (event) => {
-                                                if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {
-                                                    event.preventDefault();
-                                                    void handleSubmit();
-                                                }
-                                            } }) }), _jsx(MentionContent, { className: "max-h-64 min-w-64 overflow-y-auto", children: usersQuery.isLoading ? (_jsx("div", { className: "px-2 py-1.5 text-sm text-muted-foreground", children: "Loading users..." })) : mentionUsers.length ? (mentionUsers.map((mentionUser) => (_jsxs(MentionItem, { value: mentionUser._id, label: mentionLabel(mentionUser), children: [_jsx(UserAvatar, { name: displayUserName(mentionUser), avatar: mentionUser.avatar, className: "size-6" }), _jsxs("span", { className: "min-w-0", children: [_jsx("span", { className: "block truncate", children: displayUserName(mentionUser) }), _jsxs("span", { className: "block truncate text-xs text-muted-foreground", children: ["@", mentionUser.user] })] })] }, mentionUser._id)))) : (_jsx("div", { className: "px-2 py-1.5 text-sm text-muted-foreground", children: "No users found" })) })] }, composerKey), _jsxs(Button, { type: "button", loading: createCommentMutation.isPending, disabled: !trimmedText, onClick: () => void handleSubmit(), children: [_jsx(Send, {}), "Send"] })] })] })] }));
+    return (_jsxs(Drawer, { direction: "right", open: open, onOpenChange: setOpen, children: [trigger ? (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(DrawerTrigger, { asChild: true, children: _jsxs(Button, { "aria-label": unreadCommentsCount || unreadNotifications
+                                    ? `Comments, ${unreadCommentsCount} unread messages${unreadNotifications ? `, ${unreadNotifications} unread mentions` : ''}`
+                                    : 'Comments', className: "relative", variant: "outline", size: "icon", children: [_jsx(MessageCircle, {}), unreadCommentsCount || unreadNotifications ? (_jsxs("span", { className: cn('absolute -right-2 -top-2 flex h-4 min-w-4 items-center justify-center gap-0.5 rounded-full px-1 text-[9px] font-bold leading-none shadow-sm', unreadNotifications
+                                            ? 'bg-destructive text-destructive-foreground'
+                                            : 'bg-primary text-primary-foreground'), children: [unreadNotifications ? _jsx(BellRing, { className: "size-2.5" }) : null, unreadCommentsCount ? (_jsx("span", { children: unreadCommentsCount > 99 ? '99+' : unreadCommentsCount })) : null] })) : null] }) }) }), _jsx(TooltipContent, { children: unreadCommentsCount || unreadNotifications
+                            ? `${unreadCommentsCount} unread messages${unreadNotifications ? ` · ${unreadNotifications} unread mentions` : ''}`
+                            : 'Comments' })] })) : null, _jsxs(DrawerContent, { className: "h-full data-[vaul-drawer-direction=right]:w-full data-[vaul-drawer-direction=right]:max-w-none md:data-[vaul-drawer-direction=right]:w-[min(92vw,520px)] md:data-[vaul-drawer-direction=right]:max-w-[520px]", children: [_jsx(DrawerHeader, { className: "shrink-0 border-b text-start", children: _jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0 space-y-1", children: [_jsx(DrawerTitle, { children: t('comments.title') }), _jsx(DrawerDescription, { children: drawerDescription })] }), _jsx(DrawerClose, { asChild: true, children: _jsxs(Button, { type: "button", variant: "ghost", size: "icon", className: "shrink-0", "aria-label": "Close comments", children: [_jsx(XIcon, { className: "size-4" }), _jsx("span", { className: "sr-only", children: t('common.close') })] }) })] }) }), _jsxs(Tabs, { value: activePanel, onValueChange: (value) => setActivePanel(value === 'review' ? 'review' : 'messages'), className: "min-h-0 flex-1 gap-0", children: [_jsx("div", { className: "border-b px-4", children: _jsxs(TabsList, { variant: "line", className: "w-full", children: [_jsxs(TabsTrigger, { value: "messages", children: [t('comments.messages'), unreadCommentsCount ? (_jsx(Badge, { variant: "secondary", children: unreadCommentsCount > 99 ? '99+' : unreadCommentsCount })) : null] }), _jsx(TabsTrigger, { value: "review", children: t('review.title') })] }) }), _jsx(TabsContent, { value: "review", className: "min-h-0", children: _jsx(ScrollArea, { className: "h-full", children: _jsx(ContentReviewPanel, { open: open && activePanel === 'review' }) }) }), _jsxs(TabsContent, { value: "messages", className: "flex min-h-0 flex-col data-[state=inactive]:hidden", children: [_jsx(ScrollArea, { className: "min-h-0 flex-1", children: _jsxs("div", { className: "flex min-h-[320px] flex-col gap-4 p-4", children: [commentsQuery.isLoading ? (_jsx("p", { className: "text-sm text-muted-foreground", children: t('comments.loading') })) : commentsQuery.isError ? (_jsxs("div", { className: "flex flex-col items-start gap-3", children: [_jsx("p", { className: "text-sm text-destructive", children: t('comments.loadError') }), _jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => void commentsQuery.refetch(), children: t('common.retry') })] })) : comments.length ? (_jsx(BubbleGroup, { children: comments.map((comment, index) => {
+                                                        const previousComment = comments[index - 1];
+                                                        const showDaySeparator = !previousComment ||
+                                                            getMessageDayKey(previousComment.createdAt) !==
+                                                                getMessageDayKey(comment.createdAt);
+                                                        const showAuthor = !previousComment ||
+                                                            showDaySeparator ||
+                                                            !isSameCommentAuthor(previousComment.author, comment.author);
+                                                        const ownComment = isOwnCommentAuthor({
+                                                            author: comment.author,
+                                                            currentUser: user,
+                                                        });
+                                                        const createdAt = getCommentDate(comment.createdAt);
+                                                        const messageTime = formatMessageTime(createdAt);
+                                                        return (_jsxs(Fragment, { children: [showDaySeparator ? _jsx(DaySeparator, { date: comment.createdAt }) : null, comment._id === unreadMarkerCommentId ? (_jsx(UnreadSeparator, { separatorRef: unreadMarkerRef })) : null, _jsxs(Message, { align: ownComment ? 'end' : 'start', children: [_jsx(MessageAvatar, { className: cn(!showAuthor && 'invisible'), children: _jsx(UserHoverCard, { user: comment.author, children: _jsx("span", { className: "inline-flex cursor-default rounded-full outline-none ring-offset-background focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", children: _jsx(UserAvatar, { name: displayUserName(comment.author), avatar: comment.author.avatar, className: "size-8" }) }) }) }), _jsxs(MessageContent, { className: cn(ownComment && 'items-end'), children: [showAuthor ? (_jsx(MessageHeader, { className: cn(ownComment && 'justify-end'), children: _jsx(UserHoverCard, { user: comment.author, children: _jsx("span", { className: "cursor-default rounded-sm outline-none ring-offset-background focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", children: displayUserName(comment.author) }) }) })) : null, _jsxs(Bubble, { align: ownComment ? 'end' : 'start', variant: "muted", className: cn('max-w-[82%]', comment.reactions.length && 'mb-3'), children: [_jsx(CommentBubbleContent, { currentUser: user, disabled: toggleReactionMutation.isPending, ownComment: ownComment, reactions: comment.reactions, onToggleReaction: (emoji) => void handleToggleReaction({
+                                                                                                commentId: comment._id,
+                                                                                                emoji,
+                                                                                            }), children: _jsxs(BubbleContent, { className: "bg-muted whitespace-pre-wrap text-left", children: [_jsx(CommentText, { currentUser: user, mentions: comment.mentions, text: comment.text }), createdAt && messageTime ? (_jsx("time", { dateTime: createdAt.toISOString(), className: "mt-1 block text-right text-[10px] font-medium leading-none text-muted-foreground", children: messageTime })) : null] }) }), _jsx(CommentReactionSummary, { currentUser: user, disabled: toggleReactionMutation.isPending, ownComment: ownComment, reactions: comment.reactions, onToggle: (emoji) => void handleToggleReaction({
+                                                                                                commentId: comment._id,
+                                                                                                emoji,
+                                                                                            }) })] })] })] })] }, comment._id));
+                                                    }) })) : (_jsx("p", { className: "text-sm text-muted-foreground", children: t('comments.empty') })), _jsx("div", { ref: messagesEndRef, "aria-hidden": "true" })] }) }), _jsxs(DrawerFooter, { className: "border-t", children: [_jsxs(Mention, { value: mentions, onValueChange: setMentions, inputValue: text, onInputValueChange: setText, trigger: "@", onFilter: filterMentionUsers, children: [_jsx(MentionInput, { asChild: true, children: _jsx(Textarea, { ref: textareaRef, placeholder: t('comments.writePlaceholder'), className: "max-h-40 min-h-24 resize-none", onKeyDown: (event) => {
+                                                                if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {
+                                                                    event.preventDefault();
+                                                                    void handleSubmit();
+                                                                }
+                                                            } }) }), _jsx(MentionContent, { className: "max-h-64 min-w-64 overflow-y-auto", children: usersLoading ? (_jsx("div", { className: "px-2 py-1.5 text-sm text-muted-foreground", children: t('comments.loadingUsers') })) : mentionUsers.length ? (mentionUsers.map((mentionUser) => (_jsxs(MentionItem, { value: mentionUser._id, label: mentionLabel(mentionUser), children: [_jsx(UserAvatar, { name: displayUserName(mentionUser), avatar: mentionUser.avatar, className: "size-6" }), _jsxs("span", { className: "min-w-0", children: [_jsx("span", { className: "block truncate", children: displayUserName(mentionUser) }), _jsxs("span", { className: "block truncate text-xs text-muted-foreground", children: [AT, mentionUser.user] })] })] }, mentionUser._id)))) : (_jsx("div", { className: "px-2 py-1.5 text-sm text-muted-foreground", children: t('comments.noUsersFound') })) })] }, composerKey), _jsxs(Button, { type: "button", loading: createCommentMutation.isPending, disabled: !trimmedText, onClick: () => void handleSubmit(), children: [_jsx(Send, {}), t('common.send')] })] })] })] })] })] }));
 };
 //# sourceMappingURL=ContentCommentsDrawer.js.map