@khemsok/tunl 0.1.0 → 0.1.2

package/dist/cli.js

@@ -55096,129 +55096,97 @@ var useTerminalDimensions = () => {
 };
 
 // src/cli.tsx
-import { execSync as execSync2 } from "child_process";
+import { execSync as execSync3 } from "child_process";
 
 // src/app.tsx
-var import_react17 = __toESM(require_react(), 1);
+var import_react21 = __toESM(require_react(), 1);
+
+// src/utils/time.ts
+function formatMinutes(totalMinutes) {
+  const hours = Math.floor(totalMinutes / 60);
+  const mins = totalMinutes % 60;
+  if (hours > 0) {
+    return `${hours}h ${mins}m`;
+  }
+  return `${mins}m`;
+}
+function formatTime(seconds) {
+  const m2 = Math.floor(seconds / 60);
+  const s = seconds % 60;
+  return `${String(m2).padStart(2, "0")}:${String(s).padStart(2, "0")}`;
+}
+
+// src/theme.ts
+var COLORS = {
+  text: "#CDD6F4",
+  textBody: "#B8C0E0",
+  textMuted: "#9399B2",
+  textDim: "#7F849C",
+  textDimmer: "#585B70",
+  textLabel: "#6E738D",
+  accent: "#7FDBCA",
+  highlight: "#E0F0FF",
+  white: "#FFFFFF",
+  success: "#A6DA95",
+  warning: "#EED49F",
+  error: "#ED8796",
+  orange: "#F5A97F",
+  purple: "#C6A0F6",
+  border: "#6C7086"
+};
+var CELEBRATION_COLORS = [
+  COLORS.purple,
+  COLORS.accent,
+  COLORS.orange,
+  COLORS.highlight,
+  COLORS.warning
+];
 
 // node_modules/@opentui/react/jsx-dev-runtime.js
 var import_jsx_dev_runtime2 = __toESM(require_jsx_dev_runtime(), 1);
 
 // src/components/timer.tsx
 var DIGITS = {
-  "0": [
-    "\u2588\u2580\u2580\u2588",
-    "\u2588  \u2588",
-    "\u2588  \u2588",
-    "\u2588  \u2588",
-    "\u2588\u2584\u2584\u2588"
-  ],
-  "1": [
-    " \u2584\u2588 ",
-    "  \u2588 ",
-    "  \u2588 ",
-    "  \u2588 ",
-    " \u2584\u2588\u2584"
-  ],
-  "2": [
-    "\u2588\u2580\u2580\u2588",
-    "   \u2588",
-    "\u2588\u2580\u2580\u2580",
-    "\u2588   ",
-    "\u2588\u2584\u2584\u2584"
-  ],
-  "3": [
-    "\u2588\u2580\u2580\u2588",
-    "   \u2588",
-    " \u2580\u2580\u2588",
-    "   \u2588",
-    "\u2588\u2584\u2584\u2588"
-  ],
-  "4": [
-    "\u2588  \u2588",
-    "\u2588  \u2588",
-    "\u2580\u2580\u2580\u2588",
-    "   \u2588",
-    "   \u2588"
-  ],
-  "5": [
-    "\u2588\u2580\u2580\u2580",
-    "\u2588   ",
-    "\u2580\u2580\u2580\u2588",
-    "   \u2588",
-    "\u2588\u2584\u2584\u2588"
-  ],
-  "6": [
-    "\u2588\u2580\u2580\u2580",
-    "\u2588   ",
-    "\u2588\u2580\u2580\u2588",
-    "\u2588  \u2588",
-    "\u2588\u2584\u2584\u2588"
-  ],
-  "7": [
-    "\u2588\u2580\u2580\u2588",
-    "   \u2588",
-    "   \u2588",
-    "  \u2588 ",
-    "  \u2588 "
-  ],
-  "8": [
-    "\u2588\u2580\u2580\u2588",
-    "\u2588  \u2588",
-    "\u2588\u2580\u2580\u2588",
-    "\u2588  \u2588",
-    "\u2588\u2584\u2584\u2588"
-  ],
-  "9": [
-    "\u2588\u2580\u2580\u2588",
-    "\u2588  \u2588",
-    "\u2580\u2580\u2580\u2588",
-    "   \u2588",
-    "\u2588\u2584\u2584\u2588"
-  ],
-  ":": [
-    "    ",
-    " \u2580\u2580 ",
-    "    ",
-    " \u2580\u2580 ",
-    "    "
-  ]
+  "0": ["\u250C\u2500\u2510", "\u2502 \u2502", "\u2514\u2500\u2518"],
+  "1": [" \u2500\u2510", "  \u2502", " \u2500\u2518"],
+  "2": ["\u250C\u2500\u2510", "\u250C\u2500\u2518", "\u2514\u2500 "],
+  "3": ["\u250C\u2500\u2510", " \u2500\u2524", "\u2514\u2500\u2518"],
+  "4": ["\u2502 \u2502", "\u2514\u2500\u2524", "  \u2502"],
+  "5": ["\u250C\u2500 ", "\u2514\u2500\u2510", "\u2500\u2500\u2518"],
+  "6": ["\u250C\u2500 ", "\u251C\u2500\u2510", "\u2514\u2500\u2518"],
+  "7": ["\u2500\u2500\u2510", "  \u2502", "  \u2502"],
+  "8": ["\u250C\u2500\u2510", "\u251C\u2500\u2524", "\u2514\u2500\u2518"],
+  "9": ["\u250C\u2500\u2510", "\u2514\u2500\u2524", "  \u2502"],
+  ":": ["   ", " \xB7 ", " \xB7 "]
 };
