@renseiai/agentfactory-dashboard 0.8.3 → 0.8.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@renseiai/agentfactory-dashboard",
-  "version": "0.8.3",
+  "version": "0.8.4",
   "description": "Premium dashboard UI components for AgentFactory",
   "author": "Rensei AI (https://rensei.ai)",
   "license": "MIT",
@@ -69,10 +69,13 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "tailwindcss": "^3.4.0",
-    "typescript": "^5"
+    "typescript": "^5",
+    "vitest": "^3.2.3"
   },
   "scripts": {
     "dev": "cd dev && next dev",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run --passWithNoTests",
+    "test:watch": "vitest"
   }
 }

package/src/lib/format.test.ts

@@ -0,0 +1,103 @@
+import { describe, it, expect } from 'vitest'
+import { formatDuration, formatCost, formatTokens, formatRelativeTime } from './format.js'
+
+describe('formatDuration', () => {
+  it('returns "0s" for zero seconds', () => {
+    expect(formatDuration(0)).toBe('0s')
+  })
+
+  it('returns seconds for values under 60', () => {
+    expect(formatDuration(30)).toBe('30s')
+    expect(formatDuration(1)).toBe('1s')
+    expect(formatDuration(59)).toBe('59s')
+  })
+
+  it('returns minutes for values under 3600', () => {
+    expect(formatDuration(60)).toBe('1m')
+    expect(formatDuration(300)).toBe('5m')
+  })
+
+  it('returns minutes and seconds when remainder exists', () => {
+    expect(formatDuration(90)).toBe('1m 30s')
+    expect(formatDuration(125)).toBe('2m 5s')
+  })
+
+  it('returns hours for values >= 3600', () => {
+    expect(formatDuration(3600)).toBe('1h')
+    expect(formatDuration(7200)).toBe('2h')
+  })
+
+  it('returns hours and minutes when remainder exists', () => {
+    expect(formatDuration(5400)).toBe('1h 30m')
+    expect(formatDuration(3660)).toBe('1h 1m')
+  })
+})
+
+describe('formatCost', () => {
+  it('returns "$0.00" for null, undefined, or zero', () => {
+    expect(formatCost(null)).toBe('$0.00')
+    expect(formatCost(undefined)).toBe('$0.00')
+    expect(formatCost(0)).toBe('$0.00')
+  })
+
+  it('returns 4 decimal places for sub-cent amounts', () => {
+    expect(formatCost(0.001)).toBe('$0.0010')
+    expect(formatCost(0.0001)).toBe('$0.0001')
+    expect(formatCost(0.0099)).toBe('$0.0099')
+  })
+
+  it('returns 2 decimal places for amounts >= $0.01', () => {
+    expect(formatCost(0.01)).toBe('$0.01')
+    expect(formatCost(1.23)).toBe('$1.23')
+    expect(formatCost(99.99)).toBe('$99.99')
+    expect(formatCost(100)).toBe('$100.00')
+  })
+})
+
+describe('formatTokens', () => {
+  it('returns "0" for null, undefined, or zero', () => {
+    expect(formatTokens(null)).toBe('0')
+    expect(formatTokens(undefined)).toBe('0')
+    expect(formatTokens(0)).toBe('0')
+  })
+
+  it('returns raw number for values under 1000', () => {
+    expect(formatTokens(1)).toBe('1')
+    expect(formatTokens(500)).toBe('500')
+    expect(formatTokens(999)).toBe('999')
+  })
+
+  it('returns "k" suffix for values in thousands', () => {
+    expect(formatTokens(1000)).toBe('1.0k')
+    expect(formatTokens(1500)).toBe('1.5k')
+    expect(formatTokens(999_999)).toBe('1000.0k')
+  })
+
+  it('returns "M" suffix for values in millions', () => {
+    expect(formatTokens(1_000_000)).toBe('1.00M')
+    expect(formatTokens(1_234_567)).toBe('1.23M')
+    expect(formatTokens(10_000_000)).toBe('10.00M')
+  })
+})
+
+describe('formatRelativeTime', () => {
+  it('returns "just now" for timestamps within 60 seconds', () => {
+    const now = new Date().toISOString()
+    expect(formatRelativeTime(now)).toBe('just now')
+  })
+
+  it('returns minutes ago for timestamps within the hour', () => {
+    const fiveMinAgo = new Date(Date.now() - 5 * 60 * 1000).toISOString()
+    expect(formatRelativeTime(fiveMinAgo)).toBe('5m ago')
+  })
+
+  it('returns hours ago for timestamps within the day', () => {
+    const twoHoursAgo = new Date(Date.now() - 2 * 60 * 60 * 1000).toISOString()
+    expect(formatRelativeTime(twoHoursAgo)).toBe('2h ago')
+  })
+
+  it('returns days ago for timestamps older than 24 hours', () => {
+    const threeDaysAgo = new Date(Date.now() - 3 * 24 * 60 * 60 * 1000).toISOString()
+    expect(formatRelativeTime(threeDaysAgo)).toBe('3d ago')
+  })
+})

