@solidxai/core-ui 0.1.18 → 0.1.19-beta.1

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 { 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 [appliedFilters, setAppliedFilters] = useState<FilterState>({\n        name: '',\n        startDate: null,\n        endDate: null\n    });\n    const [suggestions, setSuggestions] = useState<any[]>([]);\n    const [selectedUser, setSelectedUser] = useState<any | null>(null);\n    const [getUsers] = useLazyGetusersQuery();\n\n    const hasActiveFilters = appliedFilters.name !== '' || appliedFilters.startDate !== null || appliedFilters.endDate !== null;\n\n    const handleFilterClick = () => {\n        setSelectedUser(filters.name ? { fullName: filters.name } : null);\n        setShowFilterDialog(true);\n    };\n\n    const handleApplyFilters = () => {\n        setAppliedFilters(filters);\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        setSelectedUser(null);\n        setSuggestions([]);\n        setFilters(clearedFilters);\n        setAppliedFilters(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        const query = event.query || '';\n        setSelectedUser((prev: any | null) => {\n            if (!prev) {\n                return prev;\n            }\n            return prev.fullName === query ? prev : null;\n        });\n        updateNameFilter(query);\n        try {\n            const response = await getUsers(`filters[fullName][$containsi]=${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            setSelectedUser(null);\n            updateNameFilter('');\n            return;\n        }\n        if (typeof value === 'object') {\n            setSelectedUser(value);\n            updateNameFilter(value.fullName || '');\n            return;\n        }\n        setSelectedUser(null);\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=\"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=\"outline\"\n                        className={`solid-icon-button ${hasActiveFilters ? 'is-filter-active' : ''}`}\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={selectedUser}\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"]}
+{"version":3,"file":"SolidChatterHeader.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["import { 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 [appliedFilters, setAppliedFilters] = useState<FilterState>({\n        name: '',\n        startDate: null,\n        endDate: null\n    });\n    const [suggestions, setSuggestions] = useState<any[]>([]);\n    const [selectedUser, setSelectedUser] = useState<any | null>(null);\n    const [getUsers] = useLazyGetusersQuery();\n\n    const hasActiveFilters = appliedFilters.name !== '' || appliedFilters.startDate !== null || appliedFilters.endDate !== null;\n\n    const handleFilterClick = () => {\n        setSelectedUser(filters.name ? { fullName: filters.name } : null);\n        setShowFilterDialog(true);\n    };\n\n    const handleApplyFilters = () => {\n        setAppliedFilters(filters);\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        setSelectedUser(null);\n        setSuggestions([]);\n        setFilters(clearedFilters);\n        setAppliedFilters(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        const query = event.query || '';\n        setSelectedUser((prev: any | null) => {\n            if (!prev) {\n                return prev;\n            }\n            return prev.fullName === query ? prev : null;\n        });\n        updateNameFilter(query);\n        try {\n            const response = await getUsers(`filters[fullName][$containsi]=${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            setSelectedUser(null);\n            updateNameFilter('');\n            return;\n        }\n        if (typeof value === 'object') {\n            setSelectedUser(value);\n            updateNameFilter(value.fullName || '');\n            return;\n        }\n        setSelectedUser(null);\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                {title && \n                    (<p className=\"m-0 view-title solid-text-wrapper form-wrapper-title\">\n                        {title}\n                    </p>\n                )}\n                <div className='flex items-center ml-auto 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=\"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=\"outline\"\n                        className={`solid-icon-button ${hasActiveFilters ? 'is-filter-active' : ''}`}\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={selectedUser}\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

@@ -131,10 +131,12 @@ export const SolidChatterHeader = (props: Props) => {
     return (
         <div className={`${styles.chatterTitle} ${title ? styles.chatterTitleWithLabel : ''} solid-list-toolbar`}>
             <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 items-center solid-header-buttons-wrapper'>
+                {title && 
+                    (<p className="m-0 view-title solid-text-wrapper form-wrapper-title">
+                        {title}
+                    </p>
+                )}
+                <div className='flex items-center ml-auto solid-header-buttons-wrapper'>
                     {/* <Button
                         label="Send Message"
                         size="small"

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

@@ -1,3 +1,4 @@
+import type { SolidChatterMessageWidgetProps } from '../../../types/solid-core';
 interface Props {
     messageId?: number | string;
     user: string;
@@ -8,6 +9,7 @@ interface Props {
     time?: string;
     auditRecord?: any;
     messageSubType?: string;
+    chatterMessage?: SolidChatterMessageWidgetProps['chatterMessage'];
     status?: string;
     modelDisplayName?: string;
     modelUserKey?: 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":"AAgBA,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,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,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,4CAsdlD,CAAA"}
+{"version":3,"file":"SolidChatterMessageBox.d.ts","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterMessageBox.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,2BAA2B,CAAA;AAE/E,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,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,8BAA8B,CAAC,gBAAgB,CAAC,CAAC;IAClE,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,4CAwdlD,CAAA"}

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

@@ -49,6 +49,7 @@ import Image from "../../common/Image";
 import { useEffect, useMemo, useRef, useState } from 'react';
 import styles from './chatter.module.css';
 import { SolidChatterCustomMessage } from './SolidChatterCustomMessage';
+import { isChatterMessageWidget, SolidChatterMessageWidget } from './SolidChatterMessageWidget';
 import { SolidChatterAuditMessage } from './SolidChatterAuditMessage';
 import { Check, GitBranch, MessageSquare, Paperclip, Pencil, Trash2, X } from 'lucide-react';
 import { SolidButton, SolidLightbox, SolidTag, SolidTooltip, SolidTooltipContent, SolidTooltipTrigger, SolidIcon, SolidTextarea } from '../../shad-cn-ui';
@@ -78,7 +79,7 @@ var getFileIcon = function (mimeType) {
 };
 export var SolidChatterMessageBox = function (props) {
     var _a;
-    var messageId = props.messageId, user = props.user, userId = props.userId, messageType = props.messageType, message = props.message, messageBodyMentions = props.messageBodyMentions, 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 messageId = props.messageId, user = props.user, userId = props.userId, messageType = props.messageType, message = props.message, messageBodyMentions = props.messageBodyMentions, time = props.time, auditRecord = props.auditRecord, media = props.media, messageSubType = props.messageSubType, chatterMessage = props.chatterMessage, 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];
@@ -145,7 +146,7 @@ export var SolidChatterMessageBox = function (props) {
             : messageSubType === "audit_insert"
                 ? "Inserted"
                 : "Audit record")
-        : "Internal note";
+        : isChatterMessageWidget(messageType, messageSubType) ? "Custom message" : "Internal note";
     var TypeIcon = messageType === 'audit' ? GitBranch : MessageSquare;
     var isTaskMessage = messageSubType === 'task';
     var isTaskCompleted = (taskStatus !== null && taskStatus !== void 0 ? taskStatus : '').toLowerCase() === 'completed';
@@ -303,9 +304,11 @@ 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 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 () {
                                                         resetMentions(parseMessageBodyMentions(messageBodyMentions));
                                                         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'
+                                                    }, "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 || (chatterMessage && isChatterMessageWidget(messageType, messageSubType))) && !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, { ref: editTextareaRef, value: editedMessage, onChange: handleMentionTextChange, onKeyDown: handleEditKeyDown, onKeyUp: handleMentionKeyUp, onClick: handleMentionClick, rows: 4, className: "w-full py-2" }), _jsx("p", { className: styles.chatterComposerHelp, children: "Type @ to mention a user. Press Ctrl+Enter to save." }), mentionRange && (_jsx(SolidChatterMentionMenu, { isLoading: isFetchingMentionUsers, users: mentionSuggestions, activeIndex: activeMentionIndex, onSelect: handleSelectMention })), _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) {
+                                        : chatterMessage && isChatterMessageWidget(messageType, messageSubType)
+                                            ? _jsx(SolidChatterMessageWidget, { chatterMessage: chatterMessage })
+                                            : _jsx(SolidChatterCustomMessage, { message: localMessage }) })), isEditing && (_jsxs("div", { className: 'flex flex-col gap-2', children: [_jsx(SolidTextarea, { ref: editTextareaRef, value: editedMessage, onChange: handleMentionTextChange, onKeyDown: handleEditKeyDown, onKeyUp: handleMentionKeyUp, onClick: handleMentionClick, rows: 4, className: "w-full py-2" }), _jsx("p", { className: styles.chatterComposerHelp, children: "Type @ to mention a user. Press Ctrl+Enter to save." }), mentionRange && (_jsx(SolidChatterMentionMenu, { isLoading: isFetchingMentionUsers, users: mentionSuggestions, activeIndex: activeMentionIndex, onSelect: handleSelectMention })), _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 (_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',

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

@@ -1 +1 @@
-{"version":3,"file":"SolidChatterMessageBox.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterMessageBox.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { getTextColor, stringToColor } from '../../../helpers/getRandomColors'\nimport Image from \"../../common/Image\"\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport styles from './chatter.module.css'\nimport { SolidChatterCustomMessage } from './SolidChatterCustomMessage'\nimport { SolidChatterAuditMessage } from './SolidChatterAuditMessage'\nimport { Check, GitBranch, MessageSquare, Paperclip, Pencil, Trash2, X } from 'lucide-react'\nimport { SolidButton, SolidLightbox, SolidTag, SolidTooltip, SolidTooltipContent, SolidTooltipTrigger, SolidIcon, SolidTextarea, type SolidIconName } from '../../shad-cn-ui'\nimport type { SolidLightboxSlide } from '../../shad-cn-ui/SolidLightbox'\nimport { usePatchChatterMessageMutation, useUpdateChatterNoteMessageMutation } from '../../../redux/api/solidChatterMessageApi'\nimport { useSession } from '../../../hooks/useSession'\nimport { buildMessageBodyWithMentionTokens, parseMessageBodyMentions } from './chatterMentions'\nimport { useChatterMentions } from './useChatterMentions'\nimport { SolidChatterMentionMenu } from './SolidChatterMentionMenu'\n\ninterface Props {\n    messageId?: number | string,\n    user: string,\n    userId?: number,\n    messageType?: string,\n    message?: any,\n    messageBodyMentions?: unknown,\n    time?: string,\n    auditRecord?: any,\n    messageSubType?: string,\n    status?: string,\n    modelDisplayName?: string,\n    modelUserKey?: string,\n    onRefresh?: () => void,\n    media?: {\n        messageAttachments?: Array<{\n            id: number;\n            relativeUri: string;\n            mimeType: string;\n            originalFileName: string;\n            _full_url: string;\n        }>;\n    };\n}\n\nconst getFileIcon = (mimeType: string): SolidIconName => {\n    if (mimeType.startsWith('image/')) {\n        return 'si-image';\n    }\n    switch (mimeType) {\n        case 'application/pdf':\n            return 'si-file-pdf';\n        case 'application/vnd.ms-excel':\n        case 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':\n            return 'si-file-excel';\n        case 'application/msword':\n        case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document':\n            return 'si-file-word';\n        case 'text/plain':\n            return 'si-file';\n        default:\n            return 'si-file';\n    }\n};\n\nexport const SolidChatterMessageBox = (props: Props) => {\n    const { messageId, user, userId, messageType, message, messageBodyMentions, time, auditRecord, media, messageSubType, status, modelDisplayName, modelUserKey, onRefresh } = props;\n    const [lightboxSlides, setLightboxSlides] = useState<SolidLightboxSlide[]>([]);\n    const [openLightbox, setOpenLightbox] = useState(false);\n    const [taskStatus, setTaskStatus] = useState<string | undefined>(status);\n    const [isEditing, setIsEditing] = useState(false);\n    const [localMessage, setLocalMessage] = useState(message ?? '');\n    const [editedMessage, setEditedMessage] = useState(message ?? '');\n    const [hasPendingOptimisticUpdate, setHasPendingOptimisticUpdate] = useState(false);\n    const [selectedFiles, setSelectedFiles] = useState<File[]>([]);\n    const [removedAttachmentIds, setRemovedAttachmentIds] = useState<number[]>([]);\n    const [optimisticRemovedAttachmentIds, setOptimisticRemovedAttachmentIds] = useState<number[]>([]);\n    const [hasPendingOptimisticAttachmentUpdate, setHasPendingOptimisticAttachmentUpdate] = useState(false);\n    const fileInputRef = useRef<HTMLInputElement>(null);\n    const editTextareaRef = useRef<HTMLTextAreaElement | null>(null);\n    const [patchChatterMessage, { isLoading: isUpdatingTaskStatus }] = usePatchChatterMessageMutation();\n    const [updateChatterNoteMessage, { isLoading: isUpdatingNote }] = useUpdateChatterNoteMessageMutation();\n    const { data: session } = useSession();\n    const {\n        mentions: editMentions,\n        mentionRange,\n        mentionSuggestions,\n        activeMentionIndex,\n        isFetchingMentionUsers,\n        handleMentionTextChange,\n        handleMentionKeyDown,\n        handleMentionKeyUp,\n        handleMentionClick,\n        handleSelectMention,\n        resetMentions,\n    } = useChatterMentions({\n        value: editedMessage,\n        onChange: setEditedMessage,\n        textareaRef: editTextareaRef,\n    });\n\n    const avatarStyle = useMemo(() => {\n        const bg = stringToColor(user)\n        const color = getTextColor(bg)\n        return { backgroundColor: bg, color }\n    }, [user])\n\n    const initials = useMemo(() => {\n        if (!user) return \"\";\n        return user\n            .split(\" \")\n            .map(part => part.charAt(0))\n            .filter(Boolean)\n            .slice(0, 2)\n            .join(\"\")\n            .toUpperCase();\n    }, [user]);\n\n    const handleImageClick = (url: string) => {\n        const imageAttachments = media?.messageAttachments?.filter(att => att.mimeType?.startsWith('image/')) || [];\n        if (imageAttachments.length === 0) return;\n\n        const startIndex = imageAttachments.findIndex(att => att._full_url === url);\n        const ordered = startIndex >= 0\n            ? [...imageAttachments.slice(startIndex), ...imageAttachments.slice(0, startIndex)]\n            : imageAttachments;\n\n        const slides: SolidLightboxSlide[] = ordered.map(att => ({\n            src: att._full_url\n        }));\n\n        setLightboxSlides(slides);\n        setOpenLightbox(true);\n    };\n\n    const renderMessageContent = () => {\n        switch (messageType) {\n            case 'audit':\n                return <SolidChatterAuditMessage auditRecord={auditRecord} />;\n            case 'custom':\n            default:\n                return <SolidChatterCustomMessage message={message} />;\n        }\n    };\n\n    const messageLabel = messageType === 'audit'\n        ? (messageSubType === \"audit_update\"\n            ? \"Updated\"\n            : messageSubType === \"audit_insert\"\n                ? \"Inserted\"\n                : \"Audit record\")\n        : \"Internal note\";\n\n    const TypeIcon = messageType === 'audit' ? GitBranch : MessageSquare;\n\n    const isTaskMessage = messageSubType === 'task';\n    const isTaskCompleted = (taskStatus ?? '').toLowerCase() === 'completed';\n    const isCustomMessage = messageType === 'custom';\n    const isEditableSubtype = messageSubType === 'note';\n    const isCurrentUserAuthor = !!(session?.user?.id && userId && Number(session.user.id) === Number(userId));\n    const canEditNote = Boolean(messageId && isCustomMessage && isEditableSubtype && isCurrentUserAuthor);\n\n    useEffect(() => {\n        const incomingMessage = message ?? '';\n\n        // Keep optimistic message visible until server data catches up.\n        if (hasPendingOptimisticUpdate && incomingMessage !== localMessage) {\n            return;\n        }\n\n        if (hasPendingOptimisticUpdate && incomingMessage === localMessage) {\n            setHasPendingOptimisticUpdate(false);\n        }\n\n        setLocalMessage(incomingMessage);\n        if (!isEditing) {\n            setEditedMessage(incomingMessage);\n        }\n    }, [message, isEditing, hasPendingOptimisticUpdate, localMessage]);\n\n    useEffect(() => {\n        if (!isEditing) {\n            setSelectedFiles([]);\n            if (!hasPendingOptimisticAttachmentUpdate) {\n                setRemovedAttachmentIds([]);\n            }\n        }\n    }, [isEditing, hasPendingOptimisticAttachmentUpdate]);\n\n    useEffect(() => {\n        if (!hasPendingOptimisticAttachmentUpdate) return;\n        const latestAttachmentIds = (media?.messageAttachments || []).map((attachment) => attachment.id);\n        const stillPresent = optimisticRemovedAttachmentIds.some((id) => latestAttachmentIds.includes(id));\n        if (!stillPresent) {\n            setHasPendingOptimisticAttachmentUpdate(false);\n            setOptimisticRemovedAttachmentIds([]);\n            setRemovedAttachmentIds([]);\n        }\n    }, [media?.messageAttachments, hasPendingOptimisticAttachmentUpdate, optimisticRemovedAttachmentIds]);\n\n    const handleFileSelect = (event: React.ChangeEvent<HTMLInputElement>) => {\n        if (event.target.files) {\n            const files = Array.from(event.target.files);\n            setSelectedFiles(prev => [...prev, ...files]);\n            event.target.value = '';\n        }\n    };\n\n    const handleMarkTaskDone = async () => {\n        if (!messageId || isUpdatingTaskStatus) return;\n        try {\n            await patchChatterMessage({ id: messageId, data: { status: 'completed' } }).unwrap();\n            setTaskStatus('completed');\n            onRefresh?.();\n        } catch (e) {\n            // no-op (parent/global error handling if any)\n        }\n    };\n\n    const handleEditSave = async () => {\n        if (!messageId || isUpdatingNote) return;\n        const trimmedMessage = editedMessage?.trim();\n        const hasBodyChange = trimmedMessage && trimmedMessage !== (message ?? '').trim();\n        const hasAttachmentOps = removedAttachmentIds.length > 0 || selectedFiles.length > 0;\n        if (!hasBodyChange && !hasAttachmentOps) return;\n        if (!trimmedMessage) return;\n        const nextMessage = trimmedMessage;\n        // Optimistic local update to remove UI lag before refetch resolves.\n        setLocalMessage(nextMessage);\n        setHasPendingOptimisticUpdate(true);\n        if (removedAttachmentIds.length > 0) {\n            setOptimisticRemovedAttachmentIds((prev) => Array.from(new Set([...prev, ...removedAttachmentIds])));\n            setHasPendingOptimisticAttachmentUpdate(true);\n        }\n        setIsEditing(false);\n        try {\n            const messageBody = buildMessageBodyWithMentionTokens(nextMessage, editMentions);\n            const formData = new FormData();\n            formData.append('messageBody', messageBody.body);\n            formData.append('messageBodyMentions', JSON.stringify(messageBody.mentions));\n            if (removedAttachmentIds.length > 0) {\n                formData.append('removeAttachmentIds', removedAttachmentIds.join(','));\n            }\n            selectedFiles.forEach((file) => formData.append('messageAttachments', file));\n\n            await updateChatterNoteMessage({ id: messageId, data: formData }).unwrap();\n            onRefresh?.();\n        } catch (e) {\n            // Revert optimistic update on failure.\n            setLocalMessage(message ?? '');\n            setHasPendingOptimisticUpdate(false);\n            setHasPendingOptimisticAttachmentUpdate(false);\n            setOptimisticRemovedAttachmentIds([]);\n            setIsEditing(true);\n        }\n    };\n\n    const handleEditKeyDown = (event: React.KeyboardEvent<HTMLTextAreaElement>) => {\n        handleMentionKeyDown(event);\n        if (event.defaultPrevented) return;\n\n        if ((event.ctrlKey || event.metaKey) && event.key === 'Enter') {\n            event.preventDefault();\n            handleEditSave();\n        }\n    };\n\n    const handleCancelEdit = () => {\n        setEditedMessage(localMessage ?? '');\n        setSelectedFiles([]);\n        setRemovedAttachmentIds([]);\n        resetMentions(parseMessageBodyMentions(messageBodyMentions));\n        setIsEditing(false);\n    };\n\n    const formatFileSize = (size: number) => {\n        if (!size) return '';\n        return size >= 1024 * 1024\n            ? `${(size / (1024 * 1024)).toFixed(1)} MB`\n            : `${(size / 1024).toFixed(1)} KB`;\n    };\n\n    const hiddenAttachmentIds = new Set([\n        ...removedAttachmentIds,\n        ...optimisticRemovedAttachmentIds,\n    ]);\n    const visibleAttachments = (media?.messageAttachments || []).filter(\n        (attachment) => !hiddenAttachmentIds.has(attachment.id)\n    );\n\n    const toggleRemoveAttachment = (attachmentId: number) => {\n        setRemovedAttachmentIds(prev =>\n            prev.includes(attachmentId)\n                ? prev.filter(id => id !== attachmentId)\n                : [...prev, attachmentId]\n        );\n    };\n\n    return (\n        <div className={styles.solidChatterMessageBox}>\n            <div className={styles.solidChatterMessageCard}>\n                <div className={styles.solidChatterMessageLayout}>\n                    <div className={styles.solidChatterAvatar} style={avatarStyle}>\n                        {initials || user.charAt(0).toUpperCase()}\n                    </div>\n                    <div className={styles.solidChatterMessageContent}>\n                        <div className={styles.solidChatterMessageHeader}>\n                            <div className='flex items-center gap-2 flex-wrap'>\n                                <p className={styles.solidChatterUser}>{user}</p>\n                                <SolidTooltip>\n                                    <SolidTooltipTrigger asChild>\n                                        <span\n                                            className={`${styles.solidChatterBadge} ${messageType === 'audit' ? styles.audit : styles.custom}`}\n                                            aria-label={messageLabel}\n                                        >\n                                            <TypeIcon size={12} />\n                                        </span>\n                                    </SolidTooltipTrigger>\n                                    <SolidTooltipContent side=\"right\">\n                                        {messageLabel}\n                                    </SolidTooltipContent>\n                                </SolidTooltip>\n                            </div>\n                            <div className='flex items-center gap-2'>\n                                {canEditNote && !isEditing && (\n                                    <SolidButton\n                                        type=\"button\"\n                                        size=\"sm\"\n                                        variant=\"ghost\"\n                                        className=\"solid-icon-button\"\n                                        leftIcon={<Pencil size={12} />}\n                                        onClick={() => {\n                                            resetMentions(parseMessageBodyMentions(messageBodyMentions));\n                                            setIsEditing(true);\n                                        }}\n                                        aria-label=\"Edit note\"\n                                        title=\"Edit note\"\n                                    />\n                                )}\n                                <span className={styles.solidChatterTime}>{time}</span>\n                            </div>\n                        </div>\n                        {modelDisplayName && (\n                            <p className={`${styles.solidChatterMeta} m-0`}>\n                                {modelDisplayName}\n                                {modelUserKey && <> · <span className='font-medium'>{modelUserKey}</span></>}\n                            </p>\n                        )}\n                        {localMessage && !isEditing && (\n                            <div className={styles.solidMessageWrapper}>\n                                {messageType === 'audit'\n                                    ? <SolidChatterAuditMessage auditRecord={auditRecord} />\n                                    : <SolidChatterCustomMessage message={localMessage} />}\n                            </div>\n                        )}\n                        {isEditing && (\n                            <div className='flex flex-col gap-2'>\n                                <SolidTextarea\n                                    ref={editTextareaRef}\n                                    value={editedMessage}\n                                    onChange={handleMentionTextChange}\n                                    onKeyDown={handleEditKeyDown}\n                                    onKeyUp={handleMentionKeyUp}\n                                    onClick={handleMentionClick}\n                                    rows={4}\n                                    className=\"w-full py-2\"\n                                />\n                                <p className={styles.chatterComposerHelp}>\n                                    Type @ to mention a user. Press Ctrl+Enter to save.\n                                </p>\n                                {mentionRange && (\n                                    <SolidChatterMentionMenu\n                                        isLoading={isFetchingMentionUsers}\n                                        users={mentionSuggestions}\n                                        activeIndex={activeMentionIndex}\n                                        onSelect={handleSelectMention}\n                                    />\n                                )}\n                                <div className='flex flex-col gap-2'>\n                                    <input\n                                        ref={fileInputRef}\n                                        id={`note-edit-file-${messageId}`}\n                                        type=\"file\"\n                                        multiple\n                                        onChange={handleFileSelect}\n                                        style={{ display: 'none' }}\n                                    />\n                                    {selectedFiles.length > 0 && (\n                                        <div className='flex flex-col gap-1'>\n                                            {selectedFiles.map((file, index) => (\n                                                <div key={`${file.name}-${index}`} className='flex items-center justify-between text-xs'>\n                                                    <span>{file.name} ({formatFileSize(file.size)})</span>\n                                                    <SolidButton\n                                                        type=\"button\"\n                                                        size=\"sm\"\n                                                        variant=\"ghost\"\n                                                        className='solid-icon-button'\n                                                        leftIcon={<X size={12} />}\n                                                        onClick={() => setSelectedFiles(prev => prev.filter((_, i) => i !== index))}\n                                                        aria-label={`Remove ${file.name}`}\n                                                    />\n                                                </div>\n                                            ))}\n                                        </div>\n                                    )}\n                                </div>\n                                <div className='flex items-center justify-between gap-2 flex-wrap'>\n                                    <div className='flex items-center gap-2'>\n                                        <SolidButton\n                                            type=\"button\"\n                                            size=\"sm\"\n                                            variant=\"ghost\"\n                                            className=\"solid-icon-button\"\n                                            leftIcon={<Paperclip size={14} />}\n                                            onClick={() => fileInputRef.current?.click()}\n                                            aria-label=\"Attach files\"\n                                            title=\"Attach files\"\n                                        />\n                                        <span className='text-xs text-color-secondary'>Attach file</span>\n                                    </div>\n                                    <div className='flex items-center justify-end gap-2'>\n                                    <SolidButton\n                                        type=\"button\"\n                                        size=\"sm\"\n                                        variant=\"outline\"\n                                        leftIcon={<X size={12} />}\n                                        onClick={handleCancelEdit}\n                                    >\n                                        Cancel\n                                    </SolidButton>\n                                    <SolidButton\n                                        type=\"button\"\n                                        size=\"sm\"\n                                        variant=\"primary\"\n                                        loading={isUpdatingNote}\n                                        leftIcon={<Check size={12} />}\n                                        onClick={handleEditSave}\n                                        disabled={!editedMessage?.trim() || (removedAttachmentIds.length === 0 && selectedFiles.length === 0 && editedMessage.trim() === (message ?? '').trim())}\n                                    >\n                                        Save\n                                    </SolidButton>\n                                    </div>\n                                </div>\n                            </div>\n                        )}\n                        {visibleAttachments.length > 0 && (\n                            <div className={styles.solidChatterAttachments}>\n                                {visibleAttachments.map((attachment) => {\n                                    const isImage = attachment.mimeType.startsWith('image/');\n                                    return (\n                                        <div key={attachment.id} className={styles.solidChatterAttachment} style={{ position: 'relative' }}>\n                                            {isEditing && canEditNote && (\n                                                <SolidButton\n                                                    type=\"button\"\n                                                    size=\"sm\"\n                                                    variant=\"ghost\"\n                                                    className=\"solid-icon-button\"\n                                                    leftIcon={<Trash2 size={12} color=\"#dc2626\" />}\n                                                    onClick={() => toggleRemoveAttachment(attachment.id)}\n                                                    aria-label={`Remove ${attachment.originalFileName}`}\n                                                    title={`Remove ${attachment.originalFileName}`}\n                                                    style={{\n                                                        position: 'absolute',\n                                                        top: -8,\n                                                        right: -8,\n                                                        zIndex: 2,\n                                                        background: '#fff',\n                                                        border: '1px solid #fecaca',\n                                                        borderRadius: '999px',\n                                                    }}\n                                                />\n                                            )}\n                                            {isImage ? (\n                                                <div\n                                                    className='cursor-pointer'\n                                                    onClick={() => handleImageClick(attachment._full_url)}\n                                                >\n                                                    <Image\n                                                        src={encodeURI(attachment._full_url)}\n                                                        alt={attachment.originalFileName}\n                                                        width={54}\n                                                        height={54}\n                                                        style={{ objectFit: 'cover' }}\n                                                    />\n                                                </div>\n                                            ) : (\n                                                <a\n                                                    href={encodeURI(attachment._full_url)}\n                                                    target=\"_blank\"\n                                                    rel=\"noopener noreferrer\"\n                                                className='flex items-center gap-2 text-decoration-none text-sm'\n                                            >\n                                                <SolidIcon name={getFileIcon(attachment.mimeType)} aria-hidden />\n                                                <span>{attachment.originalFileName}</span>\n                                            </a>\n                                            )}\n                                        </div>\n                                    );\n                                })}\n                            </div>\n                        )}\n                        {isTaskMessage && (\n                            <div className='flex items-center justify-end'>\n                                {isTaskCompleted ? (\n                                    <SolidTag tone=\"success\" className=\"inline-flex items-center gap-1 text-xs px-2 py-1\">\n                                        <Check size={12} aria-hidden />\n                                        <span className=\"font-medium\">Done</span>\n                                    </SolidTag>\n                                ) : (\n                                    <SolidButton\n                                        type=\"button\"\n                                        size=\"sm\"\n                                        variant=\"outline\"\n                                        className=\"text-xs px-2 py-1\"\n                                        leftIcon={<Check size={12} />}\n                                        loading={isUpdatingTaskStatus}\n                                        onClick={handleMarkTaskDone}\n                                    >\n                                        <span className=\"font-semibold\">Mark as done</span>\n                                    </SolidButton>\n                                )}\n                            </div>\n                        )}\n                    </div>\n                </div>\n            </div>\n            {openLightbox && (\n                <SolidLightbox\n                    open={openLightbox}\n                    slides={lightboxSlides}\n                    onClose={() => setOpenLightbox(false)}\n                />\n            )}\n        </div>\n    )\n}\n"]}
+{"version":3,"file":"SolidChatterMessageBox.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterMessageBox.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { getTextColor, stringToColor } from '../../../helpers/getRandomColors'\nimport Image from \"../../common/Image\"\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport styles from './chatter.module.css'\nimport { SolidChatterCustomMessage } from './SolidChatterCustomMessage'\nimport { isChatterMessageWidget, SolidChatterMessageWidget } from './SolidChatterMessageWidget'\nimport { SolidChatterAuditMessage } from './SolidChatterAuditMessage'\nimport { Check, GitBranch, MessageSquare, Paperclip, Pencil, Trash2, X } from 'lucide-react'\nimport { SolidButton, SolidLightbox, SolidTag, SolidTooltip, SolidTooltipContent, SolidTooltipTrigger, SolidIcon, SolidTextarea, type SolidIconName } from '../../shad-cn-ui'\nimport type { SolidLightboxSlide } from '../../shad-cn-ui/SolidLightbox'\nimport { usePatchChatterMessageMutation, useUpdateChatterNoteMessageMutation } from '../../../redux/api/solidChatterMessageApi'\nimport { useSession } from '../../../hooks/useSession'\nimport { buildMessageBodyWithMentionTokens, parseMessageBodyMentions } from './chatterMentions'\nimport { useChatterMentions } from './useChatterMentions'\nimport { SolidChatterMentionMenu } from './SolidChatterMentionMenu'\nimport type { SolidChatterMessageWidgetProps } from '../../../types/solid-core'\n\ninterface Props {\n    messageId?: number | string,\n    user: string,\n    userId?: number,\n    messageType?: string,\n    message?: any,\n    messageBodyMentions?: unknown,\n    time?: string,\n    auditRecord?: any,\n    messageSubType?: string,\n    chatterMessage?: SolidChatterMessageWidgetProps['chatterMessage'],\n    status?: string,\n    modelDisplayName?: string,\n    modelUserKey?: string,\n    onRefresh?: () => void,\n    media?: {\n        messageAttachments?: Array<{\n            id: number;\n            relativeUri: string;\n            mimeType: string;\n            originalFileName: string;\n            _full_url: string;\n        }>;\n    };\n}\n\nconst getFileIcon = (mimeType: string): SolidIconName => {\n    if (mimeType.startsWith('image/')) {\n        return 'si-image';\n    }\n    switch (mimeType) {\n        case 'application/pdf':\n            return 'si-file-pdf';\n        case 'application/vnd.ms-excel':\n        case 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':\n            return 'si-file-excel';\n        case 'application/msword':\n        case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document':\n            return 'si-file-word';\n        case 'text/plain':\n            return 'si-file';\n        default:\n            return 'si-file';\n    }\n};\n\nexport const SolidChatterMessageBox = (props: Props) => {\n    const { messageId, user, userId, messageType, message, messageBodyMentions, time, auditRecord, media, messageSubType, chatterMessage, status, modelDisplayName, modelUserKey, onRefresh } = props;\n    const [lightboxSlides, setLightboxSlides] = useState<SolidLightboxSlide[]>([]);\n    const [openLightbox, setOpenLightbox] = useState(false);\n    const [taskStatus, setTaskStatus] = useState<string | undefined>(status);\n    const [isEditing, setIsEditing] = useState(false);\n    const [localMessage, setLocalMessage] = useState(message ?? '');\n    const [editedMessage, setEditedMessage] = useState(message ?? '');\n    const [hasPendingOptimisticUpdate, setHasPendingOptimisticUpdate] = useState(false);\n    const [selectedFiles, setSelectedFiles] = useState<File[]>([]);\n    const [removedAttachmentIds, setRemovedAttachmentIds] = useState<number[]>([]);\n    const [optimisticRemovedAttachmentIds, setOptimisticRemovedAttachmentIds] = useState<number[]>([]);\n    const [hasPendingOptimisticAttachmentUpdate, setHasPendingOptimisticAttachmentUpdate] = useState(false);\n    const fileInputRef = useRef<HTMLInputElement>(null);\n    const editTextareaRef = useRef<HTMLTextAreaElement | null>(null);\n    const [patchChatterMessage, { isLoading: isUpdatingTaskStatus }] = usePatchChatterMessageMutation();\n    const [updateChatterNoteMessage, { isLoading: isUpdatingNote }] = useUpdateChatterNoteMessageMutation();\n    const { data: session } = useSession();\n    const {\n        mentions: editMentions,\n        mentionRange,\n        mentionSuggestions,\n        activeMentionIndex,\n        isFetchingMentionUsers,\n        handleMentionTextChange,\n        handleMentionKeyDown,\n        handleMentionKeyUp,\n        handleMentionClick,\n        handleSelectMention,\n        resetMentions,\n    } = useChatterMentions({\n        value: editedMessage,\n        onChange: setEditedMessage,\n        textareaRef: editTextareaRef,\n    });\n\n    const avatarStyle = useMemo(() => {\n        const bg = stringToColor(user)\n        const color = getTextColor(bg)\n        return { backgroundColor: bg, color }\n    }, [user])\n\n    const initials = useMemo(() => {\n        if (!user) return \"\";\n        return user\n            .split(\" \")\n            .map(part => part.charAt(0))\n            .filter(Boolean)\n            .slice(0, 2)\n            .join(\"\")\n            .toUpperCase();\n    }, [user]);\n\n    const handleImageClick = (url: string) => {\n        const imageAttachments = media?.messageAttachments?.filter(att => att.mimeType?.startsWith('image/')) || [];\n        if (imageAttachments.length === 0) return;\n\n        const startIndex = imageAttachments.findIndex(att => att._full_url === url);\n        const ordered = startIndex >= 0\n            ? [...imageAttachments.slice(startIndex), ...imageAttachments.slice(0, startIndex)]\n            : imageAttachments;\n\n        const slides: SolidLightboxSlide[] = ordered.map(att => ({\n            src: att._full_url\n        }));\n\n        setLightboxSlides(slides);\n        setOpenLightbox(true);\n    };\n\n    const renderMessageContent = () => {\n        switch (messageType) {\n            case 'audit':\n                return <SolidChatterAuditMessage auditRecord={auditRecord} />;\n            case 'custom':\n            default:\n                return <SolidChatterCustomMessage message={message} />;\n        }\n    };\n\n    const messageLabel = messageType === 'audit'\n        ? (messageSubType === \"audit_update\"\n            ? \"Updated\"\n            : messageSubType === \"audit_insert\"\n                ? \"Inserted\"\n                : \"Audit record\")\n        : isChatterMessageWidget(messageType, messageSubType) ? \"Custom message\" : \"Internal note\";\n\n    const TypeIcon = messageType === 'audit' ? GitBranch : MessageSquare;\n\n    const isTaskMessage = messageSubType === 'task';\n    const isTaskCompleted = (taskStatus ?? '').toLowerCase() === 'completed';\n    const isCustomMessage = messageType === 'custom';\n    const isEditableSubtype = messageSubType === 'note';\n    const isCurrentUserAuthor = !!(session?.user?.id && userId && Number(session.user.id) === Number(userId));\n    const canEditNote = Boolean(messageId && isCustomMessage && isEditableSubtype && isCurrentUserAuthor);\n\n    useEffect(() => {\n        const incomingMessage = message ?? '';\n\n        // Keep optimistic message visible until server data catches up.\n        if (hasPendingOptimisticUpdate && incomingMessage !== localMessage) {\n            return;\n        }\n\n        if (hasPendingOptimisticUpdate && incomingMessage === localMessage) {\n            setHasPendingOptimisticUpdate(false);\n        }\n\n        setLocalMessage(incomingMessage);\n        if (!isEditing) {\n            setEditedMessage(incomingMessage);\n        }\n    }, [message, isEditing, hasPendingOptimisticUpdate, localMessage]);\n\n    useEffect(() => {\n        if (!isEditing) {\n            setSelectedFiles([]);\n            if (!hasPendingOptimisticAttachmentUpdate) {\n                setRemovedAttachmentIds([]);\n            }\n        }\n    }, [isEditing, hasPendingOptimisticAttachmentUpdate]);\n\n    useEffect(() => {\n        if (!hasPendingOptimisticAttachmentUpdate) return;\n        const latestAttachmentIds = (media?.messageAttachments || []).map((attachment) => attachment.id);\n        const stillPresent = optimisticRemovedAttachmentIds.some((id) => latestAttachmentIds.includes(id));\n        if (!stillPresent) {\n            setHasPendingOptimisticAttachmentUpdate(false);\n            setOptimisticRemovedAttachmentIds([]);\n            setRemovedAttachmentIds([]);\n        }\n    }, [media?.messageAttachments, hasPendingOptimisticAttachmentUpdate, optimisticRemovedAttachmentIds]);\n\n    const handleFileSelect = (event: React.ChangeEvent<HTMLInputElement>) => {\n        if (event.target.files) {\n            const files = Array.from(event.target.files);\n            setSelectedFiles(prev => [...prev, ...files]);\n            event.target.value = '';\n        }\n    };\n\n    const handleMarkTaskDone = async () => {\n        if (!messageId || isUpdatingTaskStatus) return;\n        try {\n            await patchChatterMessage({ id: messageId, data: { status: 'completed' } }).unwrap();\n            setTaskStatus('completed');\n            onRefresh?.();\n        } catch (e) {\n            // no-op (parent/global error handling if any)\n        }\n    };\n\n    const handleEditSave = async () => {\n        if (!messageId || isUpdatingNote) return;\n        const trimmedMessage = editedMessage?.trim();\n        const hasBodyChange = trimmedMessage && trimmedMessage !== (message ?? '').trim();\n        const hasAttachmentOps = removedAttachmentIds.length > 0 || selectedFiles.length > 0;\n        if (!hasBodyChange && !hasAttachmentOps) return;\n        if (!trimmedMessage) return;\n        const nextMessage = trimmedMessage;\n        // Optimistic local update to remove UI lag before refetch resolves.\n        setLocalMessage(nextMessage);\n        setHasPendingOptimisticUpdate(true);\n        if (removedAttachmentIds.length > 0) {\n            setOptimisticRemovedAttachmentIds((prev) => Array.from(new Set([...prev, ...removedAttachmentIds])));\n            setHasPendingOptimisticAttachmentUpdate(true);\n        }\n        setIsEditing(false);\n        try {\n            const messageBody = buildMessageBodyWithMentionTokens(nextMessage, editMentions);\n            const formData = new FormData();\n            formData.append('messageBody', messageBody.body);\n            formData.append('messageBodyMentions', JSON.stringify(messageBody.mentions));\n            if (removedAttachmentIds.length > 0) {\n                formData.append('removeAttachmentIds', removedAttachmentIds.join(','));\n            }\n            selectedFiles.forEach((file) => formData.append('messageAttachments', file));\n\n            await updateChatterNoteMessage({ id: messageId, data: formData }).unwrap();\n            onRefresh?.();\n        } catch (e) {\n            // Revert optimistic update on failure.\n            setLocalMessage(message ?? '');\n            setHasPendingOptimisticUpdate(false);\n            setHasPendingOptimisticAttachmentUpdate(false);\n            setOptimisticRemovedAttachmentIds([]);\n            setIsEditing(true);\n        }\n    };\n\n    const handleEditKeyDown = (event: React.KeyboardEvent<HTMLTextAreaElement>) => {\n        handleMentionKeyDown(event);\n        if (event.defaultPrevented) return;\n\n        if ((event.ctrlKey || event.metaKey) && event.key === 'Enter') {\n            event.preventDefault();\n            handleEditSave();\n        }\n    };\n\n    const handleCancelEdit = () => {\n        setEditedMessage(localMessage ?? '');\n        setSelectedFiles([]);\n        setRemovedAttachmentIds([]);\n        resetMentions(parseMessageBodyMentions(messageBodyMentions));\n        setIsEditing(false);\n    };\n\n    const formatFileSize = (size: number) => {\n        if (!size) return '';\n        return size >= 1024 * 1024\n            ? `${(size / (1024 * 1024)).toFixed(1)} MB`\n            : `${(size / 1024).toFixed(1)} KB`;\n    };\n\n    const hiddenAttachmentIds = new Set([\n        ...removedAttachmentIds,\n        ...optimisticRemovedAttachmentIds,\n    ]);\n    const visibleAttachments = (media?.messageAttachments || []).filter(\n        (attachment) => !hiddenAttachmentIds.has(attachment.id)\n    );\n\n    const toggleRemoveAttachment = (attachmentId: number) => {\n        setRemovedAttachmentIds(prev =>\n            prev.includes(attachmentId)\n                ? prev.filter(id => id !== attachmentId)\n                : [...prev, attachmentId]\n        );\n    };\n\n    return (\n        <div className={styles.solidChatterMessageBox}>\n            <div className={styles.solidChatterMessageCard}>\n                <div className={styles.solidChatterMessageLayout}>\n                    <div className={styles.solidChatterAvatar} style={avatarStyle}>\n                        {initials || user.charAt(0).toUpperCase()}\n                    </div>\n                    <div className={styles.solidChatterMessageContent}>\n                        <div className={styles.solidChatterMessageHeader}>\n                            <div className='flex items-center gap-2 flex-wrap'>\n                                <p className={styles.solidChatterUser}>{user}</p>\n                                <SolidTooltip>\n                                    <SolidTooltipTrigger asChild>\n                                        <span\n                                            className={`${styles.solidChatterBadge} ${messageType === 'audit' ? styles.audit : styles.custom}`}\n                                            aria-label={messageLabel}\n                                        >\n                                            <TypeIcon size={12} />\n                                        </span>\n                                    </SolidTooltipTrigger>\n                                    <SolidTooltipContent side=\"right\">\n                                        {messageLabel}\n                                    </SolidTooltipContent>\n                                </SolidTooltip>\n                            </div>\n                            <div className='flex items-center gap-2'>\n                                {canEditNote && !isEditing && (\n                                    <SolidButton\n                                        type=\"button\"\n                                        size=\"sm\"\n                                        variant=\"ghost\"\n                                        className=\"solid-icon-button\"\n                                        leftIcon={<Pencil size={12} />}\n                                        onClick={() => {\n                                            resetMentions(parseMessageBodyMentions(messageBodyMentions));\n                                            setIsEditing(true);\n                                        }}\n                                        aria-label=\"Edit note\"\n                                        title=\"Edit note\"\n                                    />\n                                )}\n                                <span className={styles.solidChatterTime}>{time}</span>\n                            </div>\n                        </div>\n                        {modelDisplayName && (\n                            <p className={`${styles.solidChatterMeta} m-0`}>\n                                {modelDisplayName}\n                                {modelUserKey && <> · <span className='font-medium'>{modelUserKey}</span></>}\n                            </p>\n                        )}\n                        {(localMessage || (chatterMessage && isChatterMessageWidget(messageType, messageSubType))) && !isEditing && (\n                            <div className={styles.solidMessageWrapper}>\n                                {messageType === 'audit'\n                                    ? <SolidChatterAuditMessage auditRecord={auditRecord} />\n                                    : chatterMessage && isChatterMessageWidget(messageType, messageSubType)\n                                        ? <SolidChatterMessageWidget chatterMessage={chatterMessage} />\n                                    : <SolidChatterCustomMessage message={localMessage} />}\n                            </div>\n                        )}\n                        {isEditing && (\n                            <div className='flex flex-col gap-2'>\n                                <SolidTextarea\n                                    ref={editTextareaRef}\n                                    value={editedMessage}\n                                    onChange={handleMentionTextChange}\n                                    onKeyDown={handleEditKeyDown}\n                                    onKeyUp={handleMentionKeyUp}\n                                    onClick={handleMentionClick}\n                                    rows={4}\n                                    className=\"w-full py-2\"\n                                />\n                                <p className={styles.chatterComposerHelp}>\n                                    Type @ to mention a user. Press Ctrl+Enter to save.\n                                </p>\n                                {mentionRange && (\n                                    <SolidChatterMentionMenu\n                                        isLoading={isFetchingMentionUsers}\n                                        users={mentionSuggestions}\n                                        activeIndex={activeMentionIndex}\n                                        onSelect={handleSelectMention}\n                                    />\n                                )}\n                                <div className='flex flex-col gap-2'>\n                                    <input\n                                        ref={fileInputRef}\n                                        id={`note-edit-file-${messageId}`}\n                                        type=\"file\"\n                                        multiple\n                                        onChange={handleFileSelect}\n                                        style={{ display: 'none' }}\n                                    />\n                                    {selectedFiles.length > 0 && (\n                                        <div className='flex flex-col gap-1'>\n                                            {selectedFiles.map((file, index) => (\n                                                <div key={`${file.name}-${index}`} className='flex items-center justify-between text-xs'>\n                                                    <span>{file.name} ({formatFileSize(file.size)})</span>\n                                                    <SolidButton\n                                                        type=\"button\"\n                                                        size=\"sm\"\n                                                        variant=\"ghost\"\n                                                        className='solid-icon-button'\n                                                        leftIcon={<X size={12} />}\n                                                        onClick={() => setSelectedFiles(prev => prev.filter((_, i) => i !== index))}\n                                                        aria-label={`Remove ${file.name}`}\n                                                    />\n                                                </div>\n                                            ))}\n                                        </div>\n                                    )}\n                                </div>\n                                <div className='flex items-center justify-between gap-2 flex-wrap'>\n                                    <div className='flex items-center gap-2'>\n                                        <SolidButton\n                                            type=\"button\"\n                                            size=\"sm\"\n                                            variant=\"ghost\"\n                                            className=\"solid-icon-button\"\n                                            leftIcon={<Paperclip size={14} />}\n                                            onClick={() => fileInputRef.current?.click()}\n                                            aria-label=\"Attach files\"\n                                            title=\"Attach files\"\n                                        />\n                                        <span className='text-xs text-color-secondary'>Attach file</span>\n                                    </div>\n                                    <div className='flex items-center justify-end gap-2'>\n                                    <SolidButton\n                                        type=\"button\"\n                                        size=\"sm\"\n                                        variant=\"outline\"\n                                        leftIcon={<X size={12} />}\n                                        onClick={handleCancelEdit}\n                                    >\n                                        Cancel\n                                    </SolidButton>\n                                    <SolidButton\n                                        type=\"button\"\n                                        size=\"sm\"\n                                        variant=\"primary\"\n                                        loading={isUpdatingNote}\n                                        leftIcon={<Check size={12} />}\n                                        onClick={handleEditSave}\n                                        disabled={!editedMessage?.trim() || (removedAttachmentIds.length === 0 && selectedFiles.length === 0 && editedMessage.trim() === (message ?? '').trim())}\n                                    >\n                                        Save\n                                    </SolidButton>\n                                    </div>\n                                </div>\n                            </div>\n                        )}\n                        {visibleAttachments.length > 0 && (\n                            <div className={styles.solidChatterAttachments}>\n                                {visibleAttachments.map((attachment) => {\n                                    const isImage = attachment.mimeType.startsWith('image/');\n                                    return (\n                                        <div key={attachment.id} className={styles.solidChatterAttachment} style={{ position: 'relative' }}>\n                                            {isEditing && canEditNote && (\n                                                <SolidButton\n                                                    type=\"button\"\n                                                    size=\"sm\"\n                                                    variant=\"ghost\"\n                                                    className=\"solid-icon-button\"\n                                                    leftIcon={<Trash2 size={12} color=\"#dc2626\" />}\n                                                    onClick={() => toggleRemoveAttachment(attachment.id)}\n                                                    aria-label={`Remove ${attachment.originalFileName}`}\n                                                    title={`Remove ${attachment.originalFileName}`}\n                                                    style={{\n                                                        position: 'absolute',\n                                                        top: -8,\n                                                        right: -8,\n                                                        zIndex: 2,\n                                                        background: '#fff',\n                                                        border: '1px solid #fecaca',\n                                                        borderRadius: '999px',\n                                                    }}\n                                                />\n                                            )}\n                                            {isImage ? (\n                                                <div\n                                                    className='cursor-pointer'\n                                                    onClick={() => handleImageClick(attachment._full_url)}\n                                                >\n                                                    <Image\n                                                        src={encodeURI(attachment._full_url)}\n                                                        alt={attachment.originalFileName}\n                                                        width={54}\n                                                        height={54}\n                                                        style={{ objectFit: 'cover' }}\n                                                    />\n                                                </div>\n                                            ) : (\n                                                <a\n                                                    href={encodeURI(attachment._full_url)}\n                                                    target=\"_blank\"\n                                                    rel=\"noopener noreferrer\"\n                                                className='flex items-center gap-2 text-decoration-none text-sm'\n                                            >\n                                                <SolidIcon name={getFileIcon(attachment.mimeType)} aria-hidden />\n                                                <span>{attachment.originalFileName}</span>\n                                            </a>\n                                            )}\n                                        </div>\n                                    );\n                                })}\n                            </div>\n                        )}\n                        {isTaskMessage && (\n                            <div className='flex items-center justify-end'>\n                                {isTaskCompleted ? (\n                                    <SolidTag tone=\"success\" className=\"inline-flex items-center gap-1 text-xs px-2 py-1\">\n                                        <Check size={12} aria-hidden />\n                                        <span className=\"font-medium\">Done</span>\n                                    </SolidTag>\n                                ) : (\n                                    <SolidButton\n                                        type=\"button\"\n                                        size=\"sm\"\n                                        variant=\"outline\"\n                                        className=\"text-xs px-2 py-1\"\n                                        leftIcon={<Check size={12} />}\n                                        loading={isUpdatingTaskStatus}\n                                        onClick={handleMarkTaskDone}\n                                    >\n                                        <span className=\"font-semibold\">Mark as done</span>\n                                    </SolidButton>\n                                )}\n                            </div>\n                        )}\n                    </div>\n                </div>\n            </div>\n            {openLightbox && (\n                <SolidLightbox\n                    open={openLightbox}\n                    slides={lightboxSlides}\n                    onClose={() => setOpenLightbox(false)}\n                />\n            )}\n        </div>\n    )\n}\n"]}

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

@@ -4,6 +4,7 @@ import Image from "../../common/Image"
 import { useEffect, useMemo, useRef, useState } from 'react'
 import styles from './chatter.module.css'
 import { SolidChatterCustomMessage } from './SolidChatterCustomMessage'
+import { isChatterMessageWidget, SolidChatterMessageWidget } from './SolidChatterMessageWidget'
 import { SolidChatterAuditMessage } from './SolidChatterAuditMessage'
 import { Check, GitBranch, MessageSquare, Paperclip, Pencil, Trash2, X } from 'lucide-react'
 import { SolidButton, SolidLightbox, SolidTag, SolidTooltip, SolidTooltipContent, SolidTooltipTrigger, SolidIcon, SolidTextarea, type SolidIconName } from '../../shad-cn-ui'
@@ -13,6 +14,7 @@ import { useSession } from '../../../hooks/useSession'
 import { buildMessageBodyWithMentionTokens, parseMessageBodyMentions } from './chatterMentions'
 import { useChatterMentions } from './useChatterMentions'
 import { SolidChatterMentionMenu } from './SolidChatterMentionMenu'
+import type { SolidChatterMessageWidgetProps } from '../../../types/solid-core'
 
 interface Props {
     messageId?: number | string,
@@ -24,6 +26,7 @@ interface Props {
     time?: string,
     auditRecord?: any,
     messageSubType?: string,
+    chatterMessage?: SolidChatterMessageWidgetProps['chatterMessage'],
     status?: string,
     modelDisplayName?: string,
     modelUserKey?: string,
@@ -60,7 +63,7 @@ const getFileIcon = (mimeType: string): SolidIconName => {
 };
 
 export const SolidChatterMessageBox = (props: Props) => {
-    const { messageId, user, userId, messageType, message, messageBodyMentions, time, auditRecord, media, messageSubType, status, modelDisplayName, modelUserKey, onRefresh } = props;
+    const { messageId, user, userId, messageType, message, messageBodyMentions, time, auditRecord, media, messageSubType, chatterMessage, status, modelDisplayName, modelUserKey, onRefresh } = props;
     const [lightboxSlides, setLightboxSlides] = useState<SolidLightboxSlide[]>([]);
     const [openLightbox, setOpenLightbox] = useState(false);
     const [taskStatus, setTaskStatus] = useState<string | undefined>(status);
@@ -145,7 +148,7 @@ export const SolidChatterMessageBox = (props: Props) => {
             : messageSubType === "audit_insert"
                 ? "Inserted"
                 : "Audit record")
-        : "Internal note";
+        : isChatterMessageWidget(messageType, messageSubType) ? "Custom message" : "Internal note";
 
     const TypeIcon = messageType === 'audit' ? GitBranch : MessageSquare;
 
@@ -342,10 +345,12 @@ export const SolidChatterMessageBox = (props: Props) => {
                                 {modelUserKey && <> · <span className='font-medium'>{modelUserKey}</span></>}
                             </p>
                         )}
-                        {localMessage && !isEditing && (
+                        {(localMessage || (chatterMessage && isChatterMessageWidget(messageType, messageSubType))) && !isEditing && (
                             <div className={styles.solidMessageWrapper}>
                                 {messageType === 'audit'
                                     ? <SolidChatterAuditMessage auditRecord={auditRecord} />
+                                    : chatterMessage && isChatterMessageWidget(messageType, messageSubType)
+                                        ? <SolidChatterMessageWidget chatterMessage={chatterMessage} />
                                     : <SolidChatterCustomMessage message={localMessage} />}
                             </div>
                         )}

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

@@ -0,0 +1,5 @@
+import type { SolidChatterMessageWidgetProps } from '../../../types/solid-core';
+/** Widget selection applies only to custom messages outside the built-in subtypes. */
+export declare const isChatterMessageWidget: (messageType?: string, messageSubType?: string) => boolean;
+export declare const SolidChatterMessageWidget: ({ chatterMessage }: SolidChatterMessageWidgetProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidChatterMessageWidget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidChatterMessageWidget.d.ts","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterMessageWidget.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,2BAA2B,CAAC;AAsChF,sFAAsF;AACtF,eAAO,MAAM,sBAAsB,iBAAkB,MAAM,mBAAmB,MAAM,YAG5B,CAAC;AAEzD,eAAO,MAAM,yBAAyB,uBAAwB,8BAA8B,4CAW3F,CAAC"}

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

@@ -0,0 +1,85 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { getExtensionComponent } from '../../../helpers/registry';
+import { ExtensionComponentTypes } from '../../../types/extension-registry';
+var ChatterWidgetPlaceholder = function (_a) {
+    var messageBody = _a.messageBody;
+    var displayBody = messageBody !== null && messageBody !== void 0 ? messageBody : '';
+    try {
+        displayBody = JSON.stringify(JSON.parse(displayBody), null, 2);
+    }
+    catch (_b) {
+        // Non-JSON bodies remain readable as plain text.
+    }
+    return (_jsx("pre", { className: "m-0 max-h-48 overflow-auto whitespace-pre-wrap break-words rounded p-2 text-xs", children: displayBody }));
+};
+var ChatterWidgetErrorBoundary = /** @class */ (function (_super) {
+    __extends(ChatterWidgetErrorBoundary, _super);
+    function ChatterWidgetErrorBoundary() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        Object.defineProperty(_this, "state", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: { failed: false }
+        });
+        return _this;
+    }
+    Object.defineProperty(ChatterWidgetErrorBoundary, "getDerivedStateFromError", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            return { failed: true };
+        }
+    });
+    Object.defineProperty(ChatterWidgetErrorBoundary.prototype, "componentDidCatch", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (error) {
+            console.error("Chatter widget \"".concat(this.props.widgetName, "\" failed to render"), error);
+        }
+    });
+    Object.defineProperty(ChatterWidgetErrorBoundary.prototype, "render", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            return this.state.failed
+                ? _jsx(ChatterWidgetPlaceholder, { messageBody: this.props.messageBody })
+                : this.props.children;
+        }
+    });
+    return ChatterWidgetErrorBoundary;
+}(React.Component));
+/** Widget selection applies only to custom messages outside the built-in subtypes. */
+export var isChatterMessageWidget = function (messageType, messageSubType) {
+    return messageType === 'custom' &&
+        !!messageSubType &&
+        !['custom', 'note', 'task'].includes(messageSubType);
+};
+export var SolidChatterMessageWidget = function (_a) {
+    var chatterMessage = _a.chatterMessage;
+    var widgetName = chatterMessage.messageSubType;
+    var Widget = getExtensionComponent(widgetName, ExtensionComponentTypes.chatterMessageWidget);
+    if (!Widget)
+        return _jsx(ChatterWidgetPlaceholder, { messageBody: chatterMessage.messageBody });
+    return (_jsx(ChatterWidgetErrorBoundary, { widgetName: widgetName, messageBody: chatterMessage.messageBody, children: _jsx(Widget, { chatterMessage: chatterMessage }) }, widgetName));
+};
+//# sourceMappingURL=SolidChatterMessageWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidChatterMessageWidget.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterMessageWidget.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAG5E,IAAM,wBAAwB,GAAG,UAAC,EAA+C;QAA7C,WAAW,iBAAA;IAC3C,IAAI,WAAW,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,CAAC;IACpC,IAAI;QACA,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;KAClE;IAAC,WAAM;QACJ,iDAAiD;KACpD;IAED,OAAO,CACH,cAAK,SAAS,EAAC,gFAAgF,YAC1F,WAAW,GACV,CACT,CAAC;AACN,CAAC,CAAC;AAEF;IAAyC,8CAGxC;IAHD;QAAA,qEAmBC;QAfG;;;;mBAAQ,EAAE,MAAM,EAAE,KAAK,EAAE;WAAC;;IAe9B,CAAC;;;;;eAbG;YACI,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;QAC5B,CAAC;;;;;;eAED,UAAkB,KAAY;YAC1B,OAAO,CAAC,KAAK,CAAC,2BAAmB,IAAI,CAAC,KAAK,CAAC,UAAU,wBAAoB,EAAE,KAAK,CAAC,CAAC;QACvF,CAAC;;;;;;eAED;YACI,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM;gBACpB,CAAC,CAAC,KAAC,wBAAwB,IAAC,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,GAAI;gBACnE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QAC9B,CAAC;;IACL,iCAAC;AAAD,CAAC,AAnBD,CAAyC,KAAK,CAAC,SAAS,GAmBvD;AAED,sFAAsF;AACtF,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAC,WAAoB,EAAE,cAAuB;IAChF,OAAA,WAAW,KAAK,QAAQ;QACxB,CAAC,CAAC,cAAc;QAChB,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC;AAFpD,CAEoD,CAAC;AAEzD,MAAM,CAAC,IAAM,yBAAyB,GAAG,UAAC,EAAkD;QAAhD,cAAc,oBAAA;IACtD,IAAM,UAAU,GAAG,cAAc,CAAC,cAAc,CAAC;IACjD,IAAM,MAAM,GAAG,qBAAqB,CAAC,UAAU,EAAE,uBAAuB,CAAC,oBAAoB,CAAC,CAAC;IAE/F,IAAI,CAAC,MAAM;QAAE,OAAO,KAAC,wBAAwB,IAAC,WAAW,EAAE,cAAc,CAAC,WAAW,GAAI,CAAC;IAE1F,OAAO,CACH,KAAC,0BAA0B,IAAkB,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,cAAc,CAAC,WAAW,YACxG,KAAC,MAAM,IAAC,cAAc,EAAE,cAAc,GAAI,IADb,UAAU,CAEd,CAChC,CAAC;AACN,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { getExtensionComponent } from '../../../helpers/registry';\nimport { ExtensionComponentTypes } from '../../../types/extension-registry';\nimport type { SolidChatterMessageWidgetProps } from '../../../types/solid-core';\n\nconst ChatterWidgetPlaceholder = ({ messageBody }: { messageBody: string | null }) => {\n    let displayBody = messageBody ?? '';\n    try {\n        displayBody = JSON.stringify(JSON.parse(displayBody), null, 2);\n    } catch {\n        // Non-JSON bodies remain readable as plain text.\n    }\n\n    return (\n        <pre className=\"m-0 max-h-48 overflow-auto whitespace-pre-wrap break-words rounded p-2 text-xs\">\n            {displayBody}\n        </pre>\n    );\n};\n\nclass ChatterWidgetErrorBoundary extends React.Component<\n    { widgetName: string; messageBody: string | null; children: React.ReactNode },\n    { failed: boolean }\n> {\n    state = { failed: false };\n\n    static getDerivedStateFromError() {\n        return { failed: true };\n    }\n\n    componentDidCatch(error: Error) {\n        console.error(`Chatter widget \"${this.props.widgetName}\" failed to render`, error);\n    }\n\n    render() {\n        return this.state.failed\n            ? <ChatterWidgetPlaceholder messageBody={this.props.messageBody} />\n            : this.props.children;\n    }\n}\n\n/** Widget selection applies only to custom messages outside the built-in subtypes. */\nexport const isChatterMessageWidget = (messageType?: string, messageSubType?: string) =>\n    messageType === 'custom' &&\n    !!messageSubType &&\n    !['custom', 'note', 'task'].includes(messageSubType);\n\nexport const SolidChatterMessageWidget = ({ chatterMessage }: SolidChatterMessageWidgetProps) => {\n    const widgetName = chatterMessage.messageSubType;\n    const Widget = getExtensionComponent(widgetName, ExtensionComponentTypes.chatterMessageWidget);\n\n    if (!Widget) return <ChatterWidgetPlaceholder messageBody={chatterMessage.messageBody} />;\n\n    return (\n        <ChatterWidgetErrorBoundary key={widgetName} widgetName={widgetName} messageBody={chatterMessage.messageBody}>\n            <Widget chatterMessage={chatterMessage} />\n        </ChatterWidgetErrorBoundary>\n    );\n};\n"]}