feat(dashboard): implement flexible parsing for any date/weather format

Implemented Smart Hybrid Parser to handle virtually any fantasy or real-world scenario
while maintaining backward compatibility with existing comma-separated formats.

**Date Parsing Enhancement (infoBoxWidgets.js, lines 43-62):**
- Added conditional parsing: structured (comma-separated) vs unstructured
- Structured: "Tuesday, 15 January, 2024" → weekday/month/year split
- Unstructured: "3rd Day of Ninth Moon Year of Dragon" → full text in month field
- Handles: Fantasy calendars, ISO dates (2024-01-15), prose, stardates

**Weather Parsing Enhancement (infoBoxWidgets.js, lines 84-120):**
- JOIN remaining comma parts instead of taking only 2nd part
- Fixes: "🌧️, Heavy rain, flooding, winds" → preserves full forecast
- Added emoji prefix detection for non-comma formats
- Handles prose weather: "The air crackles with magical energy"
- Graceful fallback: no emoji → text-only display

**formatWeather Enhancement (sceneInfoWidget.js, lines 65-102):**
- Added no-emoji handling (display forecast only)
- Expanded symbol validation: custom symbols (+++, ***, ##)
- Symbol regex: /^[+*#~\-=_]+$/ for weather symbols
- Text-as-emoji handling: combines text with forecast gracefully

**formatLocation Enhancement (sceneInfoWidget.js, lines 126-148):**
- Changed to split on FIRST comma only (using indexOf)
- Preserves all remaining text after first comma as label
- Fixes: "The Winding Stair, Third Floor, East Wing, Palace" → keeps full context
- Still preserves hyphens in names (Seol Yi-hwan)

**CSS Text Wrapping (style.css, lines 2716-2745):**
- Removed white-space: nowrap restriction
- Added -webkit-line-clamp: 3 for values (2-3 line wrap)
- Added -webkit-line-clamp: 2 for labels
- Added word-wrap and overflow-wrap for long words
- Text now wraps gracefully instead of truncating prematurely

**Backward Compatibility:**
✅ Existing formats continue to work perfectly
✅ "Tuesday, 15 January, 2024" still parses as structured
✅ "🌤️, Partly cloudy" still displays with emoji
✅ "Location, City" still splits correctly

**New Format Support:**
✅ Fantasy: "3rd Day of the Ninth Moon Year of the Azure Dragon"
✅ ISO: "2024-01-15"
✅ Prose: "The third day after the full moon"
✅ Stardates: "Stardate 47634.44"
✅ Weather prose: "The air crackles with magical energy"
✅ Weather symbols: "+++, Heavy rainfall"
✅ Complex locations: "Building A, Floor 3, Room 101, Campus"
✅ Hyphenated names: "Seol Yi-hwan's Private Quarters"

**Testing Scenarios Covered:**
- Standard comma-separated formats (backward compat)
- Fantasy calendars without commas
- ISO date formats
- Prose descriptions for date/weather
- Stardates and custom time systems
- Weather symbols instead of emoji
- Multi-part weather forecasts
- Long multi-part locations
- Hyphenated character names

Result: Widget now handles ANY user-defined format while maintaining
visual polish and backward compatibility.

src/systems/dashboard/widgets/infoBoxWidgets.js

@@ -43,11 +43,22 @@ export function parseInfoBoxData(infoBoxText) {
         // Date parsing (text or emoji format)
         if (line.startsWith('Date:') || line.includes('🗓️:')) {
             const dateStr = line.replace(/^(Date:|🗓️:)/, '').trim();
-            const dateParts = dateStr.split(',').map(p => p.trim());
-            data.weekday = dateParts[0] || '';
-            data.month = dateParts[1] || '';
-            data.year = dateParts[2] || '';
-            data.date = dateStr;
+
+            // Try structured comma-separated format (e.g., "Tuesday, 15 January, 2024")
+            if (dateStr.includes(',') && dateStr.split(',').length >= 2) {
+                const dateParts = dateStr.split(',').map(p => p.trim());
+                data.weekday = dateParts[0] || '';
+                data.month = dateParts[1] || '';
+                data.year = dateParts[2] || '';
+                data.date = dateStr;
+            } else {
+                // Unstructured format - store full text for display
+                // Handles: ISO dates, fantasy calendars, prose, stardates
+                data.weekday = '';
+                data.month = dateStr;  // Store in month field (primary display)
+                data.year = '';
+                data.date = dateStr;
+            }
         }
         // Temperature parsing
         else if (line.startsWith('Temperature:') || line.includes('🌡️:')) {
@@ -73,9 +84,27 @@ export function parseInfoBoxData(infoBoxText) {
         // Weather parsing (text format)
         else if (line.startsWith('Weather:')) {
             const weatherStr = line.replace('Weather:', '').trim();
-            const weatherParts = weatherStr.split(',').map(p => p.trim());
-            data.weatherEmoji = weatherParts[0] || '';
-            data.weatherForecast = weatherParts[1] || '';
+
+            // Try comma-separated format
+            if (weatherStr.includes(',')) {
+                const parts = weatherStr.split(',');
+                data.weatherEmoji = parts[0].trim();
+                // JOIN remaining parts to preserve multi-part forecasts
+                // e.g., "🌧️, Heavy rain, flooding expected" → emoji="🌧️", forecast="Heavy rain, flooding expected"
+                data.weatherForecast = parts.slice(1).join(', ').trim();
+            } else {
+                // No comma - try to detect emoji prefix
+                const emojiMatch = weatherStr.match(/^([\u{1F300}-\u{1F9FF}\u{2600}-\u{26FF}\u{2700}-\u{27BF}]+)\s+(.+)$/u);
+                if (emojiMatch) {
+                    data.weatherEmoji = emojiMatch[1];
+                    data.weatherForecast = emojiMatch[2];
+                } else {
+                    // Pure text description - no emoji
+                    // Handles: prose weather like "The air crackles with magical energy"
+                    data.weatherEmoji = '';
+                    data.weatherForecast = weatherStr;
+                }
+            }
         }
         // Weather parsing (legacy emoji format)
         else if (!data.weatherEmoji && line.includes(':') && !line.includes('Info Box') && !line.includes('---')) {

src/systems/dashboard/widgets/sceneInfoWidget.js

@@ -58,29 +58,47 @@ function formatTime(timeStart, timeEnd) {
 
 /**
  * Format weather for display
- * @param {string} weatherEmoji - Weather emoji or emoji string
+ * @param {string} weatherEmoji - Weather emoji or symbol string
  * @param {string} weatherForecast - Weather description
  * @returns {Object} Formatted weather parts
  */
 function formatWeather(weatherEmoji, weatherForecast) {
-    // Data format is "Weather: emoji, forecast" parsed as:
-    //   weatherEmoji = emoji character(s)
-    //   weatherForecast = description text
-    // Display just the forecast with emoji at the end
-
     const forecast = weatherForecast || 'Clear';
 
-    // Only add emoji if it's actually an emoji (not text like "Clear")
-    // Check if weatherEmoji looks like an emoji (short string with emoji characters)
-    const emojiRegex = /[\u{1F300}-\u{1F9FF}\u{2600}-\u{26FF}\u{2700}-\u{27BF}]/u;
-    const isEmoji = weatherEmoji && weatherEmoji.length <= 3 && emojiRegex.test(weatherEmoji);
-    const emoji = isEmoji ? weatherEmoji : '☀️';
+    // If no emoji provided, display forecast text only
+    if (!weatherEmoji) {
+        return {
+            icon: '',
+            value: forecast,
+            label: ''
+        };
+    }
 
-    return {
-        icon: '', // No icon on left
-        value: `${forecast} ${emoji}`, // Forecast text with emoji on right
-        label: ''
-    };
+    // Validate emoji/symbol (relaxed check)
+    // Allow: actual emojis, custom symbols (+++, ***, etc.)
+    const emojiRegex = /[\u{1F300}-\u{1F9FF}\u{2600}-\u{26FF}\u{2700}-\u{27BF}]/u;
+    const symbolRegex = /^[+*#~\-=_]+$/;  // Custom weather symbols
+    const looksLikeEmojiOrSymbol = weatherEmoji.length <= 5 && (
+        emojiRegex.test(weatherEmoji) ||
+        symbolRegex.test(weatherEmoji)
+    );
+
+    if (looksLikeEmojiOrSymbol) {
+        // Valid emoji or symbol - append to forecast
+        return {
+            icon: '',
+            value: `${forecast} ${weatherEmoji}`,
+            label: ''
+        };
+    } else {
+        // weatherEmoji is actually text (e.g., "Clear") - combine with forecast
+        // Handles: prose weather like "The air crackles with magical energy"
+        return {
+            icon: '',
+            value: `${weatherEmoji} ${forecast}`.trim(),
+            label: ''
+        };
+    }
 }
 
 /**
@@ -110,13 +128,22 @@ function formatLocation(location) {
         return { value: 'No Location', label: '' };
     }
 
-    // Split on comma only (not hyphen - those are part of names)
-    // Example: "Seol Yi-hwan's Private Quarters, Palace District"
-    // -> value: "Seol Yi-hwan's Private Quarters", label: "Palace District"
-    const parts = location.split(',').map(p => p.trim());
+    // Split on FIRST comma only to get primary location + context
+    // Preserves hyphens in names (e.g., "Seol Yi-hwan")
+    // Example: "The Winding Stair, Third Floor, East Wing, Palace, City"
+    // -> value: "The Winding Stair", label: "Third Floor, East Wing, Palace, City"
+    const firstCommaIndex = location.indexOf(',');
+    if (firstCommaIndex !== -1 && firstCommaIndex < location.length - 1) {
+        return {
+            value: location.substring(0, firstCommaIndex).trim(),
+            label: location.substring(firstCommaIndex + 1).trim()  // Keep all remaining text
+        };
+    }
+
+    // No comma or comma at end - display full text
     return {
-        value: parts[0],
-        label: parts.slice(1).join(', ')
+        value: location,
+        label: ''
     };
 }
 

style.css

@@ -2718,9 +2718,14 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
     font-weight: 600;
     line-height: 1.2;
     color: var(--rpg-text);
-    white-space: nowrap;
+    /* Allow wrapping to 2-3 lines for long text (fantasy dates, prose) */
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
+    word-wrap: break-word;
+    overflow-wrap: break-word;
 }
 
 /* Secondary label (small, subdued) */
@@ -2729,9 +2734,14 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
     line-height: 1.2;
     color: var(--rpg-text);
     opacity: 0.7;
-    white-space: nowrap;
+    /* Allow wrapping to 2 lines for long labels */
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
+    word-wrap: break-word;
+    overflow-wrap: break-word;
 }
 
 /* Location-specific styling */