fix(insights): keep paused calendars visible and chart scales finite (#9274)

Author: waleedlatif1

apps/sim/ee/organization-usage/components/usage-calendar.tsx

@@ -22,7 +22,7 @@ export function UsageCalendar({ organizationId, timezone, workspaceId }: UsageCa
       {calendar.isError || !calendar.data ? (
         <ChartFrame
           height={172}
-          loading={calendar.isLoading}
+          loading={calendar.isPending}
           error={calendar.isError ? 'Could not load daily usage' : undefined}
           onRetry={() => void calendar.refetch()}
         >

apps/sim/ee/organization-usage/components/usage-consumers.tsx

@@ -299,7 +299,7 @@ export function UsageConsumers({
           row={row}
           info={
             dimension === 'workspace' && !row.id
-              ? 'Usage without a workspace link, including organization-level activity and permanently deleted workspaces.'
+              ? 'Usage without a workspace link, including organization-level activity and retained charges from permanently deleted workspaces. This view cannot distinguish between them.'
               : undefined
           }
           isMember={dimension === 'member'}

packages/emcn/src/components/charts/geometry.test.ts

@@ -15,6 +15,19 @@ describe('resolveBarTickValues', () => {
     expect(resolveBarTickValues(peak)).toEqual(expected)
   })
 
+  it.each([Number.MIN_VALUE, 1e-323, 2e-323, 1.5e308, Number.MAX_VALUE])(
+    'keeps a finite, increasing scale covering an extreme finite peak of %s',
+    (peak) => {
+      const ticks = resolveBarTickValues(peak)
+      expect(ticks.length).toBeGreaterThanOrEqual(2)
+      expect(ticks.length).toBeLessThanOrEqual(6)
+      expect(ticks[0]).toBe(0)
+      expect(ticks[ticks.length - 1]).toBeGreaterThanOrEqual(peak)
+      expect(ticks.every(Number.isFinite)).toBe(true)
+      expect(ticks.every((tick, index) => index === 0 || tick > ticks[index - 1])).toBe(true)
+    }
+  )
+
   it.each([0, -1, Number.NaN, Number.POSITIVE_INFINITY])(
     'provides a finite, nonzero scale for an empty or invalid peak of %s',
     (peak) => {

packages/emcn/src/components/charts/geometry.ts

@@ -47,8 +47,12 @@ export function resolveBarTickValues(peak: number): number[] {
   const magnitude = 10 ** Math.floor(Math.log10(roughStep))
   const multiple = [1, 2, 5, 10].find((candidate) => candidate * magnitude >= roughStep) ?? 10
   const step = Math.max(peak >= 1 ? 1 : 0, multiple * magnitude)
+  if (!Number.isFinite(ceiling) || !Number.isFinite(step) || step <= 0) return [0, peak]
   const intervals = Math.ceil(ceiling / step)
-  return Array.from({ length: intervals + 1 }, (_, index) => Number((index * step).toPrecision(12)))
+  const ticks = Array.from({ length: intervals + 1 }, (_, index) =>
+    Number((index * step).toPrecision(12))
+  )
+  return ticks.every(Number.isFinite) ? ticks : [0, peak]
 }
 
 /** Vertical clamp for plotted geometry, keeping strokes off the axis rules. */