@solidxai/core-ui 0.1.9-beta.9 → 0.1.9

package/dist/components/core/chatter/SolidChatter.tsx

@@ -92,17 +92,27 @@ export const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, set
                 queryData.filters = queryData.filters || {};
                 queryData.filters['user'] = { fullName: { $containsi: filters.name }};
             }
+            const startOfDay = (d: Date) => {
+                const x = new Date(d);
+                x.setHours(0, 0, 0, 0);
+                return x;
+            };
+            const endOfDay = (d: Date) => {
+                const x = new Date(d);
+                x.setHours(23, 59, 59, 999);
+                return x;
+            };
             if (filters.startDate && filters.endDate) {
                 queryData.filters = queryData.filters || {};
                 queryData.filters.createdAt = {
-                    $between: [filters.startDate.toISOString(), filters.endDate.toISOString()]
+                    $between: [startOfDay(filters.startDate).toISOString(), endOfDay(filters.endDate).toISOString()]
                 };
             } else if (filters.startDate) {
                 queryData.filters = queryData.filters || {};
-                queryData.filters.createdAt = { $gte: filters.startDate.toISOString() };
+                queryData.filters.createdAt = { $gte: startOfDay(filters.startDate).toISOString() };
             } else if (filters.endDate) {
                 queryData.filters = queryData.filters || {};
-                queryData.filters.createdAt = { $lte: filters.endDate.toISOString() };
+                queryData.filters.createdAt = { $lte: endOfDay(filters.endDate).toISOString() };
             }
 
             const queryString = qs.stringify(queryData, {
@@ -115,15 +125,17 @@ export const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, set
             }).unwrap();
             const processedMessages = response.data.records.map((msg: any) => {
                 if (msg.messageType === 'custom') {
+                    const displayTimeSource = msg.updatedAt || msg.createdAt;
                     // Custom message
                     return {
                         id: msg.id,
                         user: msg.user?.fullName || "System",
+                        userId: msg.user?.id,
                         messageType: "custom",
                         message: msg.messageBody,
-                        time: new Date(msg.createdAt).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }),
-                        createdAt: msg.createdAt,
-                        date: formatDate(msg.createdAt),
+                        time: new Date(displayTimeSource).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }),
+                        createdAt: displayTimeSource,
+                        date: formatDate(displayTimeSource),
                         media: msg._media,
                         messageSubType: msg.messageSubType,
                         status: msg.status,
@@ -154,6 +166,7 @@ export const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, set
                     return {
                         id: msg.id,
                         user: msg.user?.fullName || "System",
+                        userId: msg.user?.id,
                         messageType: "audit",
                         time: new Date(msg.createdAt).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }),
                         auditRecord: auditRecord,
@@ -189,8 +202,8 @@ export const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, set
     const canViewMessages = actionsAllowed.includes(`${permissionExpression('chatterMessage', 'findMany')}`);
 
     const renderLoadingState = () => (
-        <div className='flex flex-column align-items-center justify-content-center gap-2 h-full text-center text-color-secondary'>
-            <Loader2 size={20} className='text-primary animate-spin' />
+        <div className='flex h-full flex-col items-center justify-center gap-2 text-center text-color-secondary'>
+            <Loader2 size={20} className='animate-spin text-[var(--primary-color)]' />
             <span className='text-sm'>Loading recent activity…</span>
         </div>
     );
