Show chat message date and time in YYYY/MM/DD format

[ht3aa]

Summary

• Chat bubbles now display each message timestamp as YYYY/MM/DD plus the localized time (replacing time-only labels).
• formatMessageDateTime in resources/js/composables/useChat.ts builds the date; MessageBubble.vue uses it next to the sender name.

Verification

• npm run build (optional; run locally if you need a production asset refresh).

Made with Cursor

[gemini-code-assist]

Code Review

This pull request updates the chat message timestamp display by renaming the utility function formatMessageTime to formatMessageDateTime and modifying it to include the date alongside the time. I have kept the feedback regarding the potential breaking change of renaming the utility and the suggestion to add input validation for the date string to prevent invalid output.

[gemini-code-assist]

Renaming formatMessageTime to formatMessageDateTime is a breaking change. If this utility is used in other parts of the application not included in this PR, those components will fail to import the function. Please verify that all occurrences have been updated or provide a backward-compatible alias.

[gemini-code-assist]

The formatMessageDateTime function lacks validation for the input dateString. If an invalid or empty string is provided, new Date(dateString) will result in an Invalid Date, causing the function to return a string with NaN values (e.g., "NaN/NaN/NaN Invalid Date"). Adding a check for date validity ensures the UI remains clean even with unexpected data.

export function formatMessageDateTime(dateString: string): string {
    const date = new Date(dateString);
    if (isNaN(date.getTime())) {
        return '';
    }
    const y = date.getFullYear();
    const m = String(date.getMonth() + 1).padStart(2, '0');
    const d = String(date.getDate()).padStart(2, '0');
    const time = date.toLocaleTimeString(undefined, {
        hour: '2-digit',
        minute: '2-digit',
    });

    return `${y}/${m}/${d} ${time}`;
}