Move production to beenvoice.app with migrated accounts, refreshed auth and timer UX, and expanded invoice flows.

Official URL migration preserves sessions, shortcuts prefs, and last clock-in client; auth screens match web with legal links; time clock and invoice editor/send flows are updated for the new domain and UI patterns.

Co-authored-by: Cursor <cursoragent@cursor.com>

widgets/TimeClockActivity.tsx

@@ -12,6 +12,24 @@ import { createLiveActivity, type LiveActivityEnvironment } from "expo-widgets";
 
 import type { TimeClockActivityProps } from "@/lib/time-clock-live-activity.types";
 
+const TIMER_HORIZON_MS = 24 * 60 * 60 * 1000;
+
+function liveTimer(
+  startedAtMs: number,
+  modifiers: ReturnType<typeof font>[],
+) {
+  const lower = new Date(startedAtMs);
+  const upper = new Date(startedAtMs + TIMER_HORIZON_MS);
+
+  return (
+    <Text
+      timerInterval={{ lower, upper }}
+      countsDown={false}
+      modifiers={modifiers}
+    />
+  );
+}
+
 function TimeClockActivity(props: TimeClockActivityProps, _environment: LiveActivityEnvironment) {
   "widget";
 
@@ -19,6 +37,7 @@ function TimeClockActivity(props: TimeClockActivityProps, _environment: LiveActi
   const title = props.description.trim() || "Clock In";
   const clientLabel = props.clientName.trim() || title;
   const subtitle = props.invoiceLabel.trim();
+  const startedAtMs = props.startedAtMs > 0 ? props.startedAtMs : Date.now();
 
   const timerMods = [
     font({ design: "monospaced", weight: "bold", size: 20 }),
@@ -47,6 +66,9 @@ function TimeClockActivity(props: TimeClockActivityProps, _environment: LiveActi
     minimumScaleFactor(0.85),
   ];
 
+  const bannerTimer = liveTimer(startedAtMs, timerMods);
+  const compactTimer = liveTimer(startedAtMs, compactTimerMods);
+
   return {
     banner: (
       <HStack alignment="center" spacing={8} modifiers={[padding({ horizontal: 14, vertical: 12 })]}>
@@ -58,7 +80,7 @@ function TimeClockActivity(props: TimeClockActivityProps, _environment: LiveActi
         />
         <Text modifiers={clientMods}>{clientLabel}</Text>
         <Spacer minLength={12} />
-        <Text modifiers={timerMods}>{props.elapsedShort}</Text>
+        {bannerTimer}
       </HStack>
     ),
     bannerSmall: (
@@ -71,7 +93,7 @@ function TimeClockActivity(props: TimeClockActivityProps, _environment: LiveActi
         />
         <Text modifiers={clientMods}>{clientLabel}</Text>
         <Spacer minLength={8} />
-        <Text modifiers={compactTimerMods}>{props.elapsedShort}</Text>
+        {compactTimer}
       </HStack>
     ),
     compactLeading: (
@@ -82,7 +104,7 @@ function TimeClockActivity(props: TimeClockActivityProps, _environment: LiveActi
         modifiers={[widgetAccentedRenderingMode("fullColor")]}
       />
     ),
-    compactTrailing: <Text modifiers={compactTimerMods}>{props.elapsedShort}</Text>,
+    compactTrailing: compactTimer,
     minimal: (
       <Image
         systemName="dollarsign.circle.fill"
@@ -100,7 +122,7 @@ function TimeClockActivity(props: TimeClockActivityProps, _environment: LiveActi
       />
     ),
     expandedCenter: <Text modifiers={clientMods}>{clientLabel}</Text>,
-    expandedTrailing: <Text modifiers={timerMods}>{props.elapsedShort}</Text>,
+    expandedTrailing: bannerTimer,
     expandedBottom: (
       <Text modifiers={subtitleMods}>{subtitle || "beenvoice"}</Text>
     ),