@@ -198,9 +211,9 @@ export const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, set
     const renderEmptyState = () => {
         const isLogComposerOpen = visibleBox === 'log';
         return (
-        <div className='flex align-items-center justify-content-center h-full'>
-            <div className='flex flex-column align-items-center gap-2 text-center text-color-secondary px-3'>
-                <div className='p-2 border-round bg-primary-reverse text-primary'>
+        <div className='flex h-full items-center justify-center'>
+            <div className='flex flex-col items-center gap-2 px-3 text-center text-color-secondary'>
+                <div className='rounded bg-[var(--primary-color-text)] p-2 text-[var(--primary-color)]'>
                     <Inbox size={20} />
                 </div>
                 <p className='m-0 text-base font-medium text-color'>No activity yet</p>
@@ -215,12 +228,12 @@ export const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, set
 
     const permissionError = () => (
         <div className='p-3'>
-            <SolidMessage severity='warn' text="You do not have permission to view these messages." className='justify-content-start' />
+            <SolidMessage severity='warn' text="You do not have permission to view these messages." className='justify-start' />
         </div>
     );
 
     const renderMessages = () => (
-        <div className='flex flex-column gap-3'>
+        <div className='flex flex-col gap-4'>
             {messages.map((message, index) => {
                 const showDateDivider = index === 0 || message.date !== messages[index - 1].date;
                 return (
@@ -229,6 +242,7 @@ export const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, set
                         <SolidChatterMessageBox
                             messageId={message.id}
                             user={message.user}
+                            userId={message.userId}
                             messageType={message.messageType}
                             message={message.message}
                             time={message.time}
@@ -244,7 +258,7 @@ export const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, set
                 );
             })}
             {totalRecords > messages.length && (
-                <div className='flex justify-content-center'>
+                <div className='flex justify-center'>
                     <SolidButton
                         type='button'
                         size='sm'

package/dist/components/core/chatter/SolidChatterAuditMessage.js

@@ -38,6 +38,6 @@ export var SolidChatterAuditMessage = function (_a) {
     if (visibleAuditRecord.length === 0) {
         return null;
     }
-    return (_jsx("div", { className: 'flex flex-column gap-2', children: visibleAuditRecord.map(function (item, index) { return (_jsxs("div", { className: 'flex gap-2', children: [_jsx("span", { className: 'm-0 ', children: "(" + (item.fieldDisplayName || item.field) + ")" }), _jsx("span", { className: 'm-0  font-bold', children: formatAuditValue(item.previous, item.previousDisplay, item.fieldType) }), _jsx(RightArrowSvg, {}), _jsx("span", { className: 'm-0 font-bold text-primary', children: formatAuditValue(item.current, item.currentDisplay, item.fieldType) })] }, index)); }) }));
+    return (_jsx("div", { className: 'flex flex-col gap-2', children: visibleAuditRecord.map(function (item, index) { return (_jsxs("div", { className: 'flex gap-2', children: [_jsx("span", { className: 'm-0 ', children: "(" + (item.fieldDisplayName || item.field) + ")" }), _jsx("span", { className: 'm-0  font-bold', children: formatAuditValue(item.previous, item.previousDisplay, item.fieldType) }), _jsx(RightArrowSvg, {}), _jsx("span", { className: 'm-0 font-bold text-[var(--primary-color)]', children: formatAuditValue(item.current, item.currentDisplay, item.fieldType) })] }, index)); }) }));
 };
 //# sourceMappingURL=SolidChatterAuditMessage.js.map

package/dist/components/core/chatter/SolidChatterAuditMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidChatterAuditMessage.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterAuditMessage.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAA;AAErE,IAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,CAAC,CAAA;AAErD,SAAS,iBAAiB,CAAC,KAAgC;IACvD,IAAI,KAAK,IAAI,IAAI;QAAE,OAAO,IAAI,CAAA;IAC9B,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAA;IAE3C,IAAM,eAAe,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAA;IAClD,OAAO,eAAe,KAAK,EAAE,IAAI,eAAe,KAAK,MAAM,IAAI,eAAe,KAAK,MAAM,CAAA;AAC7F,CAAC;AAED,SAAS,wBAAwB,CAAC,IAAiB;;IAC/C,IAAM,aAAa,GAAG,MAAA,IAAI,CAAC,eAAe,mCAAI,IAAI,CAAC,QAAQ,CAAA;IAC3D,IAAM,YAAY,GAAG,MAAA,IAAI,CAAC,cAAc,mCAAI,IAAI,CAAC,OAAO,CAAA;IAExD,OAAO,CAAC,CAAC,iBAAiB,CAAC,aAAa,CAAC,IAAI,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAA;AACjF,CAAC;AAED,SAAS,gBAAgB,CACrB,KAAgC,EAChC,YAAuC,EACvC,SAAkB;IAElB,+EAA+E;IAC/E,IAAI,SAAS,IAAI,gBAAgB,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;QACnD,IAAI,CAAC,KAAK;YAAE,OAAO,MAAM,CAAA;QACzB,IAAM,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAA;QACtB,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE;YAAE,OAAO,KAAK,CAAA;QAC9B,IAAI,SAAS,KAAK,MAAM;YAAE,OAAO,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAA;QACvD,IAAI,SAAS,KAAK,MAAM;YAAE,OAAO,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QAClD,OAAO,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAA;KACtC;IAED,OAAO,YAAY,IAAI,KAAK,IAAI,MAAM,CAAA;AAC1C,CAAC;AAgBD,MAAM,CAAC,IAAM,wBAAwB,GAA4C,UAAC,EAAe;QAAb,WAAW,iBAAA;IAC3F,IAAM,kBAAkB,GAAG,WAAW,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAA;IAEvE,IAAI,kBAAkB,CAAC,MAAM,KAAK,CAAC,EAAE;QACjC,OAAO,IAAI,CAAA;KACd;IAED,OAAO,CACH,cAAK,SAAS,EAAC,wBAAwB,YAClC,kBAAkB,CAAC,GAAG,CAAC,UAAC,IAAiB,EAAE,KAAa,IAAK,OAAA,CAC1D,eAAiB,SAAS,EAAC,YAAY,aACnC,eAAM,SAAS,EAAC,MAAM,YACjB,GAAG,GAAG,CAAC,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAC/C,EACP,eAAM,SAAS,EAAC,gBAAgB,YAC3B,gBAAgB,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,GACnE,EACP,KAAC,aAAa,KAAG,EACjB,eAAM,SAAS,EAAC,4BAA4B,YACvC,gBAAgB,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC,GACjE,KAVD,KAAK,CAWT,CACT,EAb6D,CAa7D,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["\nimport React from 'react'\nimport dayjs from 'dayjs'\nimport { RightArrowSvg } from '../../../components/Svg/RightArrowSvg'\n\nconst DATE_FIELD_TYPES = ['date', 'datetime', 'time']\n\nfunction isEmptyAuditValue(value: string | null | undefined): boolean {\n    if (value == null) return true\n    if (typeof value !== 'string') return false\n\n    const normalizedValue = value.trim().toLowerCase()\n    return normalizedValue === '' || normalizedValue === 'none' || normalizedValue === 'null'\n}\n\nfunction hasMeaningfulAuditChange(item: AuditRecord): boolean {\n    const previousValue = item.previousDisplay ?? item.previous\n    const currentValue = item.currentDisplay ?? item.current\n\n    return !(isEmptyAuditValue(previousValue) && isEmptyAuditValue(currentValue))\n}\n\nfunction formatAuditValue(\n    value: string | null | undefined,\n    displayValue: string | null | undefined,\n    fieldType?: string\n): string {\n    // fieldType may be null for older audit records — fall through to displayValue\n    if (fieldType && DATE_FIELD_TYPES.includes(fieldType)) {\n        if (!value) return 'None'\n        const d = dayjs(value)\n        if (!d.isValid()) return value\n        if (fieldType === 'date') return d.format('DD-MM-YYYY')\n        if (fieldType === 'time') return d.format('HH:mm')\n        return d.format('DD-MM-YYYY HH:mm')\n    }\n\n    return displayValue || value || 'None'\n}\n\ninterface AuditRecord {\n    field: string;\n    fieldDisplayName: string;\n    fieldType?: string;\n    previous: string | null;\n    current: string | null;\n    previousDisplay?: string | null;\n    currentDisplay?: string | null;\n}\n\ninterface SolidChatterAuditMessageProps {\n    auditRecord: AuditRecord[];\n}\n\nexport const SolidChatterAuditMessage: React.FC<SolidChatterAuditMessageProps> = ({ auditRecord }) => {\n    const visibleAuditRecord = auditRecord.filter(hasMeaningfulAuditChange)\n\n    if (visibleAuditRecord.length === 0) {\n        return null\n    }\n\n    return (\n        <div className='flex flex-column gap-2'>\n            {visibleAuditRecord.map((item: AuditRecord, index: number) => (\n                <div key={index} className='flex gap-2'>\n                    <span className='m-0 '>\n                        {\"(\" + (item.fieldDisplayName || item.field) + \")\"}\n                    </span>\n                    <span className='m-0  font-bold'>\n                        {formatAuditValue(item.previous, item.previousDisplay, item.fieldType)}\n                    </span>\n                    <RightArrowSvg />\n                    <span className='m-0 font-bold text-primary'>\n                        {formatAuditValue(item.current, item.currentDisplay, item.fieldType)}\n                    </span>\n                </div>\n            ))}\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"SolidChatterAuditMessage.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterAuditMessage.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAA;AAErE,IAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,CAAC,CAAA;AAErD,SAAS,iBAAiB,CAAC,KAAgC;IACvD,IAAI,KAAK,IAAI,IAAI;QAAE,OAAO,IAAI,CAAA;IAC9B,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAA;IAE3C,IAAM,eAAe,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAA;IAClD,OAAO,eAAe,KAAK,EAAE,IAAI,eAAe,KAAK,MAAM,IAAI,eAAe,KAAK,MAAM,CAAA;AAC7F,CAAC;AAED,SAAS,wBAAwB,CAAC,IAAiB;;IAC/C,IAAM,aAAa,GAAG,MAAA,IAAI,CAAC,eAAe,mCAAI,IAAI,CAAC,QAAQ,CAAA;IAC3D,IAAM,YAAY,GAAG,MAAA,IAAI,CAAC,cAAc,mCAAI,IAAI,CAAC,OAAO,CAAA;IAExD,OAAO,CAAC,CAAC,iBAAiB,CAAC,aAAa,CAAC,IAAI,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAA;AACjF,CAAC;AAED,SAAS,gBAAgB,CACrB,KAAgC,EAChC,YAAuC,EACvC,SAAkB;IAElB,+EAA+E;IAC/E,IAAI,SAAS,IAAI,gBAAgB,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;QACnD,IAAI,CAAC,KAAK;YAAE,OAAO,MAAM,CAAA;QACzB,IAAM,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAA;QACtB,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE;YAAE,OAAO,KAAK,CAAA;QAC9B,IAAI,SAAS,KAAK,MAAM;YAAE,OAAO,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAA;QACvD,IAAI,SAAS,KAAK,MAAM;YAAE,OAAO,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QAClD,OAAO,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAA;KACtC;IAED,OAAO,YAAY,IAAI,KAAK,IAAI,MAAM,CAAA;AAC1C,CAAC;AAgBD,MAAM,CAAC,IAAM,wBAAwB,GAA4C,UAAC,EAAe;QAAb,WAAW,iBAAA;IAC3F,IAAM,kBAAkB,GAAG,WAAW,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAA;IAEvE,IAAI,kBAAkB,CAAC,MAAM,KAAK,CAAC,EAAE;QACjC,OAAO,IAAI,CAAA;KACd;IAED,OAAO,CACH,cAAK,SAAS,EAAC,qBAAqB,YAC/B,kBAAkB,CAAC,GAAG,CAAC,UAAC,IAAiB,EAAE,KAAa,IAAK,OAAA,CAC1D,eAAiB,SAAS,EAAC,YAAY,aACnC,eAAM,SAAS,EAAC,MAAM,YACjB,GAAG,GAAG,CAAC,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAC/C,EACP,eAAM,SAAS,EAAC,gBAAgB,YAC3B,gBAAgB,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,GACnE,EACP,KAAC,aAAa,KAAG,EACjB,eAAM,SAAS,EAAC,2CAA2C,YACtD,gBAAgB,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC,GACjE,KAVD,KAAK,CAWT,CACT,EAb6D,CAa7D,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["\nimport React from 'react'\nimport dayjs from 'dayjs'\nimport { RightArrowSvg } from '../../../components/Svg/RightArrowSvg'\n\nconst DATE_FIELD_TYPES = ['date', 'datetime', 'time']\n\nfunction isEmptyAuditValue(value: string | null | undefined): boolean {\n    if (value == null) return true\n    if (typeof value !== 'string') return false\n\n    const normalizedValue = value.trim().toLowerCase()\n    return normalizedValue === '' || normalizedValue === 'none' || normalizedValue === 'null'\n}\n\nfunction hasMeaningfulAuditChange(item: AuditRecord): boolean {\n    const previousValue = item.previousDisplay ?? item.previous\n    const currentValue = item.currentDisplay ?? item.current\n\n    return !(isEmptyAuditValue(previousValue) && isEmptyAuditValue(currentValue))\n}\n\nfunction formatAuditValue(\n    value: string | null | undefined,\n    displayValue: string | null | undefined,\n    fieldType?: string\n): string {\n    // fieldType may be null for older audit records — fall through to displayValue\n    if (fieldType && DATE_FIELD_TYPES.includes(fieldType)) {\n        if (!value) return 'None'\n        const d = dayjs(value)\n        if (!d.isValid()) return value\n        if (fieldType === 'date') return d.format('DD-MM-YYYY')\n        if (fieldType === 'time') return d.format('HH:mm')\n        return d.format('DD-MM-YYYY HH:mm')\n    }\n\n    return displayValue || value || 'None'\n}\n\ninterface AuditRecord {\n    field: string;\n    fieldDisplayName: string;\n    fieldType?: string;\n    previous: string | null;\n    current: string | null;\n    previousDisplay?: string | null;\n    currentDisplay?: string | null;\n}\n\ninterface SolidChatterAuditMessageProps {\n    auditRecord: AuditRecord[];\n}\n\nexport const SolidChatterAuditMessage: React.FC<SolidChatterAuditMessageProps> = ({ auditRecord }) => {\n    const visibleAuditRecord = auditRecord.filter(hasMeaningfulAuditChange)\n\n    if (visibleAuditRecord.length === 0) {\n        return null\n    }\n\n    return (\n        <div className='flex flex-col gap-2'>\n            {visibleAuditRecord.map((item: AuditRecord, index: number) => (\n                <div key={index} className='flex gap-2'>\n                    <span className='m-0 '>\n                        {\"(\" + (item.fieldDisplayName || item.field) + \")\"}\n                    </span>\n                    <span className='m-0  font-bold'>\n                        {formatAuditValue(item.previous, item.previousDisplay, item.fieldType)}\n                    </span>\n                    <RightArrowSvg />\n                    <span className='m-0 font-bold text-[var(--primary-color)]'>\n                        {formatAuditValue(item.current, item.currentDisplay, item.fieldType)}\n                    </span>\n                </div>\n            ))}\n        </div>\n    );\n};\n"]}

package/dist/components/core/chatter/SolidChatterAuditMessage.tsx

@@ -60,7 +60,7 @@ export const SolidChatterAuditMessage: React.FC<SolidChatterAuditMessageProps> =
     }
 
     return (
-        <div className='flex flex-column gap-2'>
+        <div className='flex flex-col gap-2'>
             {visibleAuditRecord.map((item: AuditRecord, index: number) => (
                 <div key={index} className='flex gap-2'>
                     <span className='m-0 '>
@@ -70,7 +70,7 @@ export const SolidChatterAuditMessage: React.FC<SolidChatterAuditMessageProps> =
                         {formatAuditValue(item.previous, item.previousDisplay, item.fieldType)}
                     </span>
                     <RightArrowSvg />
-                    <span className='m-0 font-bold text-primary'>
+                    <span className='m-0 font-bold text-[var(--primary-color)]'>
                         {formatAuditValue(item.current, item.currentDisplay, item.fieldType)}
                     </span>
                 </div>

package/dist/components/core/chatter/SolidChatterHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidChatterHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterHeader.tsx"],"names":[],"mappings":"AAkBA,UAAU,WAAW;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,OAAO,EAAE,IAAI,GAAG,IAAI,CAAC;CACxB;AAED,UAAU,KAAK;IACX,SAAS,EAAE,GAAG,CAAC;IACf,cAAc,EAAE,GAAG,CAAC;IACpB,UAAU,EAAE,GAAG,CAAC;IAChB,iBAAiB,EAAE,GAAG,CAAC;IACvB,OAAO,EAAE,GAAG,CAAC;IACb,EAAE,EAAE,GAAG,CAAC;IACR,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAChD,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,kBAAkB,UAAW,KAAK,4CA0N9C,CAAA"}
+{"version":3,"file":"SolidChatterHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterHeader.tsx"],"names":[],"mappings":"AAkBA,UAAU,WAAW;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,OAAO,EAAE,IAAI,GAAG,IAAI,CAAC;CACxB;AAED,UAAU,KAAK;IACX,SAAS,EAAE,GAAG,CAAC;IACf,cAAc,EAAE,GAAG,CAAC;IACpB,UAAU,EAAE,GAAG,CAAC;IAChB,iBAAiB,EAAE,GAAG,CAAC;IACvB,OAAO,EAAE,GAAG,CAAC;IACb,EAAE,EAAE,GAAG,CAAC;IACR,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAChD,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,kBAAkB,UAAW,KAAK,4CA8N9C,CAAA"}

package/dist/components/core/chatter/SolidChatterHeader.js

@@ -133,9 +133,9 @@ export var SolidChatterHeader = function (props) {
         }
         updateNameFilter(value);
     };
-    return (_jsxs("div", { className: "".concat(styles.chatterTitle, " ").concat(title ? styles.chatterTitleWithLabel : '', " solid-list-toolbar"), children: [_jsxs("div", { className: 'flex justify-content-between align-items-center solid-list-toolbar-row', children: [_jsx("p", { className: "m-0 view-title solid-text-wrapper form-wrapper-title", children: title || '' }), _jsxs("div", { className: 'flex align-items-center solid-header-buttons-wrapper', children: [_jsx(SolidButton, { size: "sm", type: "button", "aria-label": "Log Note", variant: hasActiveFilters ? 'primary' : 'outline', className: "solid-icon-button", style: { gap: 0 }, leftIcon: _jsx(Edit, { size: 14 }), onClick: function () { return handleTabClick('log'); } }), _jsx(SolidButton, { size: "sm", type: "button", "aria-label": "Filter", variant: hasActiveFilters ? 'primary' : 'outline', className: "solid-icon-button", style: { gap: 0 }, leftIcon: _jsx(Filter, { size: 14 }), onClick: handleFilterClick }), _jsx(SolidButton, { size: "sm", type: "button", "aria-label": "Refresh", variant: "outline", className: "solid-icon-button", style: { gap: 0 }, leftIcon: _jsx(RefreshCw, { size: 14 }), onClick: refetch })] })] }), visibleBox &&
+    return (_jsxs("div", { className: "".concat(styles.chatterTitle, " ").concat(title ? styles.chatterTitleWithLabel : '', " solid-list-toolbar"), children: [_jsxs("div", { className: 'flex justify-between items-center solid-list-toolbar-row', children: [_jsx("p", { className: "m-0 view-title solid-text-wrapper form-wrapper-title", children: title || '' }), _jsxs("div", { className: 'flex items-center solid-header-buttons-wrapper', children: [_jsx(SolidButton, { size: "sm", type: "button", "aria-label": "Log Note", variant: hasActiveFilters ? 'primary' : 'outline', className: "solid-icon-button", style: { gap: 0 }, leftIcon: _jsx(Edit, { size: 14 }), onClick: function () { return handleTabClick('log'); } }), _jsx(SolidButton, { size: "sm", type: "button", "aria-label": "Filter", variant: hasActiveFilters ? 'primary' : 'outline', className: "solid-icon-button", style: { gap: 0 }, leftIcon: _jsx(Filter, { size: 14 }), onClick: handleFilterClick }), _jsx(SolidButton, { size: "sm", type: "button", "aria-label": "Refresh", variant: "outline", className: "solid-icon-button", style: { gap: 0 }, leftIcon: _jsx(RefreshCw, { size: 14 }), onClick: refetch })] })] }), visibleBox &&
                 _jsxs("div", { className: 'mt-2', children: [visibleBox === "email-message" &&
                             _jsx(SolidMessageComposer, { id: id, refetch: refetch, modelSingularName: modelSingularName, type: "email", onCancel: onComposerCancel, modelUserKey: modelUserKey }), visibleBox === "log" &&
-                            _jsx(SolidMessageComposer, { id: id, refetch: refetch, modelSingularName: modelSingularName, onCancel: onComposerCancel, modelUserKey: modelUserKey })] }), _jsxs(SolidDialog, { open: showFilterDialog, onOpenChange: setShowFilterDialog, className: 'solid-filter-dialog-shell solid-chatter-filter-main', style: { width: 500 }, showHeader: false, children: [_jsxs(SolidDialogHeader, { className: "solid-filter-dialog-head", children: [_jsx("div", { children: _jsx(SolidDialogTitle, { className: "solid-filter-dialog-title m-0", children: "Filter Messages" }) }), _jsx(SolidDialogClose, { className: "solid-filter-dialog-close" })] }), _jsx(SolidDialogSeparator, { className: "solid-filter-dialog-sep" }), _jsx(SolidDialogBody, { className: "solid-filter-dialog-body", children: _jsxs("div", { className: "flex flex-column gap-3", children: [_jsxs("div", { className: "flex flex-column gap-2", children: [_jsx("label", { htmlFor: "fullName", className: "form-field-label", children: "User" }), _jsx(SolidAutocomplete, { id: "fullName", value: filters.name, suggestions: suggestions, field: "fullName", completeMethod: searchUsers, onChange: function (e) { return handleUserChange(e.value); }, placeholder: "Filter by user", className: "w-full", inputClassName: "w-full" })] }), _jsxs("div", { className: "flex flex-column gap-2", children: [_jsx("label", { htmlFor: "dateRange", className: "form-field-label", children: "Date Range" }), _jsxs("div", { className: "flex gap-2 flex-column md:flex-row", children: [_jsx("div", { className: "flex-1", children: _jsx(SolidDatePicker, { selected: (_a = filters.startDate) !== null && _a !== void 0 ? _a : undefined, onChange: function (date) { return setFilters(function (prev) { return (__assign(__assign({}, prev), { startDate: date !== null && date !== void 0 ? date : null })); }); }, placeholderText: "Start Date", className: "w-full", wrapperClassName: "w-full", inputClassName: "w-full" }) }), _jsx("div", { className: "flex-1", children: _jsx(SolidDatePicker, { selected: (_b = filters.endDate) !== null && _b !== void 0 ? _b : undefined, onChange: function (date) { return setFilters(function (prev) { return (__assign(__assign({}, prev), { endDate: date !== null && date !== void 0 ? date : null })); }); }, placeholderText: "End Date", className: "w-full", wrapperClassName: "w-full", inputClassName: "w-full" }) })] })] })] }) }), _jsxs(SolidDialogFooter, { children: [_jsx(SolidButton, { label: "Clear", size: "sm", variant: "outline", onClick: handleClearFilters }), _jsx(SolidButton, { label: "Apply", size: "sm", className: "solid-purple-button", onClick: handleApplyFilters })] })] })] }));
+                            _jsx(SolidMessageComposer, { id: id, refetch: refetch, modelSingularName: modelSingularName, onCancel: onComposerCancel, modelUserKey: modelUserKey })] }), _jsxs(SolidDialog, { open: showFilterDialog, onOpenChange: setShowFilterDialog, className: 'solid-filter-dialog-shell solid-chatter-filter-main', style: { width: 500 }, showHeader: false, dismissible: false, children: [_jsxs(SolidDialogHeader, { className: "solid-filter-dialog-head", children: [_jsx("div", { children: _jsx(SolidDialogTitle, { className: "solid-filter-dialog-title m-0", children: "Filter Messages" }) }), _jsx(SolidDialogClose, { className: "solid-filter-dialog-close" })] }), _jsx(SolidDialogSeparator, { className: "solid-filter-dialog-sep" }), _jsx(SolidDialogBody, { className: "solid-filter-dialog-body", children: _jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("label", { htmlFor: "fullName", className: "form-field-label", children: "User" }), _jsx(SolidAutocomplete, { id: "fullName", value: filters.name, suggestions: suggestions, field: "fullName", completeMethod: searchUsers, onChange: function (e) { return handleUserChange(e.value); }, placeholder: "Filter by user", className: "w-full", inputClassName: "w-full", portal: true })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("label", { htmlFor: "dateRange", className: "form-field-label", children: "Date Range" }), _jsxs("div", { className: "flex gap-2 flex-col md:flex-row", children: [_jsx("div", { className: "flex-1", children: _jsx(SolidDatePicker, { selected: (_a = filters.startDate) !== null && _a !== void 0 ? _a : undefined, onChange: function (date) { return setFilters(function (prev) { return (__assign(__assign({}, prev), { startDate: date !== null && date !== void 0 ? date : null })); }); }, placeholderText: "Start Date", className: "w-full", wrapperClassName: "w-full", inputClassName: "w-full", portalId: "solid-datepicker-portal" }) }), _jsx("div", { className: "flex-1", children: _jsx(SolidDatePicker, { selected: (_b = filters.endDate) !== null && _b !== void 0 ? _b : undefined, onChange: function (date) { return setFilters(function (prev) { return (__assign(__assign({}, prev), { endDate: date !== null && date !== void 0 ? date : null })); }); }, placeholderText: "End Date", className: "w-full", wrapperClassName: "w-full", inputClassName: "w-full", portalId: "solid-datepicker-portal" }) })] })] })] }) }), _jsxs(SolidDialogFooter, { children: [_jsx(SolidButton, { label: "Clear", size: "sm", variant: "outline", onClick: handleClearFilters }), _jsx(SolidButton, { label: "Apply", size: "sm", className: "solid-purple-button", onClick: handleApplyFilters })] })] })] }));
 };
 //# sourceMappingURL=SolidChatterHeader.js.map

