npm - @solidxai/core-ui - Versions diffs - 0.1.9-beta.20 → 0.1.9-beta.21 - Mend

@solidxai/core-ui 0.1.9-beta.20 → 0.1.9-beta.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (470) hide show

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

	@@ -1 +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'\n\ninterface Props {\n messageId?: number \| string,\n user: string,\n userId?: number,\n messageType?: string,\n message?: any,\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, 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 [patchChatterMessage, { isLoading: isUpdatingTaskStatus }] = usePatchChatterMessageMutation();\n const [updateChatterNoteMessage, { isLoading: isUpdatingNote }] = useUpdateChatterNoteMessageMutation();\n const { data: session } = useSession();\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 formData = new FormData();\n formData.append('messageBody', nextMessage);\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 handleCancelEdit = () => {\n setEditedMessage(localMessage ?? '');\n setSelectedFiles([]);\n setRemovedAttachmentIds([]);\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 align-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 align-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={() => setIsEditing(true)}\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-column gap-2'>\n <SolidTextarea\n value={editedMessage}\n onChange={(e) => setEditedMessage(e.target.value)}\n rows={4}\n className=\"w-full py-2\"\n />\n <div className='flex flex-column 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-column gap-1'>\n {selectedFiles.map((file, index) => (\n <div key={`${file.name}-${index}`} className='flex align-items-center justify-content-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 align-items-center justify-content-between gap-2 flex-wrap'>\n <div className='flex align-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 align-items-center justify-content-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 align-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 align-items-center justify-content-end'>\n {isTaskCompleted ? (\n <SolidTag tone=\"success\" className=\"inline-flex align-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"]}