package/src/lib/status-config.test.ts

@@ -0,0 +1,50 @@
+import { describe, it, expect } from 'vitest'
+import { getStatusConfig } from './status-config.js'
+import type { SessionStatus, StatusConfig } from './status-config.js'
+
+const allStatuses: SessionStatus[] = ['queued', 'parked', 'working', 'completed', 'failed', 'stopped']
+
+const requiredFields: (keyof StatusConfig)[] = ['label', 'dotColor', 'textColor', 'bgColor', 'borderColor', 'glowClass']
+
+describe('getStatusConfig', () => {
+  it.each(allStatuses)('returns a config for status "%s"', (status) => {
+    const config = getStatusConfig(status)
+    expect(config).toBeDefined()
+  })
+
+  it.each(allStatuses)('config for "%s" has all required string fields', (status) => {
+    const config = getStatusConfig(status)
+    for (const field of requiredFields) {
+      expect(typeof config[field]).toBe('string')
+    }
+  })
+
+  it.each(allStatuses)('config for "%s" has an animate boolean', (status) => {
+    const config = getStatusConfig(status)
+    expect(typeof config.animate).toBe('boolean')
+  })
+
+  it('returns a label matching the status name (capitalized)', () => {
+    expect(getStatusConfig('working').label).toBe('Working')
+    expect(getStatusConfig('queued').label).toBe('Queued')
+    expect(getStatusConfig('parked').label).toBe('Parked')
+    expect(getStatusConfig('completed').label).toBe('Completed')
+    expect(getStatusConfig('failed').label).toBe('Failed')
+    expect(getStatusConfig('stopped').label).toBe('Stopped')
+  })
+
+  it('returns animate: true only for active statuses', () => {
+    expect(getStatusConfig('working').animate).toBe(true)
+    expect(getStatusConfig('queued').animate).toBe(true)
+    expect(getStatusConfig('completed').animate).toBe(false)
+    expect(getStatusConfig('failed').animate).toBe(false)
+    expect(getStatusConfig('stopped').animate).toBe(false)
+    expect(getStatusConfig('parked').animate).toBe(false)
+  })
+
+  it('falls back to queued config for unknown status', () => {
+    const config = getStatusConfig('nonexistent' as SessionStatus)
+    const queuedConfig = getStatusConfig('queued')
+    expect(config).toEqual(queuedConfig)
+  })
+})

package/src/lib/work-type-config.test.ts

@@ -0,0 +1,63 @@
+import { describe, it, expect } from 'vitest'
+import { getWorkTypeConfig } from './work-type-config.js'
+import type { WorkTypeConfig } from './work-type-config.js'
+
+const knownWorkTypes = [
+  'development',
+  'bugfix',
+  'feature',
+  'qa',
+  'qa-coordination',
+  'acceptance',
+  'acceptance-coordination',
+  'coordination',
+  'research',
+  'backlog-creation',
+  'inflight',
+  'refinement',
+  'refinement-coordination',
+  'refactor',
+  'review',
+  'docs',
+]
+
+const requiredFields: (keyof WorkTypeConfig)[] = ['label', 'color', 'bgColor', 'borderColor']
+
+describe('getWorkTypeConfig', () => {
+  it.each(knownWorkTypes)('returns a config for work type "%s"', (workType) => {
+    const config = getWorkTypeConfig(workType)
+    expect(config).toBeDefined()
+  })
+
+  it.each(knownWorkTypes)('config for "%s" has all required string fields', (workType) => {
+    const config = getWorkTypeConfig(workType)
+    for (const field of requiredFields) {
+      expect(typeof config[field]).toBe('string')
+    }
+  })
+
+  it.each(knownWorkTypes)('config for "%s" has non-empty label', (workType) => {
+    const config = getWorkTypeConfig(workType)
+    expect(config.label.length).toBeGreaterThan(0)
+  })
+
+  it('is case-insensitive', () => {
+    expect(getWorkTypeConfig('Development')).toEqual(getWorkTypeConfig('development'))
+    expect(getWorkTypeConfig('QA')).toEqual(getWorkTypeConfig('qa'))
+    expect(getWorkTypeConfig('BUGFIX')).toEqual(getWorkTypeConfig('bugfix'))
+  })
+
+  it('returns default config for unknown work types', () => {
+    const config = getWorkTypeConfig('nonexistent')
+    expect(config.label).toBe('Unknown')
+    expect(config.color).toBeDefined()
+    expect(config.bgColor).toBeDefined()
+    expect(config.borderColor).toBeDefined()
+  })
+
+  it('returns distinct labels for each known work type', () => {
+    const labels = knownWorkTypes.map((wt) => getWorkTypeConfig(wt).label)
+    const uniqueLabels = new Set(labels)
+    expect(uniqueLabels.size).toBe(labels.length)
+  })
+})