package/dist/components/core/chatter/SolidChatterHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidChatterHeader.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react'\nimport styles from './chatter.module.css'\nimport { SolidMessageComposer } from './SolidMessageComposer'\nimport { useLazyGetusersQuery } from '../../../redux/api/userApi'\nimport { ERROR_MESSAGES } from '../../../constants/error-messages'\nimport {\n    SolidButton,\n    SolidDialog,\n    SolidDialogBody,\n    SolidDialogClose,\n    SolidDialogFooter,\n    SolidDialogHeader,\n    SolidDialogSeparator,\n    SolidDialogTitle,\n    SolidAutocomplete,\n    SolidDatePicker\n} from '../../shad-cn-ui'\nimport { Filter, RefreshCw,Edit } from 'lucide-react'\ninterface FilterState {\n    name: string;\n    startDate: Date | null;\n    endDate: Date | null;\n}\n\ninterface Props {\n    activeTab: any,\n    handleTabClick: any,\n    visibleBox: any,\n    modelSingularName: any,\n    refetch: any,\n    id: any,\n    onFilterChange?: (filters: FilterState) => void;\n    onComposerCancel?: () => void;\n    title?: string;\n    modelUserKey?: string;\n}\n\nexport const SolidChatterHeader = (props: Props) => {\n    const { activeTab, visibleBox, handleTabClick, modelSingularName, refetch, id, onFilterChange, onComposerCancel, title, modelUserKey } = props;\n    const [showFilterDialog, setShowFilterDialog] = useState(false);\n    const [filters, setFilters] = useState<FilterState>({\n        name: '',\n        startDate: null,\n        endDate: null\n    });\n    const [hasActiveFilters, setHasActiveFilters] = useState(false);\n    const [suggestions, setSuggestions] = useState<any[]>([]);\n    const [getUsers] = useLazyGetusersQuery();\n\n    useEffect(() => {\n        const isActive = filters.name !== '' || filters.startDate !== null || filters.endDate !== null;\n        setHasActiveFilters(isActive);\n    }, [filters]);\n\n    const handleFilterClick = () => {\n        setShowFilterDialog(true);\n    };\n\n    const handleApplyFilters = () => {\n        if (onFilterChange) {\n            onFilterChange(filters);\n        }\n        setShowFilterDialog(false);\n    };\n\n    const handleClearFilters = () => {\n        const clearedFilters = {\n            name: '',\n            startDate: null,\n            endDate: null\n        };\n        setFilters(clearedFilters);\n        if (onFilterChange) {\n            onFilterChange(clearedFilters);\n        }\n        setShowFilterDialog(false);\n    };\n\n    const updateNameFilter = (value: string) => {\n        setFilters(prev => {\n            if (prev.name === value) {\n                return prev;\n            }\n            return {\n                ...prev,\n                name: value\n            };\n        });\n    };\n\n    const searchUsers = async (event: { query: string }) => {\n        updateNameFilter(event.query || '');\n        try {\n            const response = await getUsers(`filters[fullName][$containsi]=${event.query}`).unwrap();\n            setSuggestions(response?.data?.records || []);\n        } catch (error) {\n            console.error(ERROR_MESSAGES.FETCHING_USER, error);\n            setSuggestions([]);\n        }\n    };\n\n    const handleUserChange = (value: any) => {\n        if (!value) {\n            updateNameFilter('');\n            return;\n        }\n        if (typeof value === 'object') {\n            updateNameFilter(value.fullName || '');\n            return;\n        }\n        updateNameFilter(value);\n    };\n\n    return (\n        <div className={`${styles.chatterTitle} ${title ? styles.chatterTitleWithLabel : ''} solid-list-toolbar`}>\n            <div className='flex justify-content-between align-items-center solid-list-toolbar-row'>\n                <p className=\"m-0 view-title solid-text-wrapper form-wrapper-title\">\n                    {title || ''}\n                </p>\n                <div className='flex align-items-center solid-header-buttons-wrapper'>\n                    {/* <Button\n                        label=\"Send Message\"\n                        size=\"small\"\n                        type=\"button\"\n                        onClick={() => handleTabClick('email-message')}\n                        {...(activeTab !== 'email-message' && {\n                            severity: 'secondary',\n                            outlined: true,\n                        })}\n                    /> */}\n                    {/* <SolidButton\n                        label=\"Log Note\"\n                        size=\"sm\"\n                        type=\"button\"\n                        variant=\"primary\"\n                        className=\"solid-purple-button\"\n                        onClick={() => handleTabClick('log')}\n                    /> */}\n                    <SolidButton\n                        size=\"sm\"\n                        type=\"button\"\n                        aria-label=\"Log Note\"\n                        variant={hasActiveFilters ? 'primary' : 'outline'}\n                        className=\"solid-icon-button\"\n                        style={{ gap: 0 }}\n                        leftIcon={<Edit size={14} />}\n                        onClick={() => handleTabClick('log')}\n                    />\n                    <SolidButton\n                        size=\"sm\"\n                        type=\"button\"\n                        aria-label=\"Filter\"\n                        variant={hasActiveFilters ? 'primary' : 'outline'}\n                        className=\"solid-icon-button\"\n                        style={{ gap: 0 }}\n                        leftIcon={<Filter size={14} />}\n                        onClick={handleFilterClick}\n                    />\n                    <SolidButton\n                        size=\"sm\"\n                        type=\"button\"\n                        aria-label=\"Refresh\"\n                        variant=\"outline\"\n                        className=\"solid-icon-button\"\n                        style={{ gap: 0 }}\n                        leftIcon={<RefreshCw size={14} />}\n                        onClick={refetch}\n                    />\n                </div>\n            </div>\n            {visibleBox &&\n                <div className='mt-2'>\n                    {visibleBox === \"email-message\" &&\n                        <SolidMessageComposer id={id} refetch={refetch} modelSingularName={modelSingularName} type={\"email\"} onCancel={onComposerCancel} modelUserKey={modelUserKey} />\n                    }\n\n                    {visibleBox === \"log\" &&\n                        <SolidMessageComposer id={id} refetch={refetch} modelSingularName={modelSingularName} onCancel={onComposerCancel} modelUserKey={modelUserKey} />\n                    }\n                </div>\n            }\n            <SolidDialog\n                open={showFilterDialog}\n                onOpenChange={setShowFilterDialog}\n                className='solid-filter-dialog-shell solid-chatter-filter-main'\n                style={{ width: 500 }}\n                showHeader={false}\n            >\n                <SolidDialogHeader className=\"solid-filter-dialog-head\">\n                    <div>\n                        <SolidDialogTitle className=\"solid-filter-dialog-title m-0\">Filter Messages</SolidDialogTitle>\n                    </div>\n                    <SolidDialogClose className=\"solid-filter-dialog-close\" />\n                </SolidDialogHeader>\n                <SolidDialogSeparator className=\"solid-filter-dialog-sep\" />\n                <SolidDialogBody className=\"solid-filter-dialog-body\">\n                    <div className=\"flex flex-column gap-3\">\n                        <div className=\"flex flex-column gap-2\">\n                            <label htmlFor=\"fullName\" className=\"form-field-label\">User</label>\n                            <SolidAutocomplete\n                                id=\"fullName\"\n                                value={filters.name}\n                                suggestions={suggestions}\n                                field=\"fullName\"\n                                completeMethod={searchUsers}\n                                onChange={(e) => handleUserChange(e.value)}\n                                placeholder=\"Filter by user\"\n                                className=\"w-full\"\n                                inputClassName=\"w-full\"\n                            />\n                        </div>\n                        <div className=\"flex flex-column gap-2\">\n                            <label htmlFor=\"dateRange\" className=\"form-field-label\">Date Range</label>\n                            <div className=\"flex gap-2 flex-column md:flex-row\">\n                                <div className=\"flex-1\">\n                                    <SolidDatePicker\n                                        selected={filters.startDate ?? undefined}\n                                        onChange={(date: Date | null) => setFilters(prev => ({ ...prev, startDate: date ?? null }))}\n                                        placeholderText=\"Start Date\"\n                                        className=\"w-full\"\n                                        wrapperClassName=\"w-full\"\n                                        inputClassName=\"w-full\"\n                                    />\n                                </div>\n                                <div className=\"flex-1\">\n                                    <SolidDatePicker\n                                        selected={filters.endDate ?? undefined}\n                                        onChange={(date: Date | null) => setFilters(prev => ({ ...prev, endDate: date ?? null }))}\n                                        placeholderText=\"End Date\"\n                                        className=\"w-full\"\n                                        wrapperClassName=\"w-full\"\n                                        inputClassName=\"w-full\"\n                                    />\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </SolidDialogBody>\n                <SolidDialogFooter>\n                        <SolidButton \n                            label=\"Clear\" \n                            size=\"sm\"\n                            variant=\"outline\"\n                            onClick={handleClearFilters}\n                        />\n                        <SolidButton \n                            label=\"Apply\" \n                            size=\"sm\"\n                            className=\"solid-purple-button\"\n                            onClick={handleApplyFilters}\n                        />\n                </SolidDialogFooter>\n            </SolidDialog>\n        </div>\n    )\n}\n"]}
+{"version":3,"file":"SolidChatterHeader.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react'\nimport styles from './chatter.module.css'\nimport { SolidMessageComposer } from './SolidMessageComposer'\nimport { useLazyGetusersQuery } from '../../../redux/api/userApi'\nimport { ERROR_MESSAGES } from '../../../constants/error-messages'\nimport {\n    SolidButton,\n    SolidDialog,\n    SolidDialogBody,\n    SolidDialogClose,\n    SolidDialogFooter,\n    SolidDialogHeader,\n    SolidDialogSeparator,\n    SolidDialogTitle,\n    SolidAutocomplete,\n    SolidDatePicker\n} from '../../shad-cn-ui'\nimport { Filter, RefreshCw,Edit } from 'lucide-react'\ninterface FilterState {\n    name: string;\n    startDate: Date | null;\n    endDate: Date | null;\n}\n\ninterface Props {\n    activeTab: any,\n    handleTabClick: any,\n    visibleBox: any,\n    modelSingularName: any,\n    refetch: any,\n    id: any,\n    onFilterChange?: (filters: FilterState) => void;\n    onComposerCancel?: () => void;\n    title?: string;\n    modelUserKey?: string;\n}\n\nexport const SolidChatterHeader = (props: Props) => {\n    const { activeTab, visibleBox, handleTabClick, modelSingularName, refetch, id, onFilterChange, onComposerCancel, title, modelUserKey } = props;\n    const [showFilterDialog, setShowFilterDialog] = useState(false);\n    const [filters, setFilters] = useState<FilterState>({\n        name: '',\n        startDate: null,\n        endDate: null\n    });\n    const [hasActiveFilters, setHasActiveFilters] = useState(false);\n    const [suggestions, setSuggestions] = useState<any[]>([]);\n    const [getUsers] = useLazyGetusersQuery();\n\n    useEffect(() => {\n        const isActive = filters.name !== '' || filters.startDate !== null || filters.endDate !== null;\n        setHasActiveFilters(isActive);\n    }, [filters]);\n\n    const handleFilterClick = () => {\n        setShowFilterDialog(true);\n    };\n\n    const handleApplyFilters = () => {\n        if (onFilterChange) {\n            onFilterChange(filters);\n        }\n        setShowFilterDialog(false);\n    };\n\n    const handleClearFilters = () => {\n        const clearedFilters = {\n            name: '',\n            startDate: null,\n            endDate: null\n        };\n        setFilters(clearedFilters);\n        if (onFilterChange) {\n            onFilterChange(clearedFilters);\n        }\n        setShowFilterDialog(false);\n    };\n\n    const updateNameFilter = (value: string) => {\n        setFilters(prev => {\n            if (prev.name === value) {\n                return prev;\n            }\n            return {\n                ...prev,\n                name: value\n            };\n        });\n    };\n\n    const searchUsers = async (event: { query: string }) => {\n        updateNameFilter(event.query || '');\n        try {\n            const response = await getUsers(`filters[fullName][$containsi]=${event.query}`).unwrap();\n            setSuggestions(response?.data?.records || []);\n        } catch (error) {\n            console.error(ERROR_MESSAGES.FETCHING_USER, error);\n            setSuggestions([]);\n        }\n    };\n\n    const handleUserChange = (value: any) => {\n        if (!value) {\n            updateNameFilter('');\n            return;\n        }\n        if (typeof value === 'object') {\n            updateNameFilter(value.fullName || '');\n            return;\n        }\n        updateNameFilter(value);\n    };\n\n    return (\n        <div className={`${styles.chatterTitle} ${title ? styles.chatterTitleWithLabel : ''} solid-list-toolbar`}>\n            <div className='flex justify-between items-center solid-list-toolbar-row'>\n                <p className=\"m-0 view-title solid-text-wrapper form-wrapper-title\">\n                    {title || ''}\n                </p>\n                <div className='flex items-center solid-header-buttons-wrapper'>\n                    {/* <Button\n                        label=\"Send Message\"\n                        size=\"small\"\n                        type=\"button\"\n                        onClick={() => handleTabClick('email-message')}\n                        {...(activeTab !== 'email-message' && {\n                            severity: 'secondary',\n                            outlined: true,\n                        })}\n                    /> */}\n                    {/* <SolidButton\n                        label=\"Log Note\"\n                        size=\"sm\"\n                        type=\"button\"\n                        variant=\"primary\"\n                        className=\"solid-purple-button\"\n                        onClick={() => handleTabClick('log')}\n                    /> */}\n                    <SolidButton\n                        size=\"sm\"\n                        type=\"button\"\n                        aria-label=\"Log Note\"\n                        variant={hasActiveFilters ? 'primary' : 'outline'}\n                        className=\"solid-icon-button\"\n                        style={{ gap: 0 }}\n                        leftIcon={<Edit size={14} />}\n                        onClick={() => handleTabClick('log')}\n                    />\n                    <SolidButton\n                        size=\"sm\"\n                        type=\"button\"\n                        aria-label=\"Filter\"\n                        variant={hasActiveFilters ? 'primary' : 'outline'}\n                        className=\"solid-icon-button\"\n                        style={{ gap: 0 }}\n                        leftIcon={<Filter size={14} />}\n                        onClick={handleFilterClick}\n                    />\n                    <SolidButton\n                        size=\"sm\"\n                        type=\"button\"\n                        aria-label=\"Refresh\"\n                        variant=\"outline\"\n                        className=\"solid-icon-button\"\n                        style={{ gap: 0 }}\n                        leftIcon={<RefreshCw size={14} />}\n                        onClick={refetch}\n                    />\n                </div>\n            </div>\n            {visibleBox &&\n                <div className='mt-2'>\n                    {visibleBox === \"email-message\" &&\n                        <SolidMessageComposer id={id} refetch={refetch} modelSingularName={modelSingularName} type={\"email\"} onCancel={onComposerCancel} modelUserKey={modelUserKey} />\n                    }\n\n                    {visibleBox === \"log\" &&\n                        <SolidMessageComposer id={id} refetch={refetch} modelSingularName={modelSingularName} onCancel={onComposerCancel} modelUserKey={modelUserKey} />\n                    }\n                </div>\n            }\n            <SolidDialog\n                open={showFilterDialog}\n                onOpenChange={setShowFilterDialog}\n                className='solid-filter-dialog-shell solid-chatter-filter-main'\n                style={{ width: 500 }}\n                showHeader={false}\n                dismissible={false}\n            >\n                <SolidDialogHeader className=\"solid-filter-dialog-head\">\n                    <div>\n                        <SolidDialogTitle className=\"solid-filter-dialog-title m-0\">Filter Messages</SolidDialogTitle>\n                    </div>\n                    <SolidDialogClose className=\"solid-filter-dialog-close\" />\n                </SolidDialogHeader>\n                <SolidDialogSeparator className=\"solid-filter-dialog-sep\" />\n                <SolidDialogBody className=\"solid-filter-dialog-body\">\n                    <div className=\"flex flex-col gap-4\">\n                        <div className=\"flex flex-col gap-2\">\n                            <label htmlFor=\"fullName\" className=\"form-field-label\">User</label>\n                            <SolidAutocomplete\n                                id=\"fullName\"\n                                value={filters.name}\n                                suggestions={suggestions}\n                                field=\"fullName\"\n                                completeMethod={searchUsers}\n                                onChange={(e) => handleUserChange(e.value)}\n                                placeholder=\"Filter by user\"\n                                className=\"w-full\"\n                                inputClassName=\"w-full\"\n                                portal\n                            />\n                        </div>\n                        <div className=\"flex flex-col gap-2\">\n                            <label htmlFor=\"dateRange\" className=\"form-field-label\">Date Range</label>\n                            <div className=\"flex gap-2 flex-col md:flex-row\">\n                                <div className=\"flex-1\">\n                                    <SolidDatePicker\n                                        selected={filters.startDate ?? undefined}\n                                        onChange={(date: Date | null) => setFilters(prev => ({ ...prev, startDate: date ?? null }))}\n                                        placeholderText=\"Start Date\"\n                                        className=\"w-full\"\n                                        wrapperClassName=\"w-full\"\n                                        inputClassName=\"w-full\"\n                                        portalId=\"solid-datepicker-portal\"\n                                    />\n                                </div>\n                                <div className=\"flex-1\">\n                                    <SolidDatePicker\n                                        selected={filters.endDate ?? undefined}\n                                        onChange={(date: Date | null) => setFilters(prev => ({ ...prev, endDate: date ?? null }))}\n                                        placeholderText=\"End Date\"\n                                        className=\"w-full\"\n                                        wrapperClassName=\"w-full\"\n                                        inputClassName=\"w-full\"\n                                        portalId=\"solid-datepicker-portal\"\n                                    />\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </SolidDialogBody>\n                <SolidDialogFooter>\n                        <SolidButton \n                            label=\"Clear\" \n                            size=\"sm\"\n                            variant=\"outline\"\n                            onClick={handleClearFilters}\n                        />\n                        <SolidButton \n                            label=\"Apply\" \n                            size=\"sm\"\n                            className=\"solid-purple-button\"\n                            onClick={handleApplyFilters}\n                        />\n                </SolidDialogFooter>\n            </SolidDialog>\n        </div>\n    )\n}\n"]}

