Project Notes

Project Notes provide a chat-style communication interface in the Customer Portal project view. Notes appear in the right sidebar, below the location map.

Layout

The notes section includes:

• Header with "Project Notes" title, a brief description, and a notes count badge showing the total number of notes
• Display area — A scrollable area (max 500px height) showing all notes in chronological order
• Note items — Each note displayed as a chat-style message

Note Item Display

Each note shows:

• Avatar — User initials in a gradient circle
• User name — Who posted the note
• Timestamp — When the note was posted
• Subject — Note category/subject (if assigned)
• Content — The note text
• Attachments — Any attached images displayed inline

Features

• Notes are loaded when the project view renders (not lazy-loaded like tabs)
• The display area scrolls vertically when notes exceed the visible height
• Notes are rendered in a flex-column layout with consistent spacing
• Image attachments are displayed inline within the note content