Updates date-time extensions and UI tweaks.

Updates the Exceptionless.DateTimeExtensions package to version 5.0.0.

Adds missing words to cSpell configuration.

Improves date-time parsing by enforcing lowercase units, aligning with backend validation.

Adjusts UI element dimensions for better responsiveness.

Author: niemyjski

.vscode/settings.json

@@ -12,6 +12,7 @@
     "cSpell.words": [
         "acacode",
         "autodocs",
+        "axllent",
         "circleci",
         "classvalidator",
         "clsx",
@@ -36,6 +37,7 @@
         "legos",
         "lucene",
         "lucide",
+        "mailpit",
         "nameof",
         "navigatetofirstpage",
         "oidc",

src/Exceptionless.Web/ClientApp/src/lib/features/projects/components/project-log-level.svelte

@@ -171,5 +171,5 @@
         </DropdownMenu.Content>
     </DropdownMenu.Root>
 {:else}
-    <Skeleton class="h-[36px] w-[135px]" />
+    <Skeleton class="h-9 w-33.75" />
 {/if}

src/Exceptionless.Web/ClientApp/src/lib/features/sessions/components/sessions-dashboard-chart.svelte

@@ -83,7 +83,7 @@
                 }}
             >
                 {#snippet tooltip()}
-                    <Chart.Tooltip class="min-w-[250px]" indicator="line" labelFormatter={(v) => formatDateLabel(v as Date)} />
+                    <Chart.Tooltip class="min-w-62.5" indicator="line" labelFormatter={(v) => formatDateLabel(v as Date)} />
                 {/snippet}
             </AreaChart>
         </Chart.Container>

src/Exceptionless.Web/ClientApp/src/lib/features/shared/utils/datemath.test.ts

@@ -506,4 +506,60 @@ describe('DateMath Library', () => {
             });
         });
     });
+
+    describe('Elastic date-math unit enforcement (lowercase d)', () => {
+        it('should accept now-7d as a valid expression', () => {
+            const result = parseDateMath('now-7d');
+            expect(result.success).toBe(true);
+            expect(result.date).toEqual(new Date('2025-09-13T14:30:00Z'));
+        });
+
+        it('should reject now-7D (uppercase D is not a valid Elastic unit)', () => {
+            const result = parseDateMath('now-7D');
+            expect(result.success).toBe(false);
+        });
+
+        it('should accept now-1d and resolve correctly', () => {
+            const result = parseDateMath('now-1d');
+            expect(result.success).toBe(true);
+            expect(result.date).toEqual(new Date('2025-09-19T14:30:00Z'));
+        });
+
+        it('should reject now-1D (uppercase D)', () => {
+            const result = parseDateMath('now-1D');
+            expect(result.success).toBe(false);
+        });
+
+        it('should parse [now-7d TO now] range correctly', () => {
+            const range = parseDateMathRange('[now-7d TO now]');
+            expect(range.start).toEqual(new Date('2025-09-13T14:30:00Z'));
+            expect(range.end).toEqual(new Date('2025-09-20T14:30:00Z'));
+        });
+
+        it('should fail to parse [now-7D TO now] range (uppercase D)', () => {
+            const range = parseDateMathRange('[now-7D TO now]');
+            // Should fall back to default range since uppercase D is invalid
+            expect(range.start).toEqual(new Date('2012-02-01'));
+            expect(range.end.getTime()).toBeCloseTo(new Date().getTime(), -3);
+        });
+
+        it('should accept rounding with lowercase d: now/d', () => {
+            const result = parseDateMath('now/d');
+            expect(result.success).toBe(true);
+        });
+
+        it('should accept now-1d/d (subtraction + rounding with lowercase d)', () => {
+            const result = parseDateMath('now-1d/d');
+            expect(result.success).toBe(true);
+            expect(result.date).toEqual(new Date('2025-09-19T00:00:00Z'));
+        });
+
+        it('should only accept documented Elastic units: y, M, w, d, h, H, m, s', () => {
+            const validUnits = ['y', 'M', 'w', 'd', 'h', 'H', 'm', 's'];
+            validUnits.forEach((unit) => {
+                const result = parseDateMath(`now-1${unit}`);
+                expect(result.success).toBe(true);
+            });
+        });
+    });
 });

src/Exceptionless.Web/ClientApp/src/lib/features/shared/utils/datemath.ts

@@ -34,10 +34,10 @@ export const TIME_UNIT_NAMES: Record<TimeUnit, string> = {
  * Enhanced to match all backend test cases exactly
  */
 const DATE_MATH_REGEX =
-    /^(?<anchor>now|\*|(?<date>\d{4}-?\d{2}-?\d{2}(?:[T\s](?:\d{1,2}(?::?\d{2}(?::?\d{2})?)?(?:\.\d{1,3})?)?(?:[+-]\d{2}:?\d{2}|Z)?)?)(?:\|\|)?)(?<operations>(?:[+\-/]\d*[yMwdhHms])*)$/i;
+    /^(?<anchor>now|\*|(?<date>\d{4}-?\d{2}-?\d{2}(?:[T\s](?:\d{1,2}(?::?\d{2}(?::?\d{2})?)?(?:\.\d{1,3})?)?(?:[+-]\d{2}:?\d{2}|Z)?)?)(?:\|\|)?)(?<operations>(?:[+\-/]\d*[yMwdhHms])*)$/;
 
 /** Pre-compiled regex for operation parsing - more strict validation */
-const OPERATION_REGEX = /([+\-/])(\d*)([yMwdhHms])/gi;
+const OPERATION_REGEX = /([+\-/])(\d*)([yMwdhHms])/g;
 
 /** Result of parsing a date math expression */
 export interface DateMathResult {

src/Exceptionless.Web/ClientApp/src/routes/(app)/issues/+page.svelte

@@ -311,7 +311,7 @@
 
         <EventsDataTable bind:limit={queryParams.limit!} isLoading={clientStatus.isLoading} {rowClick} {rowHref} {table}>
             {#snippet footerChildren()}
-                <div class="h-9 min-w-[140px]">
+                <div class="h-9 min-w-35">
                     <TableStacksBulkActionsDropdownMenu {table} />
                 </div>
 

src/Exceptionless.Web/Exceptionless.Web.csproj

@@ -20,6 +20,7 @@
     <PackageReference Include="NEST.JsonNetSerializer" Version="7.17.5" />
     <PackageReference Include="OAuth2" Version="0.10.3" />
     <PackageReference Include="Scalar.AspNetCore" Version="2.12.40" />
+    <PackageReference Include="Scalar.AspNetCore" Version="2.12.39" />
     <PackageReference Include="Serilog.AspNetCore" Version="10.0.0" />
     <PackageReference Include="Serilog.Enrichers.Span" Version="3.1.0" />
     <PackageReference Include="Serilog.Enrichers.Environment" Version="3.0.1" />