package/dist/components/core/chatter/SolidChatterHeader.tsx

@@ -113,11 +113,11 @@ export const SolidChatterHeader = (props: Props) => {
 
     return (
         <div className={`${styles.chatterTitle} ${title ? styles.chatterTitleWithLabel : ''} solid-list-toolbar`}>
-            <div className='flex justify-content-between align-items-center solid-list-toolbar-row'>
+            <div className='flex justify-between items-center solid-list-toolbar-row'>
                 <p className="m-0 view-title solid-text-wrapper form-wrapper-title">
                     {title || ''}
                 </p>
-                <div className='flex align-items-center solid-header-buttons-wrapper'>
+                <div className='flex items-center solid-header-buttons-wrapper'>
                     {/* <Button
                         label="Send Message"
                         size="small"
@@ -185,6 +185,7 @@ export const SolidChatterHeader = (props: Props) => {
                 className='solid-filter-dialog-shell solid-chatter-filter-main'
                 style={{ width: 500 }}
                 showHeader={false}
+                dismissible={false}
             >
                 <SolidDialogHeader className="solid-filter-dialog-head">
                     <div>
@@ -194,8 +195,8 @@ export const SolidChatterHeader = (props: Props) => {
                 </SolidDialogHeader>
                 <SolidDialogSeparator className="solid-filter-dialog-sep" />
                 <SolidDialogBody className="solid-filter-dialog-body">
-                    <div className="flex flex-column gap-3">
-                        <div className="flex flex-column gap-2">
+                    <div className="flex flex-col gap-4">
+                        <div className="flex flex-col gap-2">
                             <label htmlFor="fullName" className="form-field-label">User</label>
                             <SolidAutocomplete
                                 id="fullName"
@@ -207,11 +208,12 @@ export const SolidChatterHeader = (props: Props) => {
                                 placeholder="Filter by user"
                                 className="w-full"
                                 inputClassName="w-full"
+                                portal
                             />
                         </div>
-                        <div className="flex flex-column gap-2">
+                        <div className="flex flex-col gap-2">
                             <label htmlFor="dateRange" className="form-field-label">Date Range</label>
-                            <div className="flex gap-2 flex-column md:flex-row">
+                            <div className="flex gap-2 flex-col md:flex-row">
                                 <div className="flex-1">
                                     <SolidDatePicker
                                         selected={filters.startDate ?? undefined}
@@ -220,6 +222,7 @@ export const SolidChatterHeader = (props: Props) => {
                                         className="w-full"
                                         wrapperClassName="w-full"
                                         inputClassName="w-full"
+                                        portalId="solid-datepicker-portal"
                                     />
                                 </div>
                                 <div className="flex-1">
@@ -230,6 +233,7 @@ export const SolidChatterHeader = (props: Props) => {
                                         className="w-full"
                                         wrapperClassName="w-full"
                                         inputClassName="w-full"
+                                        portalId="solid-datepicker-portal"
                                     />
                                 </div>
                             </div>

package/dist/components/core/chatter/SolidChatterMessageBox.d.ts

@@ -1,6 +1,7 @@
 interface Props {
     messageId?: number | string;
     user: string;
+    userId?: number;
     messageType?: string;
     message?: any;
     time?: string;

package/dist/components/core/chatter/SolidChatterMessageBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidChatterMessageBox.d.ts","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterMessageBox.tsx"],"names":[],"mappings":"AAYA,UAAU,KAAK;IACX,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE;QACJ,kBAAkB,CAAC,EAAE,KAAK,CAAC;YACvB,EAAE,EAAE,MAAM,CAAC;YACX,WAAW,EAAE,MAAM,CAAC;YACpB,QAAQ,EAAE,MAAM,CAAC;YACjB,gBAAgB,EAAE,MAAM,CAAC;YACzB,SAAS,EAAE,MAAM,CAAC;SACrB,CAAC,CAAC;KACN,CAAC;CACL;AAsBD,eAAO,MAAM,sBAAsB,UAAW,KAAK,4CAsLlD,CAAA"}
+{"version":3,"file":"SolidChatterMessageBox.d.ts","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterMessageBox.tsx"],"names":[],"mappings":"AAaA,UAAU,KAAK;IACX,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE;QACJ,kBAAkB,CAAC,EAAE,KAAK,CAAC;YACvB,EAAE,EAAE,MAAM,CAAC;YACX,WAAW,EAAE,MAAM,CAAC;YACpB,QAAQ,EAAE,MAAM,CAAC;YACjB,gBAAgB,EAAE,MAAM,CAAC;YACzB,SAAS,EAAE,MAAM,CAAC;SACrB,CAAC,CAAC;KACN,CAAC;CACL;AAsBD,eAAO,MAAM,sBAAsB,UAAW,KAAK,4CAqalD,CAAA"}

package/dist/components/core/chatter/SolidChatterMessageBox.js

@@ -46,13 +46,14 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { getTextColor, stringToColor } from '../../../helpers/getRandomColors';
 import Image from "../../common/Image";
-import { useMemo, useState } from 'react';
+import { useEffect, useMemo, useRef, useState } from 'react';
 import styles from './chatter.module.css';
 import { SolidChatterCustomMessage } from './SolidChatterCustomMessage';
 import { SolidChatterAuditMessage } from './SolidChatterAuditMessage';
-import { Check, GitBranch, MessageSquare } from 'lucide-react';
-import { SolidButton, SolidLightbox, SolidTag, SolidTooltip, SolidTooltipContent, SolidTooltipTrigger, SolidIcon } from '../../shad-cn-ui';
-import { usePatchChatterMessageMutation } from '../../../redux/api/solidChatterMessageApi';
+import { Check, GitBranch, MessageSquare, Paperclip, Pencil, Trash2, X } from 'lucide-react';
+import { SolidButton, SolidLightbox, SolidTag, SolidTooltip, SolidTooltipContent, SolidTooltipTrigger, SolidIcon, SolidTextarea } from '../../shad-cn-ui';
+import { usePatchChatterMessageMutation, useUpdateChatterNoteMessageMutation } from '../../../redux/api/solidChatterMessageApi';
+import { useSession } from '../../../hooks/useSession';
 var getFileIcon = function (mimeType) {
     if (mimeType.startsWith('image/')) {
         return 'si-image';
@@ -73,11 +74,23 @@ var getFileIcon = function (mimeType) {
     }
 };
 export var SolidChatterMessageBox = function (props) {
-    var messageId = props.messageId, user = props.user, messageType = props.messageType, message = props.message, time = props.time, auditRecord = props.auditRecord, media = props.media, messageSubType = props.messageSubType, status = props.status, modelDisplayName = props.modelDisplayName, modelUserKey = props.modelUserKey, onRefresh = props.onRefresh;
-    var _a = useState([]), lightboxSlides = _a[0], setLightboxSlides = _a[1];
-    var _b = useState(false), openLightbox = _b[0], setOpenLightbox = _b[1];
-    var _c = useState(status), taskStatus = _c[0], setTaskStatus = _c[1];
-    var _d = usePatchChatterMessageMutation(), patchChatterMessage = _d[0], isUpdatingTaskStatus = _d[1].isLoading;
+    var _a;
+    var messageId = props.messageId, user = props.user, userId = props.userId, messageType = props.messageType, message = props.message, time = props.time, auditRecord = props.auditRecord, media = props.media, messageSubType = props.messageSubType, status = props.status, modelDisplayName = props.modelDisplayName, modelUserKey = props.modelUserKey, onRefresh = props.onRefresh;
+    var _b = useState([]), lightboxSlides = _b[0], setLightboxSlides = _b[1];
+    var _c = useState(false), openLightbox = _c[0], setOpenLightbox = _c[1];
+    var _d = useState(status), taskStatus = _d[0], setTaskStatus = _d[1];
+    var _e = useState(false), isEditing = _e[0], setIsEditing = _e[1];
+    var _f = useState(message !== null && message !== void 0 ? message : ''), localMessage = _f[0], setLocalMessage = _f[1];
+    var _g = useState(message !== null && message !== void 0 ? message : ''), editedMessage = _g[0], setEditedMessage = _g[1];
+    var _h = useState(false), hasPendingOptimisticUpdate = _h[0], setHasPendingOptimisticUpdate = _h[1];
+    var _j = useState([]), selectedFiles = _j[0], setSelectedFiles = _j[1];
+    var _k = useState([]), removedAttachmentIds = _k[0], setRemovedAttachmentIds = _k[1];
+    var _l = useState([]), optimisticRemovedAttachmentIds = _l[0], setOptimisticRemovedAttachmentIds = _l[1];
+    var _m = useState(false), hasPendingOptimisticAttachmentUpdate = _m[0], setHasPendingOptimisticAttachmentUpdate = _m[1];
+    var fileInputRef = useRef(null);
+    var _o = usePatchChatterMessageMutation(), patchChatterMessage = _o[0], isUpdatingTaskStatus = _o[1].isLoading;
+    var _p = useUpdateChatterNoteMessageMutation(), updateChatterNoteMessage = _p[0], isUpdatingNote = _p[1].isLoading;
+    var session = useSession().data;
     var avatarStyle = useMemo(function () {
         var bg = stringToColor(user);
         var color = getTextColor(bg);
@@ -127,6 +140,50 @@ export var SolidChatterMessageBox = function (props) {
     var TypeIcon = messageType === 'audit' ? GitBranch : MessageSquare;
     var isTaskMessage = messageSubType === 'task';
     var isTaskCompleted = (taskStatus !== null && taskStatus !== void 0 ? taskStatus : '').toLowerCase() === 'completed';
+    var isCustomMessage = messageType === 'custom';
+    var isEditableSubtype = messageSubType === 'note';
+    var isCurrentUserAuthor = !!(((_a = session === null || session === void 0 ? void 0 : session.user) === null || _a === void 0 ? void 0 : _a.id) && userId && Number(session.user.id) === Number(userId));
+    var canEditNote = Boolean(messageId && isCustomMessage && isEditableSubtype && isCurrentUserAuthor);
+    useEffect(function () {
+        var incomingMessage = message !== null && message !== void 0 ? message : '';
+        // Keep optimistic message visible until server data catches up.
+        if (hasPendingOptimisticUpdate && incomingMessage !== localMessage) {
+            return;
+        }
+        if (hasPendingOptimisticUpdate && incomingMessage === localMessage) {
+            setHasPendingOptimisticUpdate(false);
+        }
+        setLocalMessage(incomingMessage);
+        if (!isEditing) {
+            setEditedMessage(incomingMessage);
+        }
+    }, [message, isEditing, hasPendingOptimisticUpdate, localMessage]);
+    useEffect(function () {
+        if (!isEditing) {
+            setSelectedFiles([]);
+            if (!hasPendingOptimisticAttachmentUpdate) {
+                setRemovedAttachmentIds([]);
+            }
+        }
+    }, [isEditing, hasPendingOptimisticAttachmentUpdate]);
+    useEffect(function () {
+        if (!hasPendingOptimisticAttachmentUpdate)
+            return;
+        var latestAttachmentIds = ((media === null || media === void 0 ? void 0 : media.messageAttachments) || []).map(function (attachment) { return attachment.id; });
+        var stillPresent = optimisticRemovedAttachmentIds.some(function (id) { return latestAttachmentIds.includes(id); });
+        if (!stillPresent) {
+            setHasPendingOptimisticAttachmentUpdate(false);
+            setOptimisticRemovedAttachmentIds([]);
+            setRemovedAttachmentIds([]);
+        }
+    }, [media === null || media === void 0 ? void 0 : media.messageAttachments, hasPendingOptimisticAttachmentUpdate, optimisticRemovedAttachmentIds]);
+    var handleFileSelect = function (event) {
+        if (event.target.files) {
+            var files_1 = Array.from(event.target.files);
+            setSelectedFiles(function (prev) { return __spreadArray(__spreadArray([], prev, true), files_1, true); });
+            event.target.value = '';
+        }
+    };
     var handleMarkTaskDone = function () { return __awaiter(void 0, void 0, void 0, function () {
         var e_1;
         return __generator(this, function (_a) {
@@ -150,9 +207,91 @@ export var SolidChatterMessageBox = function (props) {
             }
         });
     }); };
-    return (_jsxs("div", { className: styles.solidChatterMessageBox, children: [_jsx("div", { className: styles.solidChatterMessageCard, children: _jsxs("div", { className: styles.solidChatterMessageLayout, children: [_jsx("div", { className: styles.solidChatterAvatar, style: avatarStyle, children: initials || user.charAt(0).toUpperCase() }), _jsxs("div", { className: styles.solidChatterMessageContent, children: [_jsxs("div", { className: styles.solidChatterMessageHeader, children: [_jsxs("div", { className: 'flex align-items-center gap-2 flex-wrap', children: [_jsx("p", { className: styles.solidChatterUser, children: user }), _jsxs(SolidTooltip, { children: [_jsx(SolidTooltipTrigger, { asChild: true, children: _jsx("span", { className: "".concat(styles.solidChatterBadge, " ").concat(messageType === 'audit' ? styles.audit : styles.custom), "aria-label": messageLabel, children: _jsx(TypeIcon, { size: 12 }) }) }), _jsx(SolidTooltipContent, { side: "right", children: messageLabel })] })] }), _jsx("span", { className: styles.solidChatterTime, children: time })] }), modelDisplayName && (_jsxs("p", { className: "".concat(styles.solidChatterMeta, " m-0"), children: [modelDisplayName, modelUserKey && _jsxs(_Fragment, { children: [" \u00B7 ", _jsx("span", { className: 'font-medium', children: modelUserKey })] })] })), message && (_jsx("div", { className: styles.solidMessageWrapper, children: renderMessageContent() })), (media === null || media === void 0 ? void 0 : media.messageAttachments) && media.messageAttachments.length > 0 && (_jsx("div", { className: styles.solidChatterAttachments, children: media.messageAttachments.map(function (attachment) {
+    var handleEditSave = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var trimmedMessage, hasBodyChange, hasAttachmentOps, nextMessage, formData_1, e_2;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!messageId || isUpdatingNote)
+                        return [2 /*return*/];
+                    trimmedMessage = editedMessage === null || editedMessage === void 0 ? void 0 : editedMessage.trim();
+                    hasBodyChange = trimmedMessage && trimmedMessage !== (message !== null && message !== void 0 ? message : '').trim();
+                    hasAttachmentOps = removedAttachmentIds.length > 0 || selectedFiles.length > 0;
+                    if (!hasBodyChange && !hasAttachmentOps)
+                        return [2 /*return*/];
+                    if (!trimmedMessage)
+                        return [2 /*return*/];
+                    nextMessage = trimmedMessage;
+                    // Optimistic local update to remove UI lag before refetch resolves.
+                    setLocalMessage(nextMessage);
+                    setHasPendingOptimisticUpdate(true);
+                    if (removedAttachmentIds.length > 0) {
+                        setOptimisticRemovedAttachmentIds(function (prev) { return Array.from(new Set(__spreadArray(__spreadArray([], prev, true), removedAttachmentIds, true))); });
+                        setHasPendingOptimisticAttachmentUpdate(true);
+                    }
+                    setIsEditing(false);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    formData_1 = new FormData();
+                    formData_1.append('messageBody', nextMessage);
+                    if (removedAttachmentIds.length > 0) {
+                        formData_1.append('removeAttachmentIds', removedAttachmentIds.join(','));
+                    }
+                    selectedFiles.forEach(function (file) { return formData_1.append('messageAttachments', file); });
+                    return [4 /*yield*/, updateChatterNoteMessage({ id: messageId, data: formData_1 }).unwrap()];
+                case 2:
+                    _a.sent();
+                    onRefresh === null || onRefresh === void 0 ? void 0 : onRefresh();
+                    return [3 /*break*/, 4];
+                case 3:
+                    e_2 = _a.sent();
+                    // Revert optimistic update on failure.
+                    setLocalMessage(message !== null && message !== void 0 ? message : '');
+                    setHasPendingOptimisticUpdate(false);
+                    setHasPendingOptimisticAttachmentUpdate(false);
+                    setOptimisticRemovedAttachmentIds([]);
+                    setIsEditing(true);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleCancelEdit = function () {
+        setEditedMessage(localMessage !== null && localMessage !== void 0 ? localMessage : '');
+        setSelectedFiles([]);
+        setRemovedAttachmentIds([]);
+        setIsEditing(false);
+    };
+    var formatFileSize = function (size) {
+        if (!size)
+            return '';
+        return size >= 1024 * 1024
+            ? "".concat((size / (1024 * 1024)).toFixed(1), " MB")
+            : "".concat((size / 1024).toFixed(1), " KB");
+    };
+    var hiddenAttachmentIds = new Set(__spreadArray(__spreadArray([], removedAttachmentIds, true), optimisticRemovedAttachmentIds, true));
+    var visibleAttachments = ((media === null || media === void 0 ? void 0 : media.messageAttachments) || []).filter(function (attachment) { return !hiddenAttachmentIds.has(attachment.id); });
+    var toggleRemoveAttachment = function (attachmentId) {
+        setRemovedAttachmentIds(function (prev) {
+            return prev.includes(attachmentId)
+                ? prev.filter(function (id) { return id !== attachmentId; })
+                : __spreadArray(__spreadArray([], prev, true), [attachmentId], false);
+        });
+    };
+    return (_jsxs("div", { className: styles.solidChatterMessageBox, children: [_jsx("div", { className: styles.solidChatterMessageCard, children: _jsxs("div", { className: styles.solidChatterMessageLayout, children: [_jsx("div", { className: styles.solidChatterAvatar, style: avatarStyle, children: initials || user.charAt(0).toUpperCase() }), _jsxs("div", { className: styles.solidChatterMessageContent, children: [_jsxs("div", { className: styles.solidChatterMessageHeader, children: [_jsxs("div", { className: 'flex items-center gap-2 flex-wrap', children: [_jsx("p", { className: styles.solidChatterUser, children: user }), _jsxs(SolidTooltip, { children: [_jsx(SolidTooltipTrigger, { asChild: true, children: _jsx("span", { className: "".concat(styles.solidChatterBadge, " ").concat(messageType === 'audit' ? styles.audit : styles.custom), "aria-label": messageLabel, children: _jsx(TypeIcon, { size: 12 }) }) }), _jsx(SolidTooltipContent, { side: "right", children: messageLabel })] })] }), _jsxs("div", { className: 'flex items-center gap-2', children: [canEditNote && !isEditing && (_jsx(SolidButton, { type: "button", size: "sm", variant: "ghost", className: "solid-icon-button", leftIcon: _jsx(Pencil, { size: 12 }), onClick: function () { return setIsEditing(true); }, "aria-label": "Edit note", title: "Edit note" })), _jsx("span", { className: styles.solidChatterTime, children: time })] })] }), modelDisplayName && (_jsxs("p", { className: "".concat(styles.solidChatterMeta, " m-0"), children: [modelDisplayName, modelUserKey && _jsxs(_Fragment, { children: [" \u00B7 ", _jsx("span", { className: 'font-medium', children: modelUserKey })] })] })), localMessage && !isEditing && (_jsx("div", { className: styles.solidMessageWrapper, children: messageType === 'audit'
+                                        ? _jsx(SolidChatterAuditMessage, { auditRecord: auditRecord })
+                                        : _jsx(SolidChatterCustomMessage, { message: localMessage }) })), isEditing && (_jsxs("div", { className: 'flex flex-col gap-2', children: [_jsx(SolidTextarea, { value: editedMessage, onChange: function (e) { return setEditedMessage(e.target.value); }, rows: 4, className: "w-full py-2" }), _jsxs("div", { className: 'flex flex-col gap-2', children: [_jsx("input", { ref: fileInputRef, id: "note-edit-file-".concat(messageId), type: "file", multiple: true, onChange: handleFileSelect, style: { display: 'none' } }), selectedFiles.length > 0 && (_jsx("div", { className: 'flex flex-col gap-1', children: selectedFiles.map(function (file, index) { return (_jsxs("div", { className: 'flex items-center justify-between text-xs', children: [_jsxs("span", { children: [file.name, " (", formatFileSize(file.size), ")"] }), _jsx(SolidButton, { type: "button", size: "sm", variant: "ghost", className: 'solid-icon-button', leftIcon: _jsx(X, { size: 12 }), onClick: function () { return setSelectedFiles(function (prev) { return prev.filter(function (_, i) { return i !== index; }); }); }, "aria-label": "Remove ".concat(file.name) })] }, "".concat(file.name, "-").concat(index))); }) }))] }), _jsxs("div", { className: 'flex items-center justify-between gap-2 flex-wrap', children: [_jsxs("div", { className: 'flex items-center gap-2', children: [_jsx(SolidButton, { type: "button", size: "sm", variant: "ghost", className: "solid-icon-button", leftIcon: _jsx(Paperclip, { size: 14 }), onClick: function () { var _a; return (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, "aria-label": "Attach files", title: "Attach files" }), _jsx("span", { className: 'text-xs text-color-secondary', children: "Attach file" })] }), _jsxs("div", { className: 'flex items-center justify-end gap-2', children: [_jsx(SolidButton, { type: "button", size: "sm", variant: "outline", leftIcon: _jsx(X, { size: 12 }), onClick: handleCancelEdit, children: "Cancel" }), _jsx(SolidButton, { type: "button", size: "sm", variant: "primary", loading: isUpdatingNote, leftIcon: _jsx(Check, { size: 12 }), onClick: handleEditSave, disabled: !(editedMessage === null || editedMessage === void 0 ? void 0 : editedMessage.trim()) || (removedAttachmentIds.length === 0 && selectedFiles.length === 0 && editedMessage.trim() === (message !== null && message !== void 0 ? message : '').trim()), children: "Save" })] })] })] })), visibleAttachments.length > 0 && (_jsx("div", { className: styles.solidChatterAttachments, children: visibleAttachments.map(function (attachment) {
                                         var isImage = attachment.mimeType.startsWith('image/');
-                                        return (_jsx("div", { className: styles.solidChatterAttachment, children: isImage ? (_jsx("div", { className: 'cursor-pointer', onClick: function () { return handleImageClick(attachment._full_url); }, children: _jsx(Image, { src: encodeURI(attachment._full_url), alt: attachment.originalFileName, width: 54, height: 54, style: { objectFit: 'cover' } }) })) : (_jsxs("a", { href: encodeURI(attachment._full_url), target: "_blank", rel: "noopener noreferrer", className: 'flex align-items-center gap-2 text-decoration-none text-sm', children: [_jsx(SolidIcon, { name: getFileIcon(attachment.mimeType), "aria-hidden": true }), _jsx("span", { children: attachment.originalFileName })] })) }, attachment.id));
-                                    }) })), isTaskMessage && (_jsx("div", { className: 'flex align-items-center justify-content-end', children: isTaskCompleted ? (_jsxs(SolidTag, { tone: "success", className: "inline-flex align-items-center gap-1 text-xs px-2 py-1", children: [_jsx(Check, { size: 12, "aria-hidden": true }), _jsx("span", { className: "font-medium", children: "Done" })] })) : (_jsx(SolidButton, { type: "button", size: "sm", variant: "outline", className: "text-xs px-2 py-1", leftIcon: _jsx(Check, { size: 12 }), loading: isUpdatingTaskStatus, onClick: handleMarkTaskDone, children: _jsx("span", { className: "font-semibold", children: "Mark as done" }) })) }))] })] }) }), openLightbox && (_jsx(SolidLightbox, { open: openLightbox, slides: lightboxSlides, onClose: function () { return setOpenLightbox(false); } }))] }));
+                                        return (_jsxs("div", { className: styles.solidChatterAttachment, style: { position: 'relative' }, children: [isEditing && canEditNote && (_jsx(SolidButton, { type: "button", size: "sm", variant: "ghost", className: "solid-icon-button", leftIcon: _jsx(Trash2, { size: 12, color: "#dc2626" }), onClick: function () { return toggleRemoveAttachment(attachment.id); }, "aria-label": "Remove ".concat(attachment.originalFileName), title: "Remove ".concat(attachment.originalFileName), style: {
+                                                        position: 'absolute',
+                                                        top: -8,
+                                                        right: -8,
+                                                        zIndex: 2,
+                                                        background: '#fff',
+                                                        border: '1px solid #fecaca',
+                                                        borderRadius: '999px',
+                                                    } })), isImage ? (_jsx("div", { className: 'cursor-pointer', onClick: function () { return handleImageClick(attachment._full_url); }, children: _jsx(Image, { src: encodeURI(attachment._full_url), alt: attachment.originalFileName, width: 54, height: 54, style: { objectFit: 'cover' } }) })) : (_jsxs("a", { href: encodeURI(attachment._full_url), target: "_blank", rel: "noopener noreferrer", className: 'flex items-center gap-2 text-decoration-none text-sm', children: [_jsx(SolidIcon, { name: getFileIcon(attachment.mimeType), "aria-hidden": true }), _jsx("span", { children: attachment.originalFileName })] }))] }, attachment.id));
+                                    }) })), isTaskMessage && (_jsx("div", { className: 'flex items-center justify-end', children: isTaskCompleted ? (_jsxs(SolidTag, { tone: "success", className: "inline-flex items-center gap-1 text-xs px-2 py-1", children: [_jsx(Check, { size: 12, "aria-hidden": true }), _jsx("span", { className: "font-medium", children: "Done" })] })) : (_jsx(SolidButton, { type: "button", size: "sm", variant: "outline", className: "text-xs px-2 py-1", leftIcon: _jsx(Check, { size: 12 }), loading: isUpdatingTaskStatus, onClick: handleMarkTaskDone, children: _jsx("span", { className: "font-semibold", children: "Mark as done" }) })) }))] })] }) }), openLightbox && (_jsx(SolidLightbox, { open: openLightbox, slides: lightboxSlides, onClose: function () { return setOpenLightbox(false); } }))] }));
 };
 //# sourceMappingURL=SolidChatterMessageBox.js.map