-function formatTime(seconds) {
-  const m2 = Math.floor(seconds / 60);
-  const s = seconds % 60;
-  return `${String(m2).padStart(2, "0")}:${String(s).padStart(2, "0")}`;
-}
-function TimerDisplay({
-  remaining,
-  color,
-  animTick
-}) {
-  const timeStr = formatTime(remaining);
-  const fg2 = color || "#E0F0FF";
-  const colonVisible = animTick === undefined || animTick % 2 === 0;
-  const colonLines = colonVisible ? DIGITS[":"] : ["    ", "    ", "    ", "    ", "    "];
-  const lines = ["", "", "", "", ""];
+function getTimerLines(seconds) {
+  const timeStr = formatTime(seconds);
+  const lines = ["", "", ""];
   for (let i = 0;i < timeStr.length; i++) {
     const char = timeStr[i];
-    const digitLines = char === ":" ? colonLines : DIGITS[char] || DIGITS["0"];
-    for (let row = 0;row < 5; row++) {
+    const digitLines = DIGITS[char] || DIGITS["0"];
+    for (let row = 0;row < 3; row++) {
       lines[row] += digitLines[row] + " ";
     }
   }
+  return lines;
+}
+function TimerDisplay({ remaining, color }) {
+  const timerLines = getTimerLines(remaining);
+  const fg2 = color || COLORS.text;
   return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
     justifyContent: "center",
     alignItems: "center",
     width: "100%",
     children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
       fg: fg2,
-      children: lines.join(`
+      children: timerLines.join(`
 `)
     }, undefined, false, undefined, this)
   }, undefined, false, undefined, this);
 }
 
-// src/components/progress-bar.tsx
+// src/utils/colors.ts
 function interpolateColor(color1, color2, t2) {
   const r = Math.round(color1[0] + (color2[0] - color1[0]) * t2);
   const g2 = Math.round(color1[1] + (color2[1] - color1[1]) * t2);
@@ -55241,10 +55209,9 @@ function getGradientColor(progress) {
   }
   return interpolateColor(STOPS[STOPS.length - 2].color, STOPS[STOPS.length - 1].color, 1);
 }
-function ProgressBar({
-  progress,
-  width
-}) {
+
+// src/components/progress-bar.tsx
+function ProgressBar({ progress, width }) {
   const barWidth = Math.max(width - 10, 20);
   const filledCount = Math.round(progress * barWidth);
   const emptyCount = barWidth - filledCount;
@@ -55263,11 +55230,11 @@ function ProgressBar({
           children: filled
         }, undefined, false, undefined, this),
         /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-          fg: "#585B70",
+          fg: COLORS.textDimmer,
           children: empty
         }, undefined, false, undefined, this),
         /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-          fg: "#9399B2",
+          fg: COLORS.textMuted,
           children: ` ${String(percent).padStart(3)}%`
         }, undefined, false, undefined, this)
       ]
@@ -55561,13 +55528,14 @@ var cityTheme = {
 };
 
 // src/components/art-canvas.tsx
+var FULL_CYCLE_TICKS = 375;
 function ArtCanvas({
   stage,
   theme,
   animTick
 }) {
-  const progress = stage / Math.max(NUM_STAGES - 1, 1);
-  const artData = theme.generate ? theme.generate(progress, animTick, 70) : theme.stages[Math.min(stage, theme.stages.length - 1)];
+  const tickProgress = Math.min(animTick / FULL_CYCLE_TICKS, 1);
+  const artData = theme.generate ? theme.generate(tickProgress, animTick, 70) : theme.stages[Math.min(Math.floor(tickProgress * (NUM_STAGES - 1)), theme.stages.length - 1)];
   return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
     flexGrow: 1,
     width: "100%",
@@ -55603,7 +55571,7 @@ function StatusBar({
     width: "100%",
     borderStyle: "single",
     border: ["top"],
-    borderColor: "#6C7086",
+    borderColor: COLORS.border,
     children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
       justifyContent: "center",
       alignItems: "center",
@@ -55611,77 +55579,89 @@ function StatusBar({
       children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
         children: [
           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-            fg: "#9399B2",
+            fg: COLORS.textMuted,
             children: "q"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-            fg: "#7F849C",
+            fg: COLORS.textDim,
             children: " quit"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-            fg: "#6C7086",
+            fg: COLORS.border,
             children: " \xB7 "
           }, undefined, false, undefined, this),
           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-            fg: "#9399B2",
+            fg: COLORS.textMuted,
             children: "space"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-            fg: "#7F849C",
+            fg: COLORS.textDim,
             children: timerStatus === "idle" ? " start" : timerStatus === "running" ? " pause" : timerStatus === "paused" ? " resume" : " restart"
           }, undefined, false, undefined, this),
           timerStatus === "idle" && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(import_jsx_dev_runtime2.Fragment, {
             children: [
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: "#6C7086",
+                fg: COLORS.border,
                 children: " \xB7 "
               }, undefined, false, undefined, this),
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: "#9399B2",
+                fg: COLORS.textMuted,
                 children: "+/-"
               }, undefined, false, undefined, this),
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: "#7F849C",
+                fg: COLORS.textDim,
                 children: " time"
               }, undefined, false, undefined, this),
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: "#6C7086",
+                fg: COLORS.border,
                 children: " \xB7 "
               }, undefined, false, undefined, this),
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: "#9399B2",
+                fg: COLORS.textMuted,
                 children: "s"
               }, undefined, false, undefined, this),
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: "#7F849C",
+                fg: COLORS.textDim,
                 children: " sites"
               }, undefined, false, undefined, this),
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: "#6C7086",
+                fg: COLORS.border,
                 children: " \xB7 "
               }, undefined, false, undefined, this),
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: "#9399B2",
+                fg: COLORS.textMuted,
                 children: "t"
               }, undefined, false, undefined, this),
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: "#7F849C",
+                fg: COLORS.textDim,
                 children: " theme"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                fg: COLORS.border,
+                children: " \xB7 "
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                fg: COLORS.textMuted,
+                children: "i"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                fg: COLORS.textDim,
+                children: " stats"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
           (timerStatus === "running" || timerStatus === "paused") && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(import_jsx_dev_runtime2.Fragment, {
             children: [
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: "#6C7086",
+                fg: COLORS.border,
                 children: " \xB7 "
               }, undefined, false, undefined, this),
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: "#9399B2",
+                fg: COLORS.textMuted,
                 children: "r"
               }, undefined, false, undefined, this),
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: "#7F849C",
+                fg: COLORS.textDim,
                 children: " stop"
               }, undefined, false, undefined, this)
             ]
@@ -55689,11 +55669,11 @@ function StatusBar({
           timerStatus === "running" && blockedCount > 0 && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(import_jsx_dev_runtime2.Fragment, {
             children: [
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: "#6C7086",
+                fg: COLORS.border,
                 children: " \xB7 "
               }, undefined, false, undefined, this),
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: "#ED8796",
+                fg: COLORS.error,
                 children: [
                   "\u2715 ",
                   blockedCount,
@@ -55708,6 +55688,50 @@ function StatusBar({
   }, undefined, false, undefined, this);
 }
 
+// src/components/stats-screen.tsx
+function StatsScreen({ config }) {
+  const timeStr = formatMinutes(config.totalMinutesFocused);
+  return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+    flexDirection: "column",
+    width: "100%",
+    height: "100%",
+    alignItems: "center",
+    justifyContent: "center",
+    children: [
+      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+        fg: COLORS.accent,
+        children: "focus stats"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+        height: 2
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+        fg: COLORS.text,
+        children: "  sessions      " + config.totalSessions
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+        fg: COLORS.text,
+        children: "  total focused  " + timeStr
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+        fg: COLORS.text,
+        children: "  day streak     " + config.currentStreak
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+        fg: COLORS.text,
+        children: "  last session   " + (config.lastSessionDate || "never")
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+        height: 2
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+        fg: COLORS.textMuted,
+        children: "esc to go back"
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
 // src/components/onboarding.tsx
 var import_react11 = __toESM(require_react(), 1);
 
@@ -55741,7 +55765,11 @@ var DEFAULTS = {
   duration: 25,
   blockedSites: DEFAULT_SITES,
   theme: "city",
-  noblock: false
+  noblock: false,
+  totalSessions: 0,
+  totalMinutesFocused: 0,
+  lastSessionDate: "",
+  currentStreak: 0
 };
 function loadConfig() {
   if (!existsSync3(CONFIG_PATH)) {
@@ -55796,7 +55824,7 @@ function Onboarding({
       height: "100%",
       children: [
         /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          fg: "#7FDBCA",
+          fg: COLORS.accent,
           children: LOGO.join(`
 `)
         }, undefined, false, undefined, this),
@@ -55804,14 +55832,14 @@ function Onboarding({
           height: 1
         }, undefined, false, undefined, this),
         /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          fg: "#6E738D",
+          fg: COLORS.textBody,
           children: TAGLINE
         }, undefined, false, undefined, this),
         /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
           height: 2
         }, undefined, false, undefined, this),
         /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          fg: "#494D64",
+          fg: COLORS.textMuted,
           children: "press space to begin setup"
         }, undefined, false, undefined, this)
       ]
@@ -55826,21 +55854,21 @@ function Onboarding({
       height: "100%",
       children: [
         /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          fg: "#7FDBCA",
+          fg: COLORS.accent,
           children: "sites to block during focus:"
         }, undefined, false, undefined, this),
         /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
           height: 1
         }, undefined, false, undefined, this),
         DEFAULT_SITES.map((site, i) => /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          fg: "#EED49F",
+          fg: COLORS.warning,
           children: "  \u2713 " + site
         }, i, false, undefined, this)),
         /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
           height: 2
         }, undefined, false, undefined, this),
         /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          fg: "#494D64",
+          fg: COLORS.textMuted,
           children: "press space to confirm \xB7 use --block to add more"
         }, undefined, false, undefined, this)
       ]
@@ -55854,7 +55882,7 @@ function Onboarding({
     height: "100%",
     children: [
       /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-        fg: "#7FDBCA",
+        fg: COLORS.accent,
         children: "focus duration:"
       }, undefined, false, undefined, this),
       /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
@@ -55863,17 +55891,17 @@ function Onboarding({
       /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("ascii-font", {
         text: String(duration),
         font: "block",
-        color: "#E0F0FF"
+        color: COLORS.highlight
       }, undefined, false, undefined, this),
       /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-        fg: "#6E738D",
+        fg: COLORS.textLabel,
         children: "minutes"
       }, undefined, false, undefined, this),
       /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
         height: 2
       }, undefined, false, undefined, this),
       /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-        fg: "#494D64",
+        fg: COLORS.textMuted,
         children: "\u2191/\u2193 to adjust \xB7 space to start"
       }, undefined, false, undefined, this)
     ]
@@ -55956,14 +55984,14 @@ function SiteEditor({
     justifyContent: "center",
     children: [
       /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-        fg: "#7FDBCA",
+        fg: COLORS.accent,
         children: "edit blocked sites"
       }, undefined, false, undefined, this),
       /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
         height: 1
       }, undefined, false, undefined, this),
       /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-        fg: "#B8C0E0",
+        fg: COLORS.textBody,
         children: "\u2191/\u2193 navigate \xB7 space toggle \xB7 enter save \xB7 esc cancel"
       }, undefined, false, undefined, this),
       /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
@@ -55973,8 +56001,8 @@ function SiteEditor({
         const isEnabled = enabled.has(site);
         const isCursor = i === cursor;
         const prefix = isEnabled ? "\u2713" : "\u25CB";
-        const prefixColor = isEnabled ? "#A6DA95" : "#9399B2";
-        const textColor = isCursor ? "#FFFFFF" : "#B8C0E0";
+        const prefixColor = isEnabled ? COLORS.success : COLORS.textMuted;
+        const textColor = isCursor ? COLORS.white : COLORS.textBody;
         const indicator = isCursor ? " \u25C0" : "";
         return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
           children: [
@@ -55987,7 +56015,7 @@ function SiteEditor({
               children: site
             }, undefined, false, undefined, this),
             /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-              fg: "#7FDBCA",
+              fg: COLORS.accent,
               children: indicator
             }, undefined, false, undefined, this)
           ]
@@ -55996,11 +56024,11 @@ function SiteEditor({
       /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
         children: [
           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-            fg: cursor === allDisplaySites.length ? "#FFFFFF" : "#B8C0E0",
+            fg: cursor === allDisplaySites.length ? COLORS.white : COLORS.textBody,
             children: "  + add new site"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-            fg: "#7FDBCA",
+            fg: COLORS.accent,
             children: cursor === allDisplaySites.length ? " \u25C0" : ""
           }, undefined, false, undefined, this)
         ]
@@ -56013,15 +56041,15 @@ function SiteEditor({
           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
             children: [
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: "#B8C0E0",
+                fg: COLORS.textBody,
                 children: "  site: "
               }, undefined, false, undefined, this),
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: "#FFFFFF",
+                fg: COLORS.white,
                 children: inputBuffer
               }, undefined, false, undefined, this),
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: "#7FDBCA",
+                fg: COLORS.accent,
                 children: "_"
               }, undefined, false, undefined, this)
             ]
@@ -56032,7 +56060,7 @@ function SiteEditor({
         height: 1
       }, undefined, false, undefined, this),
       /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-        fg: "#9399B2",
+        fg: COLORS.textMuted,
         children: `${enabled.size} site${enabled.size !== 1 ? "s" : ""} selected`
       }, undefined, false, undefined, this)
     ]
@@ -56073,14 +56101,14 @@ function ThemePicker({
     justifyContent: "center",
     children: [
       /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-        fg: "#7FDBCA",
+        fg: COLORS.accent,
         children: "choose art theme"
       }, undefined, false, undefined, this),
       /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
         height: 1
       }, undefined, false, undefined, this),
       /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-        fg: "#B8C0E0",
+        fg: COLORS.textBody,
         children: "\u2191/\u2193 navigate \xB7 space select \xB7 esc cancel"
       }, undefined, false, undefined, this),
       /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
@@ -56090,8 +56118,8 @@ function ThemePicker({
         const isCurrent = theme.name === currentTheme;
         const isCursor = i === cursor;
         const prefix = isCurrent ? "\u25C9" : "\u25CB";
-        const prefixColor = isCurrent ? "#7FDBCA" : "#9399B2";
-        const textColor = isCursor ? "#FFFFFF" : "#B8C0E0";
+        const prefixColor = isCurrent ? COLORS.accent : COLORS.textMuted;
+        const textColor = isCursor ? COLORS.white : COLORS.textBody;
         return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
           flexDirection: "column",
           alignItems: "center",
@@ -56107,13 +56135,13 @@ function ThemePicker({
                   children: theme.name
                 }, undefined, false, undefined, this),
                 /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                  fg: "#7FDBCA",
+                  fg: COLORS.accent,
                   children: isCursor ? " \u25C0" : ""
                 }, undefined, false, undefined, this)
               ]
             }, undefined, true, undefined, this),
             isCursor && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-              fg: "#7F849C",
+              fg: COLORS.textDim,
               children: "    " + (DESCRIPTIONS[theme.name] || "")
             }, undefined, false, undefined, this)
           ]
@@ -56644,7 +56672,26 @@ var spaceTheme = {
   generate: generateSpace
 };
 
-// src/blocker.ts
+// src/lib/session.ts
+function recordSession(durationMinutes) {
+  const config = loadConfig();
+  const today = new Date().toISOString().split("T")[0];
+  const yesterday = new Date(Date.now() - 86400000).toISOString().split("T")[0];
+  let streak = config.currentStreak;
+  if (config.lastSessionDate === today) {} else if (config.lastSessionDate === yesterday) {
+    streak += 1;
+  } else {
+    streak = 1;
+  }
+  saveConfig({
+    totalSessions: config.totalSessions + 1,
+    totalMinutesFocused: config.totalMinutesFocused + durationMinutes,
+    lastSessionDate: today,
+    currentStreak: streak
+  });
+}
+
+// src/lib/blocker.ts
 import { existsSync as existsSync5, readFileSync as readFileSync2, writeFileSync as writeFileSync2, unlinkSync } from "fs";
 import { execSync } from "child_process";
 import { homedir as homedir2 } from "os";
@@ -56656,49 +56703,64 @@ var PID_PATH = join3(homedir2(), ".tunl.pid");
 function validateSite(site) {
   return /^[a-zA-Z0-9.-]+$/.test(site);
 }
-function blockSites(sites) {
-  cleanupStaleBlocks();
-  const validSites = sites.filter(validateSite);
-  if (validSites.length === 0)
-    return;
-  writeFileSync2(PID_PATH, String(process.pid));
-  const entries = validSites.flatMap((s) => [`127.0.0.1 ${s}`, `127.0.0.1 www.${s}`]).join(`
+function blockHosts(sites) {
+  unblockHosts();
+  const entries = sites.flatMap((s) => [
+    `0.0.0.0 ${s}`,
+    `0.0.0.0 www.${s}`,
+    `:: ${s}`,
+    `:: www.${s}`
+  ]).join(`
 `);
-  const block = `
+  const currentHosts = readFileSync2(HOSTS_PATH, "utf-8").trimEnd();
+  const block = `${currentHosts}
 ${START_MARKER}
 ${entries}
 ${END_MARKER}
 `;
   const tmpPath = join3(homedir2(), ".tunl-block.tmp");
   writeFileSync2(tmpPath, block);
-  execSync(`sudo sh -c 'cat "${tmpPath}" >> ${HOSTS_PATH}'`);
+  execSync(`sudo cp "${tmpPath}" ${HOSTS_PATH}`);
   unlinkSync(tmpPath);
-  try {
-    execSync("sudo dscacheutil -flushcache 2>/dev/null");
-  } catch {}
-  try {
-    execSync("sudo killall -HUP mDNSResponder 2>/dev/null");
-  } catch {}
 }
-function unblockSites() {
+function unblockHosts() {
   try {
     const hosts = readFileSync2(HOSTS_PATH, "utf-8");
     const startIdx = hosts.indexOf(START_MARKER);
     const endIdx = hosts.indexOf(END_MARKER);
     if (startIdx === -1 || endIdx === -1)
       return;
-    const cleaned = hosts.slice(0, startIdx) + hosts.slice(endIdx + END_MARKER.length);
+    const cleaned = (hosts.slice(0, startIdx) + hosts.slice(endIdx + END_MARKER.length)).trimEnd() + `
+`;
     const tmpPath = join3(homedir2(), ".tunl-hosts.tmp");
     writeFileSync2(tmpPath, cleaned);
     execSync(`sudo cp "${tmpPath}" ${HOSTS_PATH}`);
     unlinkSync(tmpPath);
-    try {
-      execSync("sudo dscacheutil -flushcache 2>/dev/null");
-    } catch {}
-    try {
-      execSync("sudo killall -HUP mDNSResponder 2>/dev/null");
-    } catch {}
+  } catch {}
+}
+function flushDNS() {
+  try {
+    execSync("sudo dscacheutil -flushcache 2>/dev/null");
+  } catch {}
+  try {
+    execSync("sudo killall -HUP mDNSResponder 2>/dev/null");
   } catch {}
+  try {
+    execSync("sudo killall mDNSResponderHelper 2>/dev/null");
+  } catch {}
+}
+function blockSites(sites) {
+  cleanupStaleBlocks();
+  const validSites = sites.filter(validateSite);
+  if (validSites.length === 0)
+    return;
+  writeFileSync2(PID_PATH, String(process.pid));
+  blockHosts(validSites);
+  flushDNS();
+}
+function unblockSites() {
+  unblockHosts();
+  flushDNS();
   try {
     if (existsSync5(PID_PATH))
       unlinkSync(PID_PATH);
@@ -56714,8 +56776,21 @@ function cleanupStaleBlocks() {
     unblockSites();
   }
 }
+
+// src/lib/terminal.ts
+function destroyRenderer() {
+  const renderer = globalThis.__tunl_renderer;
+  if (renderer) {
+    try {
+      renderer.destroy();
+    } catch {}
+    globalThis.__tunl_renderer = null;
+  }
+  process.stdout.write("\x1B[?25h\x1B[?1000l\x1B[?1002l\x1B[?1003l\x1B[?1006l\x1B[?1049l");
+}
 function registerCleanup() {
   const cleanup = () => {
+    destroyRenderer();
     try {
       unblockSites();
     } catch {}
@@ -56723,7 +56798,9 @@ function registerCleanup() {
   };
   process.on("SIGINT", cleanup);
   process.on("SIGTERM", cleanup);
+  process.on("exit", destroyRenderer);
   process.on("uncaughtException", (err) => {
+    destroyRenderer();
     try {
       unblockSites();
     } catch {}
@@ -56732,37 +56809,12 @@ function registerCleanup() {
   });
 }
 
-// src/app.tsx
-var ALL_THEMES = [cityTheme, forestTheme, spaceTheme];
-function App({
-  initialDuration,
-  noblock,
-  extraBlocks
-}) {
-  const config = loadConfig();
-  const [screen, setScreen] = import_react17.useState(config.isFirstRun ? "onboarding" : "timer");
+// src/hooks/use-timer.ts
+var import_react17 = __toESM(require_react(), 1);
+function useTimer(initialSeconds, onFinish) {
   const [timerStatus, setTimerStatus] = import_react17.useState("idle");
-  const [totalSeconds, setTotalSeconds] = import_react17.useState((initialDuration || config.duration) * 60);
-  const [remainingSeconds, setRemainingSeconds] = import_react17.useState((initialDuration || config.duration) * 60);
-  const [artStage, setArtStage] = import_react17.useState(0);
-  const [blockedSites, setBlockedSites] = import_react17.useState(config.blockedSites);
-  const [isBlocking, setIsBlocking] = import_react17.useState(false);
-  const [celebrationColor, setCelebrationColor] = import_react17.useState("#E0F0FF");
-  const [blockError, setBlockError] = import_react17.useState(null);
-  const [animTick, setAnimTick] = import_react17.useState(0);
-  const [currentTheme, setCurrentTheme] = import_react17.useState(ALL_THEMES.find((t2) => t2.name === config.theme) || cityTheme);
-  const { width } = useTerminalDimensions();
-  import_react17.useEffect(() => {
-    registerCleanup();
-  }, []);
-  import_react17.useEffect(() => {
-    if (screen === "onboarding" || screen === "sites" || screen === "themes")
-      return;
-    const interval = setInterval(() => {
-      setAnimTick((t2) => t2 + 1);
-    }, 800);
-    return () => clearInterval(interval);
-  }, [screen]);
+  const [totalSeconds, setTotalSeconds] = import_react17.useState(initialSeconds);
+  const [remainingSeconds, setRemainingSeconds] = import_react17.useState(initialSeconds);
   import_react17.useEffect(() => {
     if (timerStatus !== "running")
       return;
@@ -56771,131 +56823,219 @@ function App({
         if (prev <= 1) {
           clearInterval(interval);
           setTimerStatus("finished");
-          setArtStage(NUM_STAGES - 1);
-          setScreen("completed");
-          if (isBlocking) {
-            try {
-              unblockSites();
-            } catch {}
-            setIsBlocking(false);
-          }
+          onFinish();
           return 0;
         }
-        const next = prev - 1;
-        const elapsed = totalSeconds - next;
-        const progress2 = elapsed / totalSeconds;
-        const easedProgress = Math.sqrt(progress2);
-        const newStage = Math.min(Math.floor(easedProgress * NUM_STAGES), NUM_STAGES - 1);
-        setArtStage(newStage);
-        return next;
+        return prev - 1;
       });
     }, 1000);
     return () => clearInterval(interval);
-  }, [timerStatus, totalSeconds]);
-  import_react17.useEffect(() => {
-    if (screen !== "completed")
+  }, [timerStatus]);
+  function adjustDuration(deltaSeconds) {
+    const newTotal = Math.max(totalSeconds + deltaSeconds, 60);
+    setTotalSeconds(newTotal);
+    setRemainingSeconds(newTotal);
+  }
+  function resetTimer() {
+    setTimerStatus("idle");
+    setRemainingSeconds(totalSeconds);
+  }
+  function setDuration(seconds) {
+    setTotalSeconds(seconds);
+    setRemainingSeconds(seconds);
+  }
+  return {
+    timerStatus,
+    totalSeconds,
+    remainingSeconds,
+    setTimerStatus,
+    adjustDuration,
+    resetTimer,
+    setDuration
+  };
+}
+
+// src/hooks/use-animation.ts
+var import_react18 = __toESM(require_react(), 1);
+function useAnimation(timerStatus) {
+  const [animTick, setAnimTick] = import_react18.useState(0);
+  import_react18.useEffect(() => {
+    if (timerStatus !== "running" && timerStatus !== "paused")
+      return;
+    const interval = setInterval(() => {
+      setAnimTick((t2) => t2 + 1);
+    }, 800);
+    return () => clearInterval(interval);
+  }, [timerStatus]);
+  function resetAnimation() {
+    setAnimTick(0);
+  }
+  return { animTick, resetAnimation };
+}
+
+// src/hooks/use-celebration.ts
+var import_react19 = __toESM(require_react(), 1);
+function useCelebration(active) {
+  const [celebrationColor, setCelebrationColor] = import_react19.useState(COLORS.highlight);
+  import_react19.useEffect(() => {
+    if (!active)
       return;
-    const colors = ["#C6A0F6", "#7FDBCA", "#F5A97F", "#E0F0FF", "#EED49F"];
     let idx = 0;
     const interval = setInterval(() => {
-      idx = (idx + 1) % colors.length;
-      setCelebrationColor(colors[idx]);
+      idx = (idx + 1) % CELEBRATION_COLORS.length;
+      setCelebrationColor(CELEBRATION_COLORS[idx]);
     }, 400);
     return () => clearInterval(interval);
-  }, [screen]);
-  const startSession = () => {
+  }, [active]);
+  return celebrationColor;
+}
+
+// src/hooks/use-blocker.ts
+var import_react20 = __toESM(require_react(), 1);
+function useBlocker() {
+  const [isBlocking, setIsBlocking] = import_react20.useState(false);
+  const [blockError, setBlockError] = import_react20.useState(null);
+  function startBlocking(sites) {
+    try {
+      blockSites(sites);
+      setIsBlocking(true);
+      setBlockError(null);
+    } catch (err) {
+      setBlockError(err?.message || "Failed to block sites");
+    }
+  }
+  function stopBlocking() {
+    if (!isBlocking)
+      return;
+    try {
+      unblockSites();
+    } catch {}
+    setIsBlocking(false);
+  }
+  return { isBlocking, blockError, startBlocking, stopBlocking };
+}
+
+// src/app.tsx
+var ALL_THEMES = [cityTheme, forestTheme, spaceTheme];
+function App({ initialDuration, noblock, extraBlocks }) {
+  const [config, setConfig] = import_react21.useState(() => loadConfig());
+  const [screen, setScreen] = import_react21.useState(config.isFirstRun ? "onboarding" : "timer");
+  const [blockedSites, setBlockedSites] = import_react21.useState(config.blockedSites);
+  const [currentTheme, setCurrentTheme] = import_react21.useState(ALL_THEMES.find((t2) => t2.name === config.theme) || cityTheme);
+  const initialSeconds = (initialDuration || config.duration) * 60;
+  const { isBlocking, blockError, startBlocking, stopBlocking } = useBlocker();
+  const timer = useTimer(initialSeconds, () => {
+    setScreen("completed");
+    recordSession(Math.round(timer.totalSeconds / 60));
+    setConfig(loadConfig());
+    stopBlocking();
+  });
+  const { animTick, resetAnimation } = useAnimation(timer.timerStatus);
+  const celebrationColor = useCelebration(screen === "completed");
+  const { width } = useTerminalDimensions();
+  import_react21.useEffect(() => {
+    registerCleanup();
+  }, []);
+  function startSession() {
     if (!noblock && blockedSites.length > 0) {
-      try {
-        const sites = [...blockedSites, ...extraBlocks || []];
-        blockSites(sites);
-        setIsBlocking(true);
-        setBlockError(null);
-      } catch (err) {
-        setBlockError(err?.message || "Failed to block sites");
-      }
+      const sites = [...blockedSites, ...extraBlocks || []];
+      startBlocking(sites);
     }
-    setTimerStatus("running");
-  };
+    timer.setTimerStatus("running");
+  }
+  function resetSession() {
+    stopBlocking();
+    timer.resetTimer();
+    resetAnimation();
+  }
   useKeyboard((key) => {
     if (key.ctrl && key.name === "c") {
-      if (isBlocking) {
-        try {
-          unblockSites();
-        } catch {}
-      }
+      stopBlocking();
       process.exit(0);
     }
-    if (screen === "onboarding" || screen === "sites" || screen === "themes")
+    if (screen === "stats") {
+      if (key.name === "escape" || key.name === "q" || key.name === "i") {
+        setScreen("timer");
+      }
       return;
+    }
+    if (screen === "onboarding" || screen === "sites" || screen === "themes") {
+      return;
+    }
     if (key.name === "q") {
-      if (isBlocking) {
-        try {
-          unblockSites();
-        } catch {}
-      }
+      stopBlocking();
       process.exit(0);
     }
     if (screen === "timer") {
-      if (key.name === "s" && timerStatus === "idle") {
+      handleTimerKeys(key);
+    }
+    if (screen === "completed" && key.name === "space") {
+      timer.resetTimer();
+      resetAnimation();
+      setScreen("timer");
+    }
+  });
+  function handleTimerKeys(key) {
+    if (timer.timerStatus === "idle") {
+      if (key.name === "s") {
         setScreen("sites");
         return;
       }
-      if (key.name === "t" && timerStatus === "idle") {
+      if (key.name === "t") {
         setScreen("themes");
         return;
       }
+      if (key.name === "i") {
+        setScreen("stats");
+        return;
+      }
       if (key.name === "space") {
-        if (timerStatus === "idle") {
-          startSession();
-        } else if (timerStatus === "running") {
-          setTimerStatus("paused");
-        } else if (timerStatus === "paused") {
-          setTimerStatus("running");
-        }
+        startSession();
+        return;
       }
-      if (key.name === "r" && (timerStatus === "running" || timerStatus === "paused")) {
-        if (isBlocking) {
-          try {
-            unblockSites();
-          } catch {}
-          setIsBlocking(false);
-        }
-        setTimerStatus("idle");
-        setRemainingSeconds(totalSeconds);
-        setArtStage(0);
+      if (key.name === "=" || key.name === "+") {
+        const newTotal = timer.totalSeconds + 300;
+        timer.adjustDuration(300);
+        saveConfig({ duration: newTotal / 60 });
+        return;
       }
-      if (timerStatus === "idle") {
-        if (key.name === "=" || key.name === "+") {
-          const newTotal = totalSeconds + 300;
-          setTotalSeconds(newTotal);
-          setRemainingSeconds(newTotal);
-        }
-        if (key.name === "-") {
-          const newTotal = Math.max(totalSeconds - 300, 60);
-          setTotalSeconds(newTotal);
-          setRemainingSeconds(newTotal);
-        }
+      if (key.name === "-") {
+        const newTotal = Math.max(timer.totalSeconds - 300, 60);
+        timer.adjustDuration(-300);
+        saveConfig({ duration: newTotal / 60 });
+        return;
       }
     }
-    if (screen === "completed") {
-      if (key.name === "space") {
-        setRemainingSeconds(totalSeconds);
-        setArtStage(0);
-        setTimerStatus("idle");
-        setScreen("timer");
+    if (key.name === "space") {
+      if (timer.timerStatus === "running") {
+        timer.setTimerStatus("paused");
+      } else if (timer.timerStatus === "paused") {
+        timer.setTimerStatus("running");
       }
     }
-  });
-  const handleOnboardingComplete = (result) => {
+    if (key.name === "r" && (timer.timerStatus === "running" || timer.timerStatus === "paused")) {
+      resetSession();
+    }
+  }
+  function handleOnboardingComplete(result) {
     setBlockedSites(result.blockedSites);
-    setTotalSeconds(result.duration * 60);
-    setRemainingSeconds(result.duration * 60);
+    timer.setDuration(result.duration * 60);
     saveConfig({
       duration: result.duration,
       blockedSites: result.blockedSites
     });
     setScreen("timer");
-  };
+  }
+  function handleSitesSave(sites) {
+    setBlockedSites(sites);
+    saveConfig({ blockedSites: sites });
+    setScreen("timer");
+  }
+  function handleThemeSelect(theme) {
+    setCurrentTheme(theme);
+    saveConfig({ theme: theme.name });
+    setScreen("timer");
+  }
   if (screen === "onboarding") {
     return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(Onboarding, {
       onComplete: handleOnboardingComplete
@@ -56904,11 +57044,7 @@ function App({
   if (screen === "sites") {
     return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(SiteEditor, {
       currentSites: blockedSites,
-      onSave: (sites) => {
-        setBlockedSites(sites);
-        saveConfig({ blockedSites: sites });
-        setScreen("timer");
-      },
+      onSave: handleSitesSave,
       onCancel: () => setScreen("timer")
     }, undefined, false, undefined, this);
   }
@@ -56916,32 +57052,28 @@ function App({
     return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(ThemePicker, {
       themes: ALL_THEMES,
       currentTheme: currentTheme.name,
-      onSelect: (theme) => {
-        setCurrentTheme(theme);
-        saveConfig({ theme: theme.name });
-        setScreen("timer");
-      },
+      onSelect: handleThemeSelect,
       onCancel: () => setScreen("timer")
     }, undefined, false, undefined, this);
   }
-  const progress = totalSeconds > 0 ? 1 - remainingSeconds / totalSeconds : 0;
-  const timerColor = screen === "completed" ? celebrationColor : "#E0F0FF";
+  if (screen === "stats") {
+    return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(StatsScreen, {
+      config
+    }, undefined, false, undefined, this);
+  }
+  const progress = timer.totalSeconds > 0 ? 1 - timer.remainingSeconds / timer.totalSeconds : 0;
+  const timerColor = screen === "completed" ? celebrationColor : COLORS.text;
+  const displayStatus = screen === "completed" ? "finished" : timer.timerStatus;
   return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
     flexDirection: "column",
     width: "100%",
     height: "100%",
     children: [
       /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-        justifyContent: "center",
-        alignItems: "center",
-        width: "100%",
-        children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          fg: "#7FDBCA",
-          children: screen === "completed" ? "\u2726 tunl \u2726" : "\u25C9 tunl"
-        }, undefined, false, undefined, this)
+        height: 1
       }, undefined, false, undefined, this),
       /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(TimerDisplay, {
-        remaining: remainingSeconds,
+        remaining: timer.remainingSeconds,
         color: timerColor
       }, undefined, false, undefined, this),
       /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(ProgressBar, {
@@ -56952,38 +57084,117 @@ function App({
         justifyContent: "center",
         alignItems: "center",
         width: "100%",
-        children: screen === "completed" ? /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          fg: celebrationColor,
-          children: "\u2726 Session complete! " + Math.round(totalSeconds / 60) + " minutes of pure focus. \u2726"
-        }, undefined, false, undefined, this) : blockError ? /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          fg: "#ED8796",
-          children: "\u26A0 " + blockError
-        }, undefined, false, undefined, this) : timerStatus === "idle" ? /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          fg: "#9399B2",
-          children: "press space to start focusing"
-        }, undefined, false, undefined, this) : timerStatus === "paused" ? /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          fg: "#EED49F",
-          children: "paused \u2014 press space to resume"
-        }, undefined, false, undefined, this) : /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          fg: "#9399B2",
-          children: "stay focused..."
+        children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(TimerStatusMessage, {
+          screen,
+          timerStatus: timer.timerStatus,
+          blockError,
+          config,
+          totalSeconds: timer.totalSeconds,
+          celebrationColor
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
       /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(ArtCanvas, {
-        stage: artStage,
+        stage: 0,
         theme: currentTheme,
         animTick
       }, undefined, false, undefined, this),
       /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(StatusBar, {
         blockedCount: isBlocking ? blockedSites.length : 0,
         blockedSites: isBlocking ? blockedSites : [],
-        timerStatus: screen === "completed" ? "finished" : timerStatus
+        timerStatus: displayStatus
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
+function TimerStatusMessage({
+  screen,
+  timerStatus,
+  blockError,
+  config,
+  totalSeconds
+}) {
+  if (screen === "completed") {
+    return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+      children: [
+        /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+          fg: COLORS.accent,
+          children: "done. "
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+          fg: COLORS.textMuted,
+          children: [
+            config.totalSessions,
+            " sessions \xB7",
+            " ",
+            config.totalMinutesFocused,
+            " min total",
+            config.currentStreak > 0 ? ` \xB7 ${config.currentStreak} day streak` : ""
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this);
+  }
+  if (blockError) {
+    return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+      fg: COLORS.error,
+      children: blockError
+    }, undefined, false, undefined, this);
+  }
+  if (timerStatus === "idle") {
+    return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+      children: [
+        /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+          fg: COLORS.border,
+          children: "space to begin"
+        }, undefined, false, undefined, this),
+        config.totalSessions > 0 && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+          fg: COLORS.textDimmer,
+          children: " \xB7 " + config.totalSessions + " sessions" + (config.currentStreak > 1 ? " \xB7 " + config.currentStreak + " day streak" : "")
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this);
+  }
+  if (timerStatus === "paused") {
+    return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+      fg: COLORS.warning,
+      children: "paused"
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+    fg: COLORS.border,
+    children: " "
+  }, undefined, false, undefined, this);
+}
 
-// src/cli.tsx
+// src/lib/browser-dns.ts
+import { existsSync as existsSync6, writeFileSync as writeFileSync3, unlinkSync as unlinkSync2 } from "fs";
+import { execSync as execSync2 } from "child_process";
+import { homedir as homedir3 } from "os";
+import { join as join4 } from "path";
+var BROWSERS = [
+  "com.google.Chrome",
+  "com.google.Chrome.canary",
+  "company.thebrowser.Browser",
+  "com.microsoft.Edge",
+  "com.brave.Browser",
+  "com.vivaldi.Vivaldi",
+  "com.operasoftware.Opera"
+];
+var DNS_SETUP_FLAG = join4(homedir3(), ".tunl-dns-setup");
+function setupBrowserDNS() {
+  if (existsSync6(DNS_SETUP_FLAG))
+    return false;
+  for (const bundle of BROWSERS) {
+    try {
+      execSync2(`defaults write ${bundle} BuiltInDnsClientEnabled -bool false 2>/dev/null`);
+      execSync2(`defaults write ${bundle} DnsOverHttpsMode -string "off" 2>/dev/null`);
+    } catch {}
+  }
+  writeFileSync3(DNS_SETUP_FLAG, new Date().toISOString());
+  return true;
+}
+
+// src/utils/args.ts
 function parseArgs(argv) {
   const opts = {
     duration: undefined,
@@ -56991,6 +57202,7 @@ function parseArgs(argv) {
     extraBlocks: [],
     sites: undefined,
     showConfig: false,
+    showStats: false,
     resetConfig: false
   };
   for (let i = 0;i < argv.length; i++) {
@@ -57008,10 +57220,19 @@ function parseArgs(argv) {
       i++;
     } else if (arg === "--config") {
       opts.showConfig = true;
+    } else if (arg === "--stats") {
+      opts.showStats = true;
     } else if (arg === "--reset") {
       opts.resetConfig = true;
     } else if (arg === "--help" || arg === "-h") {
-      console.log(`
+      printHelp();
+      process.exit(0);
+    }
+  }
+  return opts;
+}
+function printHelp() {
+  console.log(`
   tunl \u2014 Terminal Focus Timer with Art Reveal
 
   Usage:
@@ -57020,6 +57241,7 @@ function parseArgs(argv) {
     tunl --block "site.com"      Add extra sites to block
     tunl --sites "site1,site2"   Set the full blocklist (saves to config)
     tunl --noblock               Timer + art only, no site blocking
+    tunl --stats                 Show focus stats and streaks
     tunl --config                Show current saved config
     tunl --reset                 Reset config (re-run onboarding)
     tunl --help                  Show this help
@@ -57029,41 +57251,21 @@ function parseArgs(argv) {
     q        Quit
     +/-      Adjust time by 5 minutes (before starting)
 `);
-      process.exit(0);
-    }
-  }
-  return opts;
 }
