🛠️ PR Summary

_{Made with ❤️ by Ultralytics Actions}

🌟 Summary

Adds proper Markdown list and table rendering/styling to the Ultralytics Chat web widget for cleaner, more readable responses 📝✨

📊 Key Changes

• ✅ Enhanced chat message CSS to properly format unordered/ordered lists (ul, ol, li) with consistent spacing.
• 📋 Added Markdown table support in the custom renderMarkdown() parser:
  • Detects | ... | table rows
  • Skips separator rows like |---|---|
  • Generates <table><thead>...</thead><tbody>...</tbody></table> wrapped in a horizontally scrollable container (.ult-table-wrap)
• 🎨 Introduced table-specific styling:
  • Restores default table element behavior using all: revert (helps avoid broken styles from global CSS resets)
  • Adds borders, padding, font sizing, and overflow handling for wide tables
• 🔄 Updated the bundled js/chat.min.js to include the same list/table parsing and styling changes.

🎯 Purpose & Impact

• 📈 Improves readability of AI responses that include step-by-step instructions (lists) or structured data (tables).
• 🧩 More robust embedding on external sites: all: revert helps tables render correctly even when host pages apply aggressive CSS resets.
• 📱 Better UX on mobile and small screens: tables won’t break layout thanks to horizontal scrolling.
• ⚠️ Potential edge case: any line matching |...| will be treated as a table row, so content using pipes for other formatting could render as a table.