1	+ {"version":3,"file":"SolidChatterMessageBox.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterMessageBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAC9E,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC5D,OAAO,MAAM,MAAM,sBAAsB,CAAA;AACzC,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AACvE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,cAAc,CAAA;AAC5F,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,SAAS,EAAE,aAAa,EAAsB,MAAM,kBAAkB,CAAA;AAE7K,OAAO,EAAE,8BAA8B,EAAE,mCAAmC,EAAE,MAAM,2CAA2C,CAAA;AAC/H,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AA0BtD,IAAM,WAAW,GAAG,UAAC,QAAgB;IACjC,IAAI,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;QAC/B,OAAO,UAAU,CAAC;KACrB;IACD,QAAQ,QAAQ,EAAE;QACd,KAAK,iBAAiB;YAClB,OAAO,aAAa,CAAC;QACzB,KAAK,0BAA0B,CAAC;QAChC,KAAK,mEAAmE;YACpE,OAAO,eAAe,CAAC;QAC3B,KAAK,oBAAoB,CAAC;QAC1B,KAAK,yEAAyE;YAC1E,OAAO,cAAc,CAAC;QAC1B,KAAK,YAAY;YACb,OAAO,SAAS,CAAC;QACrB;YACI,OAAO,SAAS,CAAC;KACxB;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAC,KAAY;;IACvC,IAAA,SAAS,GAAsI,KAAK,UAA3I,EAAE,IAAI,GAAgI,KAAK,KAArI,EAAE,MAAM,GAAwH,KAAK,OAA7H,EAAE,WAAW,GAA2G,KAAK,YAAhH,EAAE,OAAO,GAAkG,KAAK,QAAvG,EAAE,IAAI,GAA4F,KAAK,KAAjG,EAAE,WAAW,GAA+E,KAAK,YAApF,EAAE,KAAK,GAAwE,KAAK,MAA7E,EAAE,cAAc,GAAwD,KAAK,eAA7D,EAAE,MAAM,GAAgD,KAAK,OAArD,EAAE,gBAAgB,GAA8B,KAAK,iBAAnC,EAAE,YAAY,GAAgB,KAAK,aAArB,EAAE,SAAS,GAAK,KAAK,UAAV,CAAW;IACvJ,IAAA,KAAsC,QAAQ,CAAuB,EAAE,CAAC,EAAvE,cAAc,QAAA,EAAE,iBAAiB,QAAsC,CAAC;IACzE,IAAA,KAAkC,QAAQ,CAAC,KAAK,CAAC,EAAhD,YAAY,QAAA,EAAE,eAAe,QAAmB,CAAC;IAClD,IAAA,KAA8B,QAAQ,CAAqB,MAAM,CAAC,EAAjE,UAAU,QAAA,EAAE,aAAa,QAAwC,CAAC;IACnE,IAAA,KAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;IAC5C,IAAA,KAAkC,QAAQ,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,EAAE,CAAC,EAAxD,YAAY,QAAA,EAAE,eAAe,QAA2B,CAAC;IAC1D,IAAA,KAAoC,QAAQ,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,EAAE,CAAC,EAA1D,aAAa,QAAA,EAAE,gBAAgB,QAA2B,CAAC;IAC5D,IAAA,KAA8D,QAAQ,CAAC,KAAK,CAAC,EAA5E,0BAA0B,QAAA,EAAE,6BAA6B,QAAmB,CAAC;IAC9E,IAAA,KAAoC,QAAQ,CAAS,EAAE,CAAC,EAAvD,aAAa,QAAA,EAAE,gBAAgB,QAAwB,CAAC;IACzD,IAAA,KAAkD,QAAQ,CAAW,EAAE,CAAC,EAAvE,oBAAoB,QAAA,EAAE,uBAAuB,QAA0B,CAAC;IACzE,IAAA,KAAsE,QAAQ,CAAW,EAAE,CAAC,EAA3F,8BAA8B,QAAA,EAAE,iCAAiC,QAA0B,CAAC;IAC7F,IAAA,KAAkF,QAAQ,CAAC,KAAK,CAAC,EAAhG,oCAAoC,QAAA,EAAE,uCAAuC,QAAmB,CAAC;IACxG,IAAM,YAAY,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAC9C,IAAA,KAA6D,8BAA8B,EAAE,EAA5F,mBAAmB,QAAA,EAAe,oBAAoB,kBAAsC,CAAC;IAC9F,IAAA,KAA4D,mCAAmC,EAAE,EAAhG,wBAAwB,QAAA,EAAe,cAAc,kBAA2C,CAAC;IAChG,IAAM,OAAO,GAAK,UAAU,EAAE,KAAjB,CAAkB;IAEvC,IAAM,WAAW,GAAG,OAAO,CAAC;QACxB,IAAM,EAAE,GAAG,aAAa,CAAC,IAAI,CAAC,CAAA;QAC9B,IAAM,KAAK,GAAG,YAAY,CAAC,EAAE,CAAC,CAAA;QAC9B,OAAO,EAAE,eAAe,EAAE,EAAE,EAAE,KAAK,OAAA,EAAE,CAAA;IACzC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,IAAM,QAAQ,GAAG,OAAO,CAAC;QACrB,IAAI,CAAC,IAAI;YAAE,OAAO,EAAE,CAAC;QACrB,OAAO,IAAI;aACN,KAAK,CAAC,GAAG,CAAC;aACV,GAAG,CAAC,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAd,CAAc,CAAC;aAC3B,MAAM,CAAC,OAAO,CAAC;aACf,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;aACX,IAAI,CAAC,EAAE,CAAC;aACR,WAAW,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,IAAM,gBAAgB,GAAG,UAAC,GAAW;;QACjC,IAAM,gBAAgB,GAAG,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,kBAAkB,0CAAE,MAAM,CAAC,UAAA,GAAG,YAAI,OAAA,MAAA,GAAG,CAAC,QAAQ,0CAAE,UAAU,CAAC,QAAQ,CAAC,CAAA,EAAA,CAAC,KAAI,EAAE,CAAC;QAC5G,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAE1C,IAAM,UAAU,GAAG,gBAAgB,CAAC,SAAS,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,SAAS,KAAK,GAAG,EAArB,CAAqB,CAAC,CAAC;QAC5E,IAAM,OAAO,GAAG,UAAU,IAAI,CAAC;YAC3B,CAAC,iCAAK,gBAAgB,CAAC,KAAK,CAAC,UAAU,CAAC,SAAK,gBAAgB,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC,QAClF,CAAC,CAAC,gBAAgB,CAAC;QAEvB,IAAM,MAAM,GAAyB,OAAO,CAAC,GAAG,CAAC,UAAA,GAAG,IAAI,OAAA,CAAC;YACrD,GAAG,EAAE,GAAG,CAAC,SAAS;SACrB,CAAC,EAFsD,CAEtD,CAAC,CAAC;QAEJ,iBAAiB,CAAC,MAAM,CAAC,CAAC;QAC1B,eAAe,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,IAAM,oBAAoB,GAAG;QACzB,QAAQ,WAAW,EAAE;YACjB,KAAK,OAAO;gBACR,OAAO,KAAC,wBAAwB,IAAC,WAAW,EAAE,WAAW,GAAI,CAAC;YAClE,KAAK,QAAQ,CAAC;YACd;gBACI,OAAO,KAAC,yBAAyB,IAAC,OAAO,EAAE,OAAO,GAAI,CAAC;SAC9D;IACL,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,WAAW,KAAK,OAAO;QACxC,CAAC,CAAC,CAAC,cAAc,KAAK,cAAc;YAChC,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,cAAc,KAAK,cAAc;gBAC/B,CAAC,CAAC,UAAU;gBACZ,CAAC,CAAC,cAAc,CAAC;QACzB,CAAC,CAAC,eAAe,CAAC;IAEtB,IAAM,QAAQ,GAAG,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC;IAErE,IAAM,aAAa,GAAG,cAAc,KAAK,MAAM,CAAC;IAChD,IAAM,eAAe,GAAG,CAAC,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,EAAE,CAAC,CAAC,WAAW,EAAE,KAAK,WAAW,CAAC;IACzE,IAAM,eAAe,GAAG,WAAW,KAAK,QAAQ,CAAC;IACjD,IAAM,iBAAiB,GAAG,cAAc,KAAK,MAAM,CAAC;IACpD,IAAM,mBAAmB,GAAG,CAAC,CAAC,CAAC,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,EAAE,KAAI,MAAM,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;IAC1G,IAAM,WAAW,GAAG,OAAO,CAAC,SAAS,IAAI,eAAe,IAAI,iBAAiB,IAAI,mBAAmB,CAAC,CAAC;IAEtG,SAAS,CAAC;QACN,IAAM,eAAe,GAAG,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,EAAE,CAAC;QAEtC,gEAAgE;QAChE,IAAI,0BAA0B,IAAI,eAAe,KAAK,YAAY,EAAE;YAChE,OAAO;SACV;QAED,IAAI,0BAA0B,IAAI,eAAe,KAAK,YAAY,EAAE;YAChE,6BAA6B,CAAC,KAAK,CAAC,CAAC;SACxC;QAED,eAAe,CAAC,eAAe,CAAC,CAAC;QACjC,IAAI,CAAC,SAAS,EAAE;YACZ,gBAAgB,CAAC,eAAe,CAAC,CAAC;SACrC;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,0BAA0B,EAAE,YAAY,CAAC,CAAC,CAAC;IAEnE,SAAS,CAAC;QACN,IAAI,CAAC,SAAS,EAAE;YACZ,gBAAgB,CAAC,EAAE,CAAC,CAAC;YACrB,IAAI,CAAC,oCAAoC,EAAE;gBACvC,uBAAuB,CAAC,EAAE,CAAC,CAAC;aAC/B;SACJ;IACL,CAAC,EAAE,CAAC,SAAS,EAAE,oCAAoC,CAAC,CAAC,CAAC;IAEtD,SAAS,CAAC;QACN,IAAI,CAAC,oCAAoC;YAAE,OAAO;QAClD,IAAM,mBAAmB,GAAG,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,kBAAkB,KAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,UAAU,IAAK,OAAA,UAAU,CAAC,EAAE,EAAb,CAAa,CAAC,CAAC;QACjG,IAAM,YAAY,GAAG,8BAA8B,CAAC,IAAI,CAAC,UAAC,EAAE,IAAK,OAAA,mBAAmB,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAhC,CAAgC,CAAC,CAAC;QACnG,IAAI,CAAC,YAAY,EAAE;YACf,uCAAuC,CAAC,KAAK,CAAC,CAAC;YAC/C,iCAAiC,CAAC,EAAE,CAAC,CAAC;YACtC,uBAAuB,CAAC,EAAE,CAAC,CAAC;SAC/B;IACL,CAAC,EAAE,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,kBAAkB,EAAE,oCAAoC,EAAE,8BAA8B,CAAC,CAAC,CAAC;IAEtG,IAAM,gBAAgB,GAAG,UAAC,KAA0C;QAChE,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE;YACpB,IAAM,OAAK,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC7C,gBAAgB,CAAC,UAAA,IAAI,IAAI,uCAAI,IAAI,SAAK,OAAK,SAAlB,CAAmB,CAAC,CAAC;YAC9C,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,EAAE,CAAC;SAC3B;IACL,CAAC,CAAC;IAEF,IAAM,kBAAkB,GAAG;;;;;oBACvB,IAAI,CAAC,SAAS,IAAI,oBAAoB;wBAAE,sBAAO;;;;oBAE3C,qBAAM,mBAAmB,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAA;;oBAApF,SAAoF,CAAC;oBACrF,aAAa,CAAC,WAAW,CAAC,CAAC;oBAC3B,SAAS,aAAT,SAAS,uBAAT,SAAS,EAAI,CAAC;;;;;;;;SAIrB,CAAC;IAEF,IAAM,cAAc,GAAG;;;;;oBACnB,IAAI,CAAC,SAAS,IAAI,cAAc;wBAAE,sBAAO;oBACnC,cAAc,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,EAAE,CAAC;oBACvC,aAAa,GAAG,cAAc,IAAI,cAAc,KAAK,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;oBAC5E,gBAAgB,GAAG,oBAAoB,CAAC,MAAM,GAAG,CAAC,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;oBACrF,IAAI,CAAC,aAAa,IAAI,CAAC,gBAAgB;wBAAE,sBAAO;oBAChD,IAAI,CAAC,cAAc;wBAAE,sBAAO;oBACtB,WAAW,GAAG,cAAc,CAAC;oBACnC,oEAAoE;oBACpE,eAAe,CAAC,WAAW,CAAC,CAAC;oBAC7B,6BAA6B,CAAC,IAAI,CAAC,CAAC;oBACpC,IAAI,oBAAoB,CAAC,MAAM,GAAG,CAAC,EAAE;wBACjC,iCAAiC,CAAC,UAAC,IAAI,IAAK,OAAA,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,iCAAK,IAAI,SAAK,oBAAoB,QAAE,CAAC,EAAvD,CAAuD,CAAC,CAAC;wBACrG,uCAAuC,CAAC,IAAI,CAAC,CAAC;qBACjD;oBACD,YAAY,CAAC,KAAK,CAAC,CAAC;;;;oBAEV,aAAW,IAAI,QAAQ,EAAE,CAAC;oBAChC,UAAQ,CAAC,MAAM,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;oBAC5C,IAAI,oBAAoB,CAAC,MAAM,GAAG,CAAC,EAAE;wBACjC,UAAQ,CAAC,MAAM,CAAC,qBAAqB,EAAE,oBAAoB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;qBAC1E;oBACD,aAAa,CAAC,OAAO,CAAC,UAAC,IAAI,IAAK,OAAA,UAAQ,CAAC,MAAM,CAAC,oBAAoB,EAAE,IAAI,CAAC,EAA3C,CAA2C,CAAC,CAAC;oBAE7E,qBAAM,wBAAwB,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,UAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,EAAA;;oBAA1E,SAA0E,CAAC;oBAC3E,SAAS,aAAT,SAAS,uBAAT,SAAS,EAAI,CAAC;;;;oBAEd,uCAAuC;oBACvC,eAAe,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,EAAE,CAAC,CAAC;oBAC/B,6BAA6B,CAAC,KAAK,CAAC,CAAC;oBACrC,uCAAuC,CAAC,KAAK,CAAC,CAAC;oBAC/C,iCAAiC,CAAC,EAAE,CAAC,CAAC;oBACtC,YAAY,CAAC,IAAI,CAAC,CAAC;;;;;SAE1B,CAAC;IAEF,IAAM,gBAAgB,GAAG;QACrB,gBAAgB,CAAC,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,CAAC,CAAC;QACrC,gBAAgB,CAAC,EAAE,CAAC,CAAC;QACrB,uBAAuB,CAAC,EAAE,CAAC,CAAC;QAC5B,YAAY,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG,UAAC,IAAY;QAChC,IAAI,CAAC,IAAI;YAAE,OAAO,EAAE,CAAC;QACrB,OAAO,IAAI,IAAI,IAAI,GAAG,IAAI;YACtB,CAAC,CAAC,UAAG,CAAC,IAAI,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAK;YAC3C,CAAC,CAAC,UAAG,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAK,CAAC;IAC3C,CAAC,CAAC;IAEF,IAAM,mBAAmB,GAAG,IAAI,GAAG,iCAC5B,oBAAoB,SACpB,8BAA8B,QACnC,CAAC;IACH,IAAM,kBAAkB,GAAG,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,kBAAkB,KAAI,EAAE,CAAC,CAAC,MAAM,CAC/D,UAAC,UAAU,IAAK,OAAA,CAAC,mBAAmB,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,EAAvC,CAAuC,CAC1D,CAAC;IAEF,IAAM,sBAAsB,GAAG,UAAC,YAAoB;QAChD,uBAAuB,CAAC,UAAA,IAAI;YACxB,OAAA,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC;gBACvB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,UAAA,EAAE,IAAI,OAAA,EAAE,KAAK,YAAY,EAAnB,CAAmB,CAAC;gBACxC,CAAC,iCAAK,IAAI,UAAE,YAAY,SAAC;QAF7B,CAE6B,CAChC,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,aACzC,cAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,YAC1C,eAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,aAC5C,cAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,EAAE,KAAK,EAAE,WAAW,YACxD,QAAQ,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GACvC,EACN,eAAK,SAAS,EAAE,MAAM,CAAC,0BAA0B,aAC7C,eAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,aAC5C,eAAK,SAAS,EAAC,mCAAmC,aAC9C,YAAG,SAAS,EAAE,MAAM,CAAC,gBAAgB,YAAG,IAAI,GAAK,EACjD,MAAC,YAAY,eACT,KAAC,mBAAmB,IAAC,OAAO,kBACxB,eACI,SAAS,EAAE,UAAG,MAAM,CAAC,iBAAiB,cAAI,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAE,gBACtF,YAAY,YAExB,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,GAAI,GACnB,GACW,EACtB,KAAC,mBAAmB,IAAC,IAAI,EAAC,OAAO,YAC5B,YAAY,GACK,IACX,IACb,EACN,eAAK,SAAS,EAAC,yBAAyB,aACnC,WAAW,IAAI,CAAC,SAAS,IAAI,CAC1B,KAAC,WAAW,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,mBAAmB,EAC7B,QAAQ,EAAE,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,GAAI,EAC9B,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,gBACtB,WAAW,EACtB,KAAK,EAAC,WAAW,GACnB,CACL,EACD,eAAM,SAAS,EAAE,MAAM,CAAC,gBAAgB,YAAG,IAAI,GAAQ,IACrD,IACJ,EACL,gBAAgB,IAAI,CACjB,aAAG,SAAS,EAAE,UAAG,MAAM,CAAC,gBAAgB,SAAM,aACzC,gBAAgB,EAChB,YAAY,IAAI,0CAAK,eAAM,SAAS,EAAC,aAAa,YAAE,YAAY,GAAQ,IAAG,IAC5E,CACP,EACA,YAAY,IAAI,CAAC,SAAS,IAAI,CAC3B,cAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,YACrC,WAAW,KAAK,OAAO;wCACpB,CAAC,CAAC,KAAC,wBAAwB,IAAC,WAAW,EAAE,WAAW,GAAI;wCACxD,CAAC,CAAC,KAAC,yBAAyB,IAAC,OAAO,EAAE,YAAY,GAAI,GACxD,CACT,EACA,SAAS,IAAI,CACV,eAAK,SAAS,EAAC,qBAAqB,aAChC,KAAC,aAAa,IACV,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAhC,CAAgC,EACjD,IAAI,EAAE,CAAC,EACP,SAAS,EAAC,aAAa,GACzB,EACF,eAAK,SAAS,EAAC,qBAAqB,aAChC,gBACI,GAAG,EAAE,YAAY,EACjB,EAAE,EAAE,yBAAkB,SAAS,CAAE,EACjC,IAAI,EAAC,MAAM,EACX,QAAQ,QACR,QAAQ,EAAE,gBAAgB,EAC1B,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAC5B,EACD,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CACzB,cAAK,SAAS,EAAC,qBAAqB,YAC/B,aAAa,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAChC,eAAmC,SAAS,EAAC,2CAA2C,aACpF,2BAAO,IAAI,CAAC,IAAI,QAAI,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EACtD,KAAC,WAAW,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,mBAAmB,EAC7B,QAAQ,EAAE,KAAC,CAAC,IAAC,IAAI,EAAE,EAAE,GAAI,EACzB,OAAO,EAAE,cAAM,OAAA,gBAAgB,CAAC,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,MAAM,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAAC,KAAK,KAAK,EAAX,CAAW,CAAC,EAAlC,CAAkC,CAAC,EAA5D,CAA4D,gBAC/D,iBAAU,IAAI,CAAC,IAAI,CAAE,GACnC,KAVI,UAAG,IAAI,CAAC,IAAI,cAAI,KAAK,CAAE,CAW3B,CACT,EAbmC,CAanC,CAAC,GACA,CACT,IACC,EACN,eAAK,SAAS,EAAC,mDAAmD,aAC9D,eAAK,SAAS,EAAC,yBAAyB,aACpC,KAAC,WAAW,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,mBAAmB,EAC7B,QAAQ,EAAE,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,EACjC,OAAO,EAAE,sBAAM,OAAA,MAAA,YAAY,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA,EAAA,gBACjC,cAAc,EACzB,KAAK,EAAC,cAAc,GACtB,EACF,eAAM,SAAS,EAAC,8BAA8B,4BAAmB,IAC/D,EACN,eAAK,SAAS,EAAC,qCAAqC,aACpD,KAAC,WAAW,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,EACjB,QAAQ,EAAE,KAAC,CAAC,IAAC,IAAI,EAAE,EAAE,GAAI,EACzB,OAAO,EAAE,gBAAgB,uBAGf,EACd,KAAC,WAAW,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,GAAI,EAC7B,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,CAAC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,EAAE,CAAA,IAAI,CAAC,oBAAoB,CAAC,MAAM,KAAK,CAAC,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,IAAI,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,qBAG9I,IACR,IACJ,IACJ,CACT,EACA,kBAAkB,CAAC,MAAM,GAAG,CAAC,IAAI,CAC9B,cAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,YACzC,kBAAkB,CAAC,GAAG,CAAC,UAAC,UAAU;wCAC/B,IAAM,OAAO,GAAG,UAAU,CAAC,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;wCACzD,OAAO,CACH,eAAyB,SAAS,EAAE,MAAM,CAAC,sBAAsB,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,aAC7F,SAAS,IAAI,WAAW,IAAI,CACzB,KAAC,WAAW,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,mBAAmB,EAC7B,QAAQ,EAAE,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,SAAS,GAAG,EAC9C,OAAO,EAAE,cAAM,OAAA,sBAAsB,CAAC,UAAU,CAAC,EAAE,CAAC,EAArC,CAAqC,gBACxC,iBAAU,UAAU,CAAC,gBAAgB,CAAE,EACnD,KAAK,EAAE,iBAAU,UAAU,CAAC,gBAAgB,CAAE,EAC9C,KAAK,EAAE;wDACH,QAAQ,EAAE,UAAU;wDACpB,GAAG,EAAE,CAAC,CAAC;wDACP,KAAK,EAAE,CAAC,CAAC;wDACT,MAAM,EAAE,CAAC;wDACT,UAAU,EAAE,MAAM;wDAClB,MAAM,EAAE,mBAAmB;wDAC3B,YAAY,EAAE,OAAO;qDACxB,GACH,CACL,EACA,OAAO,CAAC,CAAC,CAAC,CACP,cACI,SAAS,EAAC,gBAAgB,EAC1B,OAAO,EAAE,cAAM,OAAA,gBAAgB,CAAC,UAAU,CAAC,SAAS,CAAC,EAAtC,CAAsC,YAErD,KAAC,KAAK,IACF,GAAG,EAAE,SAAS,CAAC,UAAU,CAAC,SAAS,CAAC,EACpC,GAAG,EAAE,UAAU,CAAC,gBAAgB,EAChC,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,GAC/B,GACA,CACT,CAAC,CAAC,CAAC,CACA,aACI,IAAI,EAAE,SAAS,CAAC,UAAU,CAAC,SAAS,CAAC,EACrC,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EAC7B,SAAS,EAAC,sDAAsD,aAEhE,KAAC,SAAS,IAAC,IAAI,EAAE,WAAW,CAAC,UAAU,CAAC,QAAQ,CAAC,wBAAgB,EACjE,yBAAO,UAAU,CAAC,gBAAgB,GAAQ,IAC1C,CACH,KA7CK,UAAU,CAAC,EAAE,CA8CjB,CACT,CAAC;oCACN,CAAC,CAAC,GACA,CACT,EACA,aAAa,IAAI,CACd,cAAK,SAAS,EAAC,+BAA+B,YACzC,eAAe,CAAC,CAAC,CAAC,CACf,MAAC,QAAQ,IAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAC,kDAAkD,aACjF,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,wBAAgB,EAC/B,eAAM,SAAS,EAAC,aAAa,qBAAY,IAClC,CACd,CAAC,CAAC,CAAC,CACA,KAAC,WAAW,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,mBAAmB,EAC7B,QAAQ,EAAE,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,GAAI,EAC7B,OAAO,EAAE,oBAAoB,EAC7B,OAAO,EAAE,kBAAkB,YAE3B,eAAM,SAAS,EAAC,eAAe,6BAAoB,GACzC,CACjB,GACC,CACT,IACC,IACJ,GACJ,EACL,YAAY,IAAI,CACb,KAAC,aAAa,IACV,IAAI,EAAE,YAAY,EAClB,MAAM,EAAE,cAAc,EACtB,OAAO,EAAE,cAAM,OAAA,eAAe,CAAC,KAAK,CAAC,EAAtB,CAAsB,GACvC,CACL,IACC,CACT,CAAA;AACL,CAAC,CAAA","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'\n\ninterface Props {\n messageId?: number \| string,\n user: string,\n userId?: number,\n messageType?: string,\n message?: any,\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, 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 [patchChatterMessage, { isLoading: isUpdatingTaskStatus }] = usePatchChatterMessageMutation();\n const [updateChatterNoteMessage, { isLoading: isUpdatingNote }] = useUpdateChatterNoteMessageMutation();\n const { data: session } = useSession();\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 formData = new FormData();\n formData.append('messageBody', nextMessage);\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 handleCancelEdit = () => {\n setEditedMessage(localMessage ?? '');\n setSelectedFiles([]);\n setRemovedAttachmentIds([]);\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={() => setIsEditing(true)}\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 value={editedMessage}\n onChange={(e) => setEditedMessage(e.target.value)}\n rows={4}\n className=\"w-full py-2\"\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 CHANGED Viewed

@@ -266,7 +266,7 @@ export const SolidChatterMessageBox = (props: Props) => {
                     </div>
                     <div className={styles.solidChatterMessageContent}>
                         <div className={styles.solidChatterMessageHeader}>
-                            <div className='flex align-items-center gap-2 flex-wrap'>
+                            <div className='flex items-center gap-2 flex-wrap'>
                                 <p className={styles.solidChatterUser}>{user}</p>
                                 <SolidTooltip>
                                     <SolidTooltipTrigger asChild>
@@ -282,7 +282,7 @@ export const SolidChatterMessageBox = (props: Props) => {
                                     </SolidTooltipContent>
                                 </SolidTooltip>
                             </div>
-                            <div className='flex align-items-center gap-2'>
+                            <div className='flex items-center gap-2'>
                                 {canEditNote && !isEditing && (
                                     <SolidButton
                                         type="button"
@@ -312,14 +312,14 @@ export const SolidChatterMessageBox = (props: Props) => {
                             </div>
                         )}
                         {isEditing && (
-                            <div className='flex flex-column gap-2'>
+                            <div className='flex flex-col gap-2'>
                                 <SolidTextarea
                                     value={editedMessage}
                                     onChange={(e) => setEditedMessage(e.target.value)}
                                     rows={4}
                                     className="w-full py-2"
                                 />
-                                <div className='flex flex-column gap-2'>
+                                <div className='flex flex-col gap-2'>
                                     <input
                                         ref={fileInputRef}
                                         id={`note-edit-file-${messageId}`}
@@ -329,9 +329,9 @@ export const SolidChatterMessageBox = (props: Props) => {
                                         style={{ display: 'none' }}
                                     />
                                     {selectedFiles.length > 0 && (
-                                        <div className='flex flex-column gap-1'>
+                                        <div className='flex flex-col gap-1'>
                                             {selectedFiles.map((file, index) => (
-                                                <div key={`${file.name}-${index}`} className='flex align-items-center justify-content-between text-xs'>
+                                                <div key={`${file.name}-${index}`} className='flex items-center justify-between text-xs'>
                                                     <span>{file.name} ({formatFileSize(file.size)})</span>
                                                     <SolidButton
                                                         type="button"
@@ -347,8 +347,8 @@ export const SolidChatterMessageBox = (props: Props) => {
                                         </div>
                                     )}
                                 </div>
-                                <div className='flex align-items-center justify-content-between gap-2 flex-wrap'>
-                                    <div className='flex align-items-center gap-2'>
+                                <div className='flex items-center justify-between gap-2 flex-wrap'>
+                                    <div className='flex items-center gap-2'>
                                         <SolidButton
                                             type="button"
                                             size="sm"
@@ -361,7 +361,7 @@ export const SolidChatterMessageBox = (props: Props) => {
                                         />
                                         <span className='text-xs text-color-secondary'>Attach file</span>
                                     </div>
-                                    <div className='flex align-items-center justify-content-end gap-2'>
+                                    <div className='flex items-center justify-end gap-2'>
                                     <SolidButton
                                         type="button"
                                         size="sm"
@@ -431,7 +431,7 @@ export const SolidChatterMessageBox = (props: Props) => {
                                                     href={encodeURI(attachment._full_url)}
                                                     target="_blank"
                                                     rel="noopener noreferrer"
-                                                className='flex align-items-center gap-2 text-decoration-none text-sm'
+                                                className='flex items-center gap-2 text-decoration-none text-sm'
                                             >
                                                 <SolidIcon name={getFileIcon(attachment.mimeType)} aria-hidden />
                                                 <span>{attachment.originalFileName}</span>
@@ -443,9 +443,9 @@ export const SolidChatterMessageBox = (props: Props) => {
                             </div>
                         )}
                         {isTaskMessage && (
-                            <div className='flex align-items-center justify-content-end'>
+                            <div className='flex items-center justify-end'>
                                 {isTaskCompleted ? (
-                                    <SolidTag tone="success" className="inline-flex align-items-center gap-1 text-xs px-2 py-1">
+                                    <SolidTag tone="success" className="inline-flex items-center gap-1 text-xs px-2 py-1">
                                         <Check size={12} aria-hidden />
                                         <span className="font-medium">Done</span>
                                     </SolidTag>

package/dist/components/core/chatter/SolidMessageComposer.js CHANGED Viewed

@@ -121,7 +121,7 @@ export var SolidMessageComposer = function (_a) {
             ? "".concat((size / (1024 * 1024)).toFixed(1), " MB")
             : "".concat((size / 1024).toFixed(1), " KB");
     };
-    return (_jsxs("form", { className: styles.chatterMessageComposer, onSubmit: handleSubmit, children: [_jsxs("div", { className: "".concat(styles.solidMessageWrapper, " flex flex-column gap-2 w-full"), children: [_jsx("div", { className: 'flex align-items-center justify-content-between', children: _jsx("p", { className: 'form-field-label m-0', children: type === 'email' ? 'Email Message' : 'Internal Note' }) }), _jsx(SolidTextarea, { value: message, onChange: function (e) { return setMessage(e.target.value); }, placeholder: type === 'email' ? 'Send a message to followers' : 'Log an internal note.', className: "w-full p-2", rows: 4 }), _jsxs("div", { className: 'flex align-items-center justify-content-between flex-wrap gap-2', children: [_jsxs("div", { className: 'flex align-items-center gap-2', children: [_jsx("input", { type: "file", ref: fileInputRef, onChange: handleFileSelect, multiple: true, style: { display: 'none' } }), _jsx(SolidButton, { type: "button", variant: "outline", size: "sm", 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 align-items-center gap-2', children: [_jsx(SolidButton, { type: 'submit', size: 'sm', className: 'gap-2 solid-purple-button', variant: 'primary', loading: isLoading, disabled: !message.trim() && selectedFiles.length === 0, children: type === 'email' ? 'Send' : 'Log' }), _jsx(SolidButton, { type: 'button', size: 'sm', variant: 'ghost', onClick: function () {
+    return (_jsxs("form", { className: styles.chatterMessageComposer, onSubmit: handleSubmit, children: [_jsxs("div", { className: "".concat(styles.solidMessageWrapper, " flex flex-col gap-2 w-full"), children: [_jsx("div", { className: 'flex items-center justify-between', children: _jsx("p", { className: 'form-field-label m-0', children: type === 'email' ? 'Email Message' : 'Internal Note' }) }), _jsx(SolidTextarea, { value: message, onChange: function (e) { return setMessage(e.target.value); }, placeholder: type === 'email' ? 'Send a message to followers' : 'Log an internal note.', className: "w-full p-2", rows: 4 }), _jsxs("div", { className: 'flex items-center justify-between flex-wrap gap-2', children: [_jsxs("div", { className: 'flex items-center gap-2', children: [_jsx("input", { type: "file", ref: fileInputRef, onChange: handleFileSelect, multiple: true, style: { display: 'none' } }), _jsx(SolidButton, { type: "button", variant: "outline", size: "sm", 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 gap-2', children: [_jsx(SolidButton, { type: 'submit', size: 'sm', className: 'gap-2 solid-purple-button', variant: 'primary', loading: isLoading, disabled: !message.trim() && selectedFiles.length === 0, children: type === 'email' ? 'Send' : 'Log' }), _jsx(SolidButton, { type: 'button', size: 'sm', variant: 'ghost', onClick: function () {
                                             setMessage('');
                                             setSelectedFiles([]);
                                             onCancel === null || onCancel === void 0 ? void 0 : onCancel();

package/dist/components/core/chatter/SolidMessageComposer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidMessageComposer.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidMessageComposer.tsx"],"names":[],"mappings":"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","sourcesContent":["import styles from './chatter.module.css'\nimport { useCreateChatterMessageMutation } from '../../../redux/api/solidChatterMessageApi'\nimport { useEffect, useState, useRef } from 'react'\nimport { ERROR_MESSAGES } from '../../../constants/error-messages'\nimport { useSession } from '../../../hooks/useSession'\nimport { SolidButton, SolidTextarea } from '../../shad-cn-ui'\nimport { FileText, Paperclip, X } from 'lucide-react'\n\ninterface SolidMessageComposerProps {\n type?: string;\n modelSingularName?: any;\n refetch?: any;\n id?: any;\n onCancel?: () => void;\n modelUserKey?: string;\n}\n\nexport const SolidMessageComposer = ({ type, modelSingularName, refetch, id, onCancel, modelUserKey }: SolidMessageComposerProps) => {\n const [message, setMessage] = useState('');\n const [selectedFiles, setSelectedFiles] = useState<File[]>([]);\n\n const { data: session, status } = useSession();\n const user = session?.user;\n const fileInputRef = useRef<HTMLInputElement>(null);\n\n // const { data: viewLayoutData } = useGetSolidViewLayoutQuery(null);\n const [createChatterMessage, { isLoading, isSuccess, isError }] = useCreateChatterMessageMutation();\n\n const tempEmails = [\n \"johndoe@gmal.com\",\n \"tempmail@gmail.com\",\n \"example@mail.com\"\n ]\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 }\n };\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!message.trim() && selectedFiles.length === 0) return;\n\n try {\n const formData = new FormData();\n formData.append('messageType', \"custom\");\n formData.append('messageSubType', \"note\");\n formData.append('messageBody', message);\n formData.append('coModelEntityId', id);\n formData.append('coModelName', modelSingularName);\n formData.append('userId', user?.id \|\| 1);\n\n if (modelUserKey) formData.append('modelUserKey', modelUserKey);\n selectedFiles.forEach((file, index) => {\n formData.append(`messageAttachments`, file);\n });\n\n await createChatterMessage(formData).unwrap();\n setMessage('');\n setSelectedFiles([]);\n onCancel?.();\n } catch (error) {\n console.error(ERROR_MESSAGES.FETCHING_MESSAGE, error);\n }\n };\n\n useEffect(() => {\n if (isSuccess) {\n refetch()\n }\n }, [isSuccess]);\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 return (\n <form className={styles.chatterMessageComposer} onSubmit={handleSubmit}>\n {/* {type === 'email' &&\n <div className='flex align-items-center gap-1 text-sm mb-2'>\n <span className='font-bold'>To:</span>\n <div className={styles.chatterEmails}>\n {tempEmails.map((mail, index) => (\n <span key={index}>\n {mail}\n </span>\n ))}\n </div>\n <div className={`si si-sort-down-fill text-primary ${styles.emailTooltipIcon}`} style={{ fontSize: 8 }}>\n <div className={styles.emailsTooltip}>\n {tempEmails.map((mail, index) => (\n <span key={index} className='text-color text-sm'>\n {mail}\n </span>\n ))}\n </div>\n </div>\n </div>\n } */}\n <div className={`${styles.solidMessageWrapper} flex flex-column gap-2 w-full`}>\n <div className='flex align-items-center justify-content-between'>\n <p className='form-field-label m-0'>\n {type === 'email' ? 'Email Message' : 'Internal Note'}\n </p>\n </div>\n <SolidTextarea\n value={message}\n onChange={(e) => setMessage(e.target.value)}\n placeholder={type === 'email' ? 'Send a message to followers' : 'Log an internal note.'}\n className=\"w-full p-2\"\n rows={4}\n />\n <div className='flex align-items-center justify-content-between flex-wrap gap-2'>\n <div className='flex align-items-center gap-2'>\n <input\n type=\"file\"\n ref={fileInputRef}\n onChange={handleFileSelect}\n multiple\n style={{ display: 'none' }}\n />\n <SolidButton\n type=\"button\"\n variant=\"outline\"\n size=\"sm\"\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 align-items-center gap-2'>\n <SolidButton\n type='submit'\n size='sm'\n className='gap-2 solid-purple-button'\n variant='primary'\n loading={isLoading}\n disabled={!message.trim() && selectedFiles.length === 0}\n >\n {type === 'email' ? 'Send' : 'Log'}\n </SolidButton>\n <SolidButton\n type='button'\n size='sm'\n variant='ghost'\n onClick={() => {\n setMessage('');\n setSelectedFiles([]);\n onCancel?.();\n }}\n >\n Cancel\n </SolidButton>\n </div>\n </div>\n </div>\n {selectedFiles.length > 0 && (\n <div className={styles.chatterSelectedFiles}>\n {selectedFiles.map((file, index) => (\n <div key={index} className={styles.chatterSelectedFileCard}>\n <div className={styles.chatterSelectedFileIcon}>\n <FileText size={16} />\n </div>\n <div className={styles.chatterSelectedFileMeta}>\n <p className={styles.chatterSelectedFileName}>{file.name}</p>\n <span className={styles.chatterSelectedFileSize}>{formatFileSize(file.size)}</span>\n </div>\n <SolidButton\n type=\"button\"\n variant=\"ghost\"\n size=\"sm\"\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 </form>\n )\n}\n"]}
1	+ {"version":3,"file":"SolidMessageComposer.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidMessageComposer.tsx"],"names":[],"mappings":"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","sourcesContent":["import styles from './chatter.module.css'\nimport { useCreateChatterMessageMutation } from '../../../redux/api/solidChatterMessageApi'\nimport { useEffect, useState, useRef } from 'react'\nimport { ERROR_MESSAGES } from '../../../constants/error-messages'\nimport { useSession } from '../../../hooks/useSession'\nimport { SolidButton, SolidTextarea } from '../../shad-cn-ui'\nimport { FileText, Paperclip, X } from 'lucide-react'\n\ninterface SolidMessageComposerProps {\n type?: string;\n modelSingularName?: any;\n refetch?: any;\n id?: any;\n onCancel?: () => void;\n modelUserKey?: string;\n}\n\nexport const SolidMessageComposer = ({ type, modelSingularName, refetch, id, onCancel, modelUserKey }: SolidMessageComposerProps) => {\n const [message, setMessage] = useState('');\n const [selectedFiles, setSelectedFiles] = useState<File[]>([]);\n\n const { data: session, status } = useSession();\n const user = session?.user;\n const fileInputRef = useRef<HTMLInputElement>(null);\n\n // const { data: viewLayoutData } = useGetSolidViewLayoutQuery(null);\n const [createChatterMessage, { isLoading, isSuccess, isError }] = useCreateChatterMessageMutation();\n\n const tempEmails = [\n \"johndoe@gmal.com\",\n \"tempmail@gmail.com\",\n \"example@mail.com\"\n ]\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 }\n };\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!message.trim() && selectedFiles.length === 0) return;\n\n try {\n const formData = new FormData();\n formData.append('messageType', \"custom\");\n formData.append('messageSubType', \"note\");\n formData.append('messageBody', message);\n formData.append('coModelEntityId', id);\n formData.append('coModelName', modelSingularName);\n formData.append('userId', user?.id \|\| 1);\n\n if (modelUserKey) formData.append('modelUserKey', modelUserKey);\n selectedFiles.forEach((file, index) => {\n formData.append(`messageAttachments`, file);\n });\n\n await createChatterMessage(formData).unwrap();\n setMessage('');\n setSelectedFiles([]);\n onCancel?.();\n } catch (error) {\n console.error(ERROR_MESSAGES.FETCHING_MESSAGE, error);\n }\n };\n\n useEffect(() => {\n if (isSuccess) {\n refetch()\n }\n }, [isSuccess]);\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 return (\n <form className={styles.chatterMessageComposer} onSubmit={handleSubmit}>\n {/* {type === 'email' &&\n <div className='mb-2 flex items-center gap-1 text-sm'>\n <span className='font-bold'>To:</span>\n <div className={styles.chatterEmails}>\n {tempEmails.map((mail, index) => (\n <span key={index}>\n {mail}\n </span>\n ))}\n </div>\n <div className={`si si-sort-down-fill text-[var(--primary-color)] ${styles.emailTooltipIcon}`} style={{ fontSize: 8 }}>\n <div className={styles.emailsTooltip}>\n {tempEmails.map((mail, index) => (\n <span key={index} className='text-color text-sm'>\n {mail}\n </span>\n ))}\n </div>\n </div>\n </div>\n } */}\n <div className={`${styles.solidMessageWrapper} flex flex-col gap-2 w-full`}>\n <div className='flex items-center justify-between'>\n <p className='form-field-label m-0'>\n {type === 'email' ? 'Email Message' : 'Internal Note'}\n </p>\n </div>\n <SolidTextarea\n value={message}\n onChange={(e) => setMessage(e.target.value)}\n placeholder={type === 'email' ? 'Send a message to followers' : 'Log an internal note.'}\n className=\"w-full p-2\"\n rows={4}\n />\n <div className='flex items-center justify-between flex-wrap gap-2'>\n <div className='flex items-center gap-2'>\n <input\n type=\"file\"\n ref={fileInputRef}\n onChange={handleFileSelect}\n multiple\n style={{ display: 'none' }}\n />\n <SolidButton\n type=\"button\"\n variant=\"outline\"\n size=\"sm\"\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 gap-2'>\n <SolidButton\n type='submit'\n size='sm'\n className='gap-2 solid-purple-button'\n variant='primary'\n loading={isLoading}\n disabled={!message.trim() && selectedFiles.length === 0}\n >\n {type === 'email' ? 'Send' : 'Log'}\n </SolidButton>\n <SolidButton\n type='button'\n size='sm'\n variant='ghost'\n onClick={() => {\n setMessage('');\n setSelectedFiles([]);\n onCancel?.();\n }}\n >\n Cancel\n </SolidButton>\n </div>\n </div>\n </div>\n {selectedFiles.length > 0 && (\n <div className={styles.chatterSelectedFiles}>\n {selectedFiles.map((file, index) => (\n <div key={index} className={styles.chatterSelectedFileCard}>\n <div className={styles.chatterSelectedFileIcon}>\n <FileText size={16} />\n </div>\n <div className={styles.chatterSelectedFileMeta}>\n <p className={styles.chatterSelectedFileName}>{file.name}</p>\n <span className={styles.chatterSelectedFileSize}>{formatFileSize(file.size)}</span>\n </div>\n <SolidButton\n type=\"button\"\n variant=\"ghost\"\n size=\"sm\"\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 </form>\n )\n}\n"]}

package/dist/components/core/chatter/SolidMessageComposer.tsx CHANGED Viewed

@@ -82,7 +82,7 @@ export const SolidMessageComposer = ({ type, modelSingularName, refetch, id, onC
     return (
         <form className={styles.chatterMessageComposer} onSubmit={handleSubmit}>
             {/* {type === 'email' &&
-                <div className='flex align-items-center gap-1 text-sm mb-2'>
+                <div className='mb-2 flex items-center gap-1 text-sm'>
                     <span className='font-bold'>To:</span>
                     <div className={styles.chatterEmails}>
                         {tempEmails.map((mail, index) => (
@@ -91,7 +91,7 @@ export const SolidMessageComposer = ({ type, modelSingularName, refetch, id, onC
                             </span>
                         ))}
                     </div>
-                    <div className={`si si-sort-down-fill text-primary ${styles.emailTooltipIcon}`} style={{ fontSize: 8 }}>
+                    <div className={`si si-sort-down-fill text-[var(--primary-color)] ${styles.emailTooltipIcon}`} style={{ fontSize: 8 }}>
                         <div className={styles.emailsTooltip}>
                             {tempEmails.map((mail, index) => (
                                 <span key={index} className='text-color text-sm'>
@@ -102,8 +102,8 @@ export const SolidMessageComposer = ({ type, modelSingularName, refetch, id, onC
                     </div>
                 </div>
             } */}
-            <div className={`${styles.solidMessageWrapper} flex flex-column gap-2 w-full`}>
-                <div className='flex align-items-center justify-content-between'>
+            <div className={`${styles.solidMessageWrapper} flex flex-col gap-2 w-full`}>
+                <div className='flex items-center justify-between'>
                     <p className='form-field-label m-0'>
                         {type === 'email' ? 'Email Message' : 'Internal Note'}
                     </p>
@@ -115,8 +115,8 @@ export const SolidMessageComposer = ({ type, modelSingularName, refetch, id, onC
                     className="w-full p-2"
                     rows={4}
                 />
-                <div className='flex align-items-center justify-content-between flex-wrap gap-2'>
-                    <div className='flex align-items-center gap-2'>
+                <div className='flex items-center justify-between flex-wrap gap-2'>
+                    <div className='flex items-center gap-2'>
                         <input
                             type="file"
                             ref={fileInputRef}
@@ -136,7 +136,7 @@ export const SolidMessageComposer = ({ type, modelSingularName, refetch, id, onC
                         />
                         <span className='text-xs text-color-secondary'>Attach file</span>
                     </div>
-                    <div className='flex align-items-center gap-2'>
+                    <div className='flex items-center gap-2'>
                         <SolidButton
                             type='submit'
                             size='sm'

package/dist/components/core/common/SolidCreateButton.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidCreateButton.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidCreateButton.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,iBAAiB,0FAAmG,GAAG,~~4CA0DnI~~,CAAC"}
1	+ {"version":3,"file":"SolidCreateButton.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidCreateButton.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,iBAAiB,0FAAmG,GAAG,4CA2EnI,CAAC"}

package/dist/components/core/common/SolidCreateButton.js CHANGED Viewed

@@ -17,10 +17,25 @@ export var SolidCreateButton = function (_a) {
         return "".concat(normalizeSolidListTreeKanbanActionPath(pathName, "form"), "/new?viewMode=edit");
     };
     var createPath = resolveCreatePath();
+    var storeCurrentViewContext = function () {
+        if (typeof window === "undefined")
+            return;
+        var currentUrl = "".concat(window.location.pathname).concat(window.location.search);
+        var currentSegments = window.location.pathname.split("/").filter(Boolean);
+        var currentView = currentSegments[currentSegments.length - 1];
+        var normalizedView = currentView === "list" ||
+            currentView === "kanban" ||
+            currentView === "card" ||
+            currentView === "tree"
+            ? currentView
+            : "list";
+        sessionStorage.setItem("fromView", normalizedView);
+        sessionStorage.setItem("fromViewUrl", currentUrl);
+    };
     var icon = (_b = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.addButtonIcon;
     var label = ((_c = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _c === void 0 ? void 0 : _c.addButtonTitle) || "Add";
     var className = ((_d = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _d === void 0 ? void 0 : _d.addButtonClassName) || "";
     var defaultIcon = _jsx(Plus, { size: 14 });
-    return (_jsx("div", { children: _jsx(Link, { href: createPath, children: responsiveIconOnly ? (_jsxs(_Fragment, { children: [_jsx(SolidButton, { type: "button", icon: icon, leftIcon: !icon ? defaultIcon : undefined, className: "".concat(className, " lg:hidden solid-icon-button "), size: 'sm' }), _jsx(SolidButton, { type: "button", icon: icon, leftIcon: !icon ? defaultIcon : undefined, className: "".concat(className, " hidden lg:inline-flex"), size: 'sm', children: label })] })) : (_jsx(SolidButton, { type: "button", icon: icon, leftIcon: !icon ? defaultIcon : undefined, className: "".concat(className), size: 'sm', children: label })) }) }));
+    return (_jsx("div", { children: _jsx(Link, { href: createPath, onClick: storeCurrentViewContext, children: responsiveIconOnly ? (_jsxs(_Fragment, { children: [_jsx(SolidButton, { type: "button", icon: icon, leftIcon: !icon ? defaultIcon : undefined, className: "".concat(className, " lg:hidden solid-icon-button "), size: 'sm' }), _jsx(SolidButton, { type: "button", icon: icon, leftIcon: !icon ? defaultIcon : undefined, className: "".concat(className, " hidden lg:inline-flex"), size: 'sm', children: label })] })) : (_jsx(SolidButton, { type: "button", icon: icon, leftIcon: !icon ? defaultIcon : undefined, className: "".concat(className), size: 'sm', children: label })) }) }));
 };
 //# sourceMappingURL=SolidCreateButton.js.map

package/dist/components/core/common/SolidCreateButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidCreateButton.js","sourceRoot":"","sources":["../../../../src/components/core/common/SolidCreateButton.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,sCAAsC,EAAE,MAAM,6BAA6B,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,EAAkG;;QAAhG,eAAe,qBAAA,EAAE,uBAAuB,6BAAA,EAAE,mBAAmB,yBAAA,EAAE,0BAA0B,EAA1B,kBAAkB,mBAAG,KAAK,KAAA;IACzH,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,IAAM,iBAAiB,GAAG;QACtB,IAAI,eAAe,EAAE;YACjB,IAAM,aAAa,GAAG,sCAAsC,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;YACxF,IAAM,KAAK,GAAG,IAAI,eAAe,CAAC,uBAAuB,CAAC,CAAC,QAAQ,EAAE,CAAC;YACtE,OAAO,KAAK,CAAC,CAAC,CAAC,UAAG,aAAa,cAAI,KAAK,CAAE,CAAC,CAAC,CAAC,aAAa,CAAC;SAC9D;QAED,OAAO,UAAG,sCAAsC,CAAC,QAAQ,EAAE,MAAM,CAAC,uBAAoB,CAAC;IAC3F,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG,iBAAiB,EAAE,CAAC;~~IAEvC~~,IAAM,IAAI,GAAG,MAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,KAAK,0CAAE,aAAa,CAAC;IACvD,IAAM,KAAK,GAAG,CAAA,MAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,KAAK,0CAAE,cAAc,KAAI,KAAK,CAAC;IAClE,IAAM,SAAS,GAAG,CAAA,MAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,KAAK,0CAAE,kBAAkB,KAAI,EAAE,CAAC;IACvE,IAAM,WAAW,GAAG,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC;IAEvC,OAAO,CACH,wBACI,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,~~YACjB~~,kBAAkB,CAAC,CAAC,CAAC,CAClB,8BACI,KAAC,WAAW,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACzC,SAAS,EAAE,UAAG,SAAS,kCAA+B,EACtD,IAAI,EAAC,IAAI,GACX,EAEF,KAAC,WAAW,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACzC,SAAS,EAAE,UAAG,SAAS,2BAAwB,EAC/C,IAAI,EAAC,IAAI,YAER,KAAK,GACI,IACf,CACN,CAAC,CAAC,CAAC,CACA,KAAC,WAAW,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACzC,SAAS,EAAE,UAAG,SAAS,CAAE,EACzB,IAAI,EAAC,IAAI,YAER,KAAK,GACI,CACjB,GAEE,GACL,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import Link from \"../../common/Link\";\nimport { usePathname } from \"../../../hooks/usePathname\";\nimport { normalizeSolidListTreeKanbanActionPath } from \"../../../helpers/routePaths\";\nimport { SolidButton } from \"../../shad-cn-ui\";\nimport { Plus } from \"lucide-react\";\n\nexport const SolidCreateButton = ({ createButtonUrl, createActionQueryParams, solidListViewLayout, responsiveIconOnly = false }: any) => {\n const pathName = usePathname();\n\n const resolveCreatePath = () => {\n if (createButtonUrl) {\n const normalizedUrl = normalizeSolidListTreeKanbanActionPath(pathName, createButtonUrl);\n const query = new URLSearchParams(createActionQueryParams).toString();\n return query ? `${normalizedUrl}?${query}` : normalizedUrl;\n }\n\n return `${normalizeSolidListTreeKanbanActionPath(pathName, \"form\")}/new?viewMode=edit`;\n };\n\n const createPath = resolveCreatePath();\n\n const icon = solidListViewLayout?.attrs?.addButtonIcon;\n const label = solidListViewLayout?.attrs?.addButtonTitle \|\| \"Add\";\n const className = solidListViewLayout?.attrs?.addButtonClassName \|\| \"\";\n const defaultIcon = <Plus size={14} />;\n\n return (\n <div>\n <Link href={createPath}>\n {responsiveIconOnly ? (\n <>\n <SolidButton\n type=\"button\"\n icon={icon}\n leftIcon={!icon ? defaultIcon : undefined}\n className={`${className} lg:hidden solid-icon-button `}\n size='sm'\n />\n\n <SolidButton\n type=\"button\"\n icon={icon}\n leftIcon={!icon ? defaultIcon : undefined}\n className={`${className} hidden lg:inline-flex`}\n size='sm'\n >\n {label}\n </SolidButton>\n </>\n ) : (\n <SolidButton\n type=\"button\"\n icon={icon}\n leftIcon={!icon ? defaultIcon : undefined}\n className={`${className}`}\n size='sm'\n >\n {label}\n </SolidButton>\n )}\n\n </Link>\n </div>\n );\n};\n"]}
1	+ {"version":3,"file":"SolidCreateButton.js","sourceRoot":"","sources":["../../../../src/components/core/common/SolidCreateButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import Link from \"../../common/Link\";\nimport { usePathname } from \"../../../hooks/usePathname\";\nimport { normalizeSolidListTreeKanbanActionPath } from \"../../../helpers/routePaths\";\nimport { SolidButton } from \"../../shad-cn-ui\";\nimport { Plus } from \"lucide-react\";\n\nexport const SolidCreateButton = ({ createButtonUrl, createActionQueryParams, solidListViewLayout, responsiveIconOnly = false }: any) => {\n const pathName = usePathname();\n\n const resolveCreatePath = () => {\n if (createButtonUrl) {\n const normalizedUrl = normalizeSolidListTreeKanbanActionPath(pathName, createButtonUrl);\n const query = new URLSearchParams(createActionQueryParams).toString();\n return query ? `${normalizedUrl}?${query}` : normalizedUrl;\n }\n\n return `${normalizeSolidListTreeKanbanActionPath(pathName, \"form\")}/new?viewMode=edit`;\n };\n\n const createPath = resolveCreatePath();\n const storeCurrentViewContext = () => {\n if (typeof window === \"undefined\") return;\n\n const currentUrl = `${window.location.pathname}${window.location.search}`;\n const currentSegments = window.location.pathname.split(\"/\").filter(Boolean);\n const currentView = currentSegments[currentSegments.length - 1];\n const normalizedView =\n currentView === \"list\" \|\|\n currentView === \"kanban\" \|\|\n currentView === \"card\" \|\|\n currentView === \"tree\"\n ? currentView\n : \"list\";\n\n sessionStorage.setItem(\"fromView\", normalizedView);\n sessionStorage.setItem(\"fromViewUrl\", currentUrl);\n };\n\n const icon = solidListViewLayout?.attrs?.addButtonIcon;\n const label = solidListViewLayout?.attrs?.addButtonTitle \|\| \"Add\";\n const className = solidListViewLayout?.attrs?.addButtonClassName \|\| \"\";\n const defaultIcon = <Plus size={14} />;\n\n return (\n <div>\n <Link href={createPath} onClick={storeCurrentViewContext}>\n {responsiveIconOnly ? (\n <>\n <SolidButton\n type=\"button\"\n icon={icon}\n leftIcon={!icon ? defaultIcon : undefined}\n className={`${className} lg:hidden solid-icon-button `}\n size='sm'\n />\n\n <SolidButton\n type=\"button\"\n icon={icon}\n leftIcon={!icon ? defaultIcon : undefined}\n className={`${className} hidden lg:inline-flex`}\n size='sm'\n >\n {label}\n </SolidButton>\n </>\n ) : (\n <SolidButton\n type=\"button\"\n icon={icon}\n leftIcon={!icon ? defaultIcon : undefined}\n className={`${className}`}\n size='sm'\n >\n {label}\n </SolidButton>\n )}\n\n </Link>\n </div>\n );\n};\n"]}

package/dist/components/core/common/SolidCreateButton.tsx CHANGED Viewed

@@ -18,6 +18,23 @@ export const SolidCreateButton = ({ createButtonUrl, createActionQueryParams, so
     };
     const createPath = resolveCreatePath();
+    const storeCurrentViewContext = () => {
+        if (typeof window === "undefined") return;
+        const currentUrl = `${window.location.pathname}${window.location.search}`;
+        const currentSegments = window.location.pathname.split("/").filter(Boolean);
+        const currentView = currentSegments[currentSegments.length - 1];
+        const normalizedView =
+            currentView === "list" ||
+                currentView === "kanban" ||
+                currentView === "card" ||
+                currentView === "tree"
+                ? currentView
+                : "list";
+        sessionStorage.setItem("fromView", normalizedView);
+        sessionStorage.setItem("fromViewUrl", currentUrl);
+    };
     const icon = solidListViewLayout?.attrs?.addButtonIcon;
     const label = solidListViewLayout?.attrs?.addButtonTitle || "Add";
@@ -26,7 +43,7 @@ export const SolidCreateButton = ({ createButtonUrl, createActionQueryParams, so
     return (
         <div>
-            <Link href={createPath}>
+            <Link href={createPath} onClick={storeCurrentViewContext}>
                 {responsiveIconOnly ? (
                     <>
                         <SolidButton

package/dist/components/core/common/SolidGenericImport/SolidImport.module.css CHANGED Viewed

@@ -470,6 +470,10 @@
     color: color-mix(in srgb, var(--foreground) 70%, transparent);
 }
+:global(.solid-import-empty-state.solid-import-empty-state-danger h4) {
+    color: #b91c1c;
+}
 :global(.solid-import-mapping-shell) {
     padding: 12px;
 }
@@ -496,6 +500,52 @@
     color: color-mix(in srgb, var(--foreground) 78%, transparent);
 }
+:global(.solid-import-mapping-alert) {
+    margin-bottom: 12px;
+    padding: 12px 14px;
+    border: 1px solid color-mix(in srgb, #f59e0b 34%, var(--border));
+    border-radius: 12px;
+    background:
+        linear-gradient(180deg,
+            color-mix(in srgb, #f59e0b 12%, var(--card)),
+            color-mix(in srgb, var(--card) 96%, white 4%));
+    display: grid;
+    grid-template-columns: auto minmax(0, 1fr);
+    gap: 12px;
+    align-items: flex-start;
+}
+:global(.solid-import-mapping-alert-icon) {
+    width: 30px;
+    height: 30px;
+    border-radius: 9px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    background: color-mix(in srgb, #f59e0b 16%, transparent);
+    color: #b45309;
+    flex-shrink: 0;
+}
+:global(.solid-import-mapping-alert-copy) {
+    min-width: 0;
+}
+:global(.solid-import-mapping-alert-title) {
+    margin: 0;
+    font-size: 12.5px;
+    line-height: 1.35;
+    font-weight: 700;
+    color: color-mix(in srgb, var(--foreground) 96%, transparent);
+}
+:global(.solid-import-mapping-alert-text) {
+    margin: 3px 0 0;
+    font-size: 12px;
+    line-height: 1.6;
+    color: color-mix(in srgb, var(--foreground) 74%, transparent);
+}
 :global(.solid-import-mapping-table) {
     border: 1px solid color-mix(in srgb, var(--border) 90%, transparent);
     border-radius: 12px;
@@ -698,6 +748,16 @@
         flex-direction: column;
     }
+    :global(.solid-import-mapping-alert) {
+        grid-template-columns: 1fr;
+        gap: 10px;
+    }
+    :global(.solid-import-mapping-alert-icon) {
+        width: 28px;
+        height: 28px;
+    }
     :global(.solid-import-panel-grid.is-single-column .solid-import-instruction-list > li) {
         grid-template-columns: 1fr;
         gap: 8px;