+
+// src/cli.tsx
 async function main2() {
   const args = parseArgs(process.argv.slice(2));
+  if (args.showStats) {
+    printStats();
+    process.exit(0);
+  }
   if (args.showConfig) {
-    const config = loadConfig();
-    console.log(`
-  \u25C9 tunl config (~/.tunl.json)
-`);
-    console.log(`  Duration:  ${config.duration} minutes`);
-    console.log(`  Theme:     ${config.theme}`);
-    console.log(`  No-block:  ${config.noblock}`);
-    console.log(`  Sites:     ${config.blockedSites.join(", ")}`);
-    console.log(`  First run: ${config.isFirstRun}
-`);
+    printConfig();
     process.exit(0);
   }
   if (args.resetConfig) {
-    const { unlinkSync: unlinkSync2, existsSync: existsSync4 } = await import("fs");
-    const { homedir: homedir3 } = await import("os");
-    const { join: join4 } = await import("path");
-    const configPath = join4(homedir3(), ".tunl.json");
-    if (existsSync4(configPath)) {
-      unlinkSync2(configPath);
-      console.log(`
-  \u2713 Config reset. Next run will show onboarding.
-`);
-    } else {
-      console.log(`
-  No config found. Already fresh.
-`);
-    }
+    await resetConfig();
     process.exit(0);
   }
   if (args.sites) {
@@ -57072,6 +57274,18 @@ async function main2() {
   \u2713 Blocklist updated: ${args.sites.join(", ")}
 `);
   }
+  if (!args.noblock) {
+    const needsRestart = setupBrowserDNS();
+    if (needsRestart) {
+      console.log(`
+  \u25C9 tunl \u2014 first-time setup
+`);
+      console.log("  Disabled browser built-in DNS so site blocking works.");
+      console.log("  Please restart your browser (Chrome/Arc/Edge) for this to take effect.");
+      console.log(`  This only needs to happen once.
+`);
+    }
+  }
   if (!args.noblock) {
     console.log(`
   \u25C9 tunl \u2014 Terminal Focus Timer
@@ -57080,7 +57294,7 @@ async function main2() {
     console.log(`  You'll be prompted for your password.
 `);
     try {
-      execSync2("sudo -v", { stdio: "inherit" });
+      execSync3("sudo -v", { stdio: "inherit" });
       console.log(`
   \u2713 Ready! Entering focus mode...
 `);
@@ -57097,6 +57311,7 @@ async function main2() {
     useMouse: false,
     enableMouseMovement: false
   });
+  globalThis.__tunl_renderer = renderer;
   const root = createRoot(renderer);
   root.render(/* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(App, {
     initialDuration: args.duration,
@@ -57104,7 +57319,56 @@ async function main2() {
     extraBlocks: args.extraBlocks
   }, undefined, false, undefined, this));
 }
+function printStats() {
+  const config = loadConfig();
+  const timeStr = formatMinutes(config.totalMinutesFocused);
+  console.log(`
+  \u25C9 tunl stats
+`);
+  console.log(`  Sessions:      ${config.totalSessions}`);
+  console.log(`  Total focused: ${timeStr}`);
+  console.log(`  Day streak:    ${config.currentStreak}`);
+  console.log(`  Last session:  ${config.lastSessionDate || "never"}`);
+  console.log(`  Timer:         ${config.duration} min`);
+  console.log(`  Theme:         ${config.theme}
+`);
+}
+function printConfig() {
+  const config = loadConfig();
+  console.log(`
+  \u25C9 tunl config (~/.tunl.json)
+`);
+  console.log(`  Duration:  ${config.duration} minutes`);
+  console.log(`  Theme:     ${config.theme}`);
+  console.log(`  No-block:  ${config.noblock}`);
+  console.log(`  Sites:     ${config.blockedSites.join(", ")}`);
+  console.log(`  First run: ${config.isFirstRun}
+`);
+}
+async function resetConfig() {
+  const { unlinkSync: unlinkSync3, existsSync: existsSync4 } = await import("fs");
+  const { homedir: homedir4 } = await import("os");
+  const { join: join5 } = await import("path");
+  const configPath = join5(homedir4(), ".tunl.json");
+  if (existsSync4(configPath)) {
+    unlinkSync3(configPath);
+    console.log(`
+  \u2713 Config reset. Next run will show onboarding.
+`);
+  } else {
+    console.log(`
+  No config found. Already fresh.
+`);
+  }
+}
 main2().catch((err) => {
+  const renderer = globalThis.__tunl_renderer;
+  if (renderer) {
+    try {
+      renderer.destroy();
+    } catch {}
+  }
+  process.stdout.write("\x1B[?25h\x1B[?1049l");
   console.error("tunl error:", err);
   process.exit(1);
 });