@joewinke/jatui 0.1.10 → 0.1.19

package/src/lib/utils/dateFormatters.ts

@@ -24,9 +24,11 @@ export function normalizeTimestamp(timestamp: string): string {
 
 /**
  * Parse a potentially non-standard timestamp into a Date object.
+ * Accepts a Date (returned by postgres.js), ISO string, or null/undefined.
  */
-export function parseTimestamp(timestamp: string | null | undefined): Date | null {
+export function parseTimestamp(timestamp: Date | string | null | undefined): Date | null {
 	if (!timestamp) return null;
+	if (timestamp instanceof Date) return isNaN(timestamp.getTime()) ? null : timestamp;
 
 	const normalized = normalizeTimestamp(timestamp);
 	const date = new Date(normalized);
@@ -38,7 +40,7 @@ export function parseTimestamp(timestamp: string | null | undefined): Date | nul
  * Format relative time (e.g., "2d", "3mo", "1y").
  * Compact format suitable for tables and compact UIs.
  */
-export function formatRelativeTime(dateStr: string | null | undefined): string {
+export function formatRelativeTime(dateStr: Date | string | null | undefined): string {
 	if (!dateStr) return '-';
 
 	const date = parseTimestamp(dateStr);
@@ -65,7 +67,7 @@ export function formatRelativeTime(dateStr: string | null | undefined): string {
 /**
  * Format full date and time for tooltips and detailed views.
  */
-export function formatFullDate(dateStr: string | null | undefined): string {
+export function formatFullDate(dateStr: Date | string | null | undefined): string {
 	if (!dateStr) return '';
 
 	const date = parseTimestamp(dateStr);
@@ -83,7 +85,7 @@ export function formatFullDate(dateStr: string | null | undefined): string {
 /**
  * Format short date for compact displays (e.g., date range picker).
  */
-export function formatShortDate(dateStr: string | null | undefined): string {
+export function formatShortDate(dateStr: Date | string | null | undefined): string {
 	if (!dateStr) return '';
 
 	const date = parseTimestamp(dateStr);
@@ -96,7 +98,7 @@ export function formatShortDate(dateStr: string | null | undefined): string {
  * Format last activity time for agent cards.
  * Shows "Just now", "Xm ago", "Xh ago", or "Xd ago".
  */
-export function formatLastActivity(timestamp: string | null | undefined): string {
+export function formatLastActivity(timestamp: Date | string | null | undefined): string {
 	if (!timestamp) return 'Never';
 
 	const date = parseTimestamp(timestamp);
@@ -117,7 +119,7 @@ export function formatLastActivity(timestamp: string | null | undefined): string
 /**
  * Format date for display (simple locale string).
  */
-export function formatDate(dateString: string | null | undefined): string {
+export function formatDate(dateString: Date | string | null | undefined): string {
 	if (!dateString) return 'N/A';
 
 	const date = parseTimestamp(dateString);
@@ -129,7 +131,7 @@ export function formatDate(dateString: string | null | undefined): string {
 /**
  * Get milliseconds since timestamp (for calculations).
  */
-export function getTimeSinceMs(timestamp: string | null | undefined): number {
+export function getTimeSinceMs(timestamp: Date | string | null | undefined): number {
 	if (!timestamp) return Infinity;
 
 	const date = parseTimestamp(timestamp);
@@ -141,14 +143,14 @@ export function getTimeSinceMs(timestamp: string | null | undefined): number {
 /**
  * Get minutes since timestamp.
  */
-export function getTimeSinceMinutes(timestamp: string | null | undefined): number {
+export function getTimeSinceMinutes(timestamp: Date | string | null | undefined): number {
 	return getTimeSinceMs(timestamp) / 60000;
 }
 
 /**
  * Check if timestamp is within a given number of minutes.
  */
-export function isWithinMinutes(timestamp: string | null | undefined, minutes: number): boolean {
+export function isWithinMinutes(timestamp: Date | string | null | undefined, minutes: number): boolean {
 	return getTimeSinceMinutes(timestamp) < minutes;
 }
 
@@ -156,7 +158,7 @@ export function isWithinMinutes(timestamp: string | null | undefined, minutes: n
  * Format date + time for detail views (e.g. "Jan 5, 2:30 PM").
  * No year — use formatFullDate when year is needed.
  */
-export function formatDateTime(dateStr: string | null | undefined): string {
+export function formatDateTime(dateStr: Date | string | null | undefined): string {
 	if (!dateStr) return '';
 	const date = parseTimestamp(dateStr);
 	if (!date) return '';

package/src/lib/utils/phone.ts

@@ -0,0 +1,80 @@
+import {
+	parsePhoneNumberFromString,
+	type CountryCode,
+	getCountries,
+	getCountryCallingCode,
+} from "libphonenumber-js";
+
+export const DEFAULT_COUNTRY: CountryCode = "US";
+
+export function toE164(
+	raw: string | null | undefined,
+	defaultCountry: CountryCode = DEFAULT_COUNTRY,
+): string | null {
+	if (!raw) return null;
+	const trimmed = raw.trim();
+	if (!trimmed) return null;
+	const parsed = parsePhoneNumberFromString(trimmed, defaultCountry);
+	if (parsed?.isValid()) return parsed.number;
+	return null;
+}
+
+export function formatPhoneForDisplay(e164: string | null | undefined): string {
+	if (!e164) return "";
+	const parsed = parsePhoneNumberFromString(e164);
+	if (!parsed) return e164;
+	return parsed.country === DEFAULT_COUNTRY ? parsed.formatNational() : parsed.formatInternational();
+}
+
+export function isValidPhone(
+	raw: string | null | undefined,
+	defaultCountry: CountryCode = DEFAULT_COUNTRY,
+): boolean {
+	if (!raw) return false;
+	const parsed = parsePhoneNumberFromString(raw.trim(), defaultCountry);
+	return parsed?.isValid() ?? false;
+}
+
+export type CountryOption = {
+	code: CountryCode;
+	name: string;
+	dialCode: string;
+	flag: string;
+};
+
+const COUNTRY_NAMES: Record<string, string> = {
+	US: "United States", CA: "Canada", GB: "United Kingdom", AU: "Australia", NZ: "New Zealand",
+	IE: "Ireland", DE: "Germany", FR: "France", ES: "Spain", IT: "Italy", NL: "Netherlands",
+	BE: "Belgium", CH: "Switzerland", AT: "Austria", SE: "Sweden", NO: "Norway", DK: "Denmark",
+	FI: "Finland", PT: "Portugal", PL: "Poland", CZ: "Czechia", GR: "Greece", MX: "Mexico",
+	BR: "Brazil", AR: "Argentina", CL: "Chile", CO: "Colombia", PE: "Peru", JP: "Japan",
+	KR: "South Korea", CN: "China", HK: "Hong Kong", TW: "Taiwan", SG: "Singapore", MY: "Malaysia",
+	TH: "Thailand", PH: "Philippines", ID: "Indonesia", VN: "Vietnam", IN: "India", PK: "Pakistan",
+	BD: "Bangladesh", IL: "Israel", AE: "UAE", SA: "Saudi Arabia", TR: "Turkey", EG: "Egypt",
+	ZA: "South Africa", NG: "Nigeria", KE: "Kenya", RU: "Russia", UA: "Ukraine",
+};
+
+function flagEmoji(code: string): string {
+	return code
+		.toUpperCase()
+		.split("")
+		.map((c) => String.fromCodePoint(127397 + c.charCodeAt(0)))
+		.join("");
+}
+
+let countriesCache: CountryOption[] | null = null;
+export function listCountries(): CountryOption[] {
+	if (countriesCache) return countriesCache;
+	const all = getCountries()
+		.map((code) => ({
+			code,
+			name: COUNTRY_NAMES[code] ?? code,
+			dialCode: `+${getCountryCallingCode(code)}`,
+			flag: flagEmoji(code),
+		}))
+		.sort((a, b) => a.name.localeCompare(b.name));
+	countriesCache = all;
+	return all;
+}
+
+export const PRIORITY_COUNTRIES: CountryCode[] = ["US", "CA", "GB", "AU", "MX"];

package/src/lib/utils/taskUtils.ts

@@ -6,17 +6,31 @@
 /**
  * DaisyUI badge class for a task status value.
  * Usage: <span class="badge {statusColor(task.status)}">...</span>
+ *
+ * Aligned to the canonical JAT TASK_STATUS palette
+ * (jat/ide/src/lib/config/statusColors.ts → TASK_STATUS_VISUALS) and the
+ * committed JST portal palette (jst/src/lib/components/portal/portalStatus.ts
+ * → TASK_BADGE) so a task renders the same semantics in JAT-style admin
+ * surfaces, the JST portal, and the JAT IDE:
+ *   open=ghost(neutral) · in_progress=info(blue) · blocked=warning(amber) ·
+ *   closed=success(green). Paused / mid-flight states (waiting, review) and
+ *   post-completion states (submitted, accepted, deployed) use the outline
+ *   variants JAT applies. Where JAT and JST agree (open/in_progress/closed/
+ *   waiting), this matches both; JAT's statusColors.ts is canonical otherwise.
  */
 export function statusColor(status: string): string {
 	switch (status) {
 		case 'open':        return 'badge-ghost';
-		case 'in_progress': return 'badge-warning';
-		case 'waiting':     return 'badge-warning badge-outline';
-		case 'blocked':     return 'badge-error badge-outline';
-		case 'submitted':   return 'badge-info';
-		case 'accepted':    return 'badge-success';
-		case 'deployed':    return 'badge-success badge-outline';
-		case 'closed':      return 'badge-neutral';
+		case 'in_progress': return 'badge-info';
+		case 'waiting':     return 'badge-info badge-outline';
+		case 'review':      return 'badge-info badge-outline';
+		case 'blocked':     return 'badge-warning';
+		case 'submitted':   return 'badge-secondary badge-outline';
+		case 'accepted':    return 'badge-success badge-outline';
+		case 'deployed':    return 'badge-primary badge-outline';
+		case 'rejected':    return 'badge-warning badge-outline';
+		case 'reopened':    return 'badge-warning badge-outline';
+		case 'closed':      return 'badge-success';
 		case 'dev':         return 'badge-ghost badge-outline';
 		default:            return 'badge-ghost';
 	}