1<!doctype html> 2<html lang="en"> 3 <head> 4 <meta charset="utf-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1" /> 6
6<script> 7 try { 8 var p = JSON.parse(localStorage.getItem('monkeio-preferences') || '{}'); 9 var t = p.theme; 10 if (['obsidian','terminal','paper','slate','sketch','ristretto','mono'].includes(t)) { 11 document.documentElement.dataset.colorTheme = t; 12 } 13 // Load only the font needed for the active theme. 14 // terminal, slate, mono use system fonts â no Google Fonts needed. 15 var f = { 16 obsidian: 'https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap', 17 paper: 'https://fonts.googleapis.com/css2?family=Young+Serif&display=swap', 18 sketch: 'https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap', 19 ristretto: 'https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400&display=swap' 20 }; 21 var url = f.hasOwnProperty(t) ? f[t] : (t ? null : f.obsidian); 22 if (url) { 23 var l = document.createElement('link'); 24 l.rel = 'preload'; 25 l.as = 'style'; 26 l.href = url; 27 l.onload = function() { this.rel = 'stylesheet'; }; 28 document.head.appendChild(l); 29 } 30 } catch (e) {} 31 </script>
31 32 <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)" /> 33 <meta name="theme-color" content="#09090b" media="(prefers-color-scheme: dark)" /> 34 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" /> 35 <link rel="preconnect" href="https://fonts.googleapis.com" /> 36 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 37 38 <link href="./_app/immutable/assets/charts.C7Al86Hp.css" rel="stylesheet"> 39 <link href="./_app/immutable/assets/0.C8DCMTwK.css" rel="stylesheet"> 40 <link href="./_app/immutable/assets/drawer-trigger.BUKjZNL4.css" rel="stylesheet"><!--12qhfyh--><link rel="icon" href="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='64'%20height='64'%20viewBox='0%200%2064%2064'%3e%3ctitle%3eDeepwork%20favicon%3c/title%3e%3ccircle%20cx='32'%20cy='32'%20r='32'%20fill='oklch(0.795%200.184%2086.047)'%20/%3e%3c/svg%3e"/><!----><!--18eq0vv--><!--[!--><!--]--> <!---->
40<script>(function setInitialMode({ defaultMode = "system", themeColors, darkClassNames = ["dark"], lightClassNames = [], defaultTheme = "", modeStorageKey = "mode-watcher-mode", themeStorageKey = "mode-watcher-theme" }) { 41 const rootEl = document.documentElement; 42 const mode = localStorage.getItem(modeStorageKey) ?? defaultMode; 43 const theme = localStorage.getItem(themeStorageKey) ?? defaultTheme; 44 const light = mode === "light" || mode === "system" && window.matchMedia("(prefers-color-scheme: light)").matches; 45 if (light) { 46 if (darkClassNames.length) 47 rootEl.classList.remove(...darkClassNames.filter(Boolean)); 48 if (lightClassNames.length) 49 rootEl.classList.add(...lightClassNames.filter(Boolean)); 50 } else { 51 if (lightClassNames.length) 52 rootEl.classList.remove(...lightClassNames.filter(Boolean)); 53 if (darkClassNames.length) 54 rootEl.classList.add(...darkClassNames.filter(Boolean)); 55 } 56 rootEl.style.colorScheme = light ? "light" : "dark"; 57 if (themeColors) { 58 const themeMetaEl = document.querySelector('meta[name="theme-color"]'); 59 if (themeMetaEl) { 60 themeMetaEl.setAttribute("content", mode === "light" ? themeColors.light : themeColors.dark); 61 } 62 } 63 if (theme) { 64 rootEl.setAttribute("data-theme", theme); 65 localStorage.setItem(themeStorageKey, theme); 66 } 67 localStorage.setItem(modeStorageKey, mode); 68})({"defaultMode":"light","darkClassNames":["dark"],"lightClassNames":[],"defaultTheme":"","modeStorageKey":"mode-watcher-mode","themeStorageKey":"mode-watcher-theme"});</script>
68<!----><!----><!--gsrl61--><meta name="description" content="See what's shipped, what's in progress, and what's coming next for Monkeio â the minimal focus timer for deep workers and makers."/> <link rel="canonical" href="https://monkeio.com/roadmap"/> <meta property="og:title" content="Roadmap | Monkeio"/> <meta property="og:description" content="See what's shipped, what's in progress, and what's coming next for Monkeio â the minimal focus timer for deep workers and makers."/> <meta property="og:type" content="website"/> <meta property="og:url" content="https://monkeio.com/roadmap"/> <meta property="og:image" content="https://monkeio.com/og-image.png"/> <meta property="og:image:width" content="1200"/> <meta property="og:image:height" content="630"/> <meta property="og:site_name" content="Monkeio"/> <meta property="og:locale" content="en_US"/> <!--[!--><!--]--> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:title" content="Roadmap | Monkeio"/> <meta name="twitter:description" content="See what's shipped, what's in progress, and what's coming next for Monkeio â the minimal focus timer for deep workers and makers."/> <meta name="twitter:image" content="https://monkeio.com/og-image.png"/> <!--[!--><meta name="robots" content="index, follow"/><!--]--><!----><title>Roadmap | Monkeio</title> 69 </head> 70 <body data-sveltekit-preload-data="hover"> 71 <div style="display: contents"><!--[--><!--[--><!----><!--[!--><!--]--><!----> <section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false" class="svelte-7oacl3"><!--[!--><!--]--></section><!----> <!--[!--><!--]--><!----> <div class="app-shell min-h-screen bg-background text-foreground"><!--[!--><!----><!----> <header class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 pt-8 sm:pt-10 lg:pt-12 pb-6 sm:pb-8"><nav aria-label="Main navigation" class="flex items-center justify-between gap-3 sm:gap-4"><div class="flex items-center gap-2 sm:gap-3"><a href="./" class="flex items-center gap-2 text-sm font-medium"><!--[--><svg class="w-8 h-8 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" fill="currentColor" aria-label="Deep Work Logo"><path d="M102.64,78.71c1.06,1.72,2.14,3.39,3.16,5.1,2.25,3.77,3.15,7.8,2.02,12.11-.62,2.37-1.75,4.45-3.8,5.99-3.2,2.42-6.81,3.91-10.65,4.87-1.5,.37-2.8,.89-3.96,2.02-2.41,2.36-5.57,3.24-8.79,3.8-4.84,.85-9.29-.65-13.6-2.58-4.92-2.21-9.62-4.81-13.91-8.13-4.09-3.16-8.78-5.21-13.58-6.98-5.59-2.06-10.7-4.88-14.77-9.26-1.81-1.95-3.3-4.24-4.75-6.49-.66-1.02-1.34-1.87-2.39-2.47-7.69-4.43-10.91-11.5-11.92-19.97-.43-3.61-.17-7.15,.47-10.69,.21-1.15,.49-2.3,.88-3.4,1.36-3.86,4.15-5.95,8.28-5.97,1.6,0,2.41-.6,3.3-1.88,1.88-2.71,3.99-5.28,6.14-7.78,3.62-4.22,7.88-7.73,12.65-10.56,6.94-4.12,14.33-7.02,22.3-8.54,3.64-.69,7.26-.8,10.92-.74,6.74,.12,12.96,2.06,18.41,5.99,2.27,1.64,4.3,3.7,6.12,5.84,5.29,6.18,10.45,12.48,15.62,18.76,2.53,3.06,4.64,6.3,5.08,10.44,.42,3.91-.62,7.35-2.63,10.6-.4,.64-.86,1.25-1.36,1.82-1.2,1.38-1.73,2.89-2.04,4.77-.59,3.6-1.93,7.05-4.34,9.94-.92,1.11-1.86,2.2-2.85,3.38Zm-3.28,21.3c-2.06-.37-3.74-.79-5.44-.96-4.64-.49-8.82-2.19-12.67-4.72-1.01-.66-1.9-1-3.04-.33-.75,.43-1.51,.15-2.02-.53-.58-.77-.41-1.54,.16-2.28,1.68-2.17,3.14-2.39,5.43-.81,.4,.27,.78,.57,1.18,.84,2.4,1.67,5.04,2.85,7.83,3.67,3.6,1.06,7.36,1.07,11.06,1.4,.46,.04,.93-.11,1.61-.21,.19-.95,.43-1.86,.56-2.8,.46-3.47-1.18-6.29-2.86-9.09-.92-1.54-1.93-3.03-2.8-4.59-.83-1.5-.62-2.27,.63-3.47,.71-.68,1.34-1.43,2.13-2.28-.6-.23-.85-.32-1.11-.42-1.85-.67-2.94-2.19-2.9-4.05,.04-2.02,1.64-4.45,3.28-4.87,2.09-.54,3.62,.21,4.52,2.47,.98-1.54,1.28-2.81,.99-4.34-.81-4.23-7.79-7.26-12.15-3.36-1.99,1.78-2.94,1.6-4.54-.54-2.58-3.46-5.89-5.7-10.22-6.47-6.23-1.11-12.95,2.76-15,8.74-1.05,3.08-.31,5.68,1.78,8.03,1.86,2.08,4.24,3.24,6.85,4.06,2.28,.71,2.73,2.34,1.3,4.27-.25,.33-.58,.6-.83,.92-2.34,3.02-3.82,6.44-4.1,10.23-.42,5.57,3.06,11.03,8.51,13.24,7.39,3,14.57,2,21.89-1.77ZM9.52,51.65c.2,6.72,1.24,11.95,4.57,16.46,3.7,5.02,8.85,7.26,14.98,7.51,1.17,.05,1.83-.38,1.99-1.57,.25-1.84,.75-3.68,.74-5.52-.07-8.44-3.11-1
715.89-7.99-22.64-1.3-1.8-3.04-3.24-5.05-4.22-3.49-1.7-7.16-1.15-8.08,3.46-.51,2.56-.92,5.13-1.16,6.51Z"></path><path d="M81.78,64.31c.11,3.09-2.6,4.66-4.78,4.64-2.57-.02-4.57-2.31-4.51-4.97,.06-2.52,2.18-4.56,4.71-4.52,2.63,.04,4.61,2.15,4.58,4.85Z"></path><path d="M89.11,79.86c-.05-1.31,.28-2.07,1.16-2.36,.89-.29,1.63,.17,2.06,.94,.36,.65,.63,1.37,.85,2.08,.28,.92-.11,1.62-.95,2.03-.78,.38-1.56,.16-2.01-.5-.53-.77-.86-1.68-1.11-2.2Z"></path><path d="M98.18,80.99c-.52,.58-.91,1.35-1.49,1.56-.48,.17-1.42-.16-1.75-.58-.53-.67-.92-1.58-.99-2.43-.05-.52,.48-1.37,.97-1.59,.48-.22,1.48-.06,1.82,.32,.61,.68,.91,1.65,1.44,2.72Z"></path><path d="M20.27,49.47c1.24,.17,2.7,.51,3.52,2.03,.42,.78,.57,1.62-.17,2.28-.7,.62-1.52,.56-2.29,.08-.23-.14-.41-.38-.64-.52-.89-.51-1.6-.2-1.85,.81-.08,.33-.1,.7-.05,1.03,.55,3.38,1.34,6.65,4.31,8.87,.28,.21,.57,.4,.79,.66,.62,.71,.72,1.47,.08,2.24-.63,.75-1.33,.86-2.19,.36-2.65-1.51-4.35-3.82-5.37-6.61-.78-2.14-1.27-4.37-1.07-6.69,.24-2.85,2.01-4.59,4.95-4.53Z"></path></svg><!--]--><!----></a> <!--[!--><!--]--></div> <div class="hidden sm:flex items-center gap-1"><!--[--><a href="/#features" class="rounded-md px-3 py-1.5 text-sm text-muted-foreground hover:text-foreground hover:bg-muted transition-all duration-200">Features</a><a href="/#pricing" class="rounded-md px-3 py-1.5 text-sm text-muted-foreground hover:text-foreground hover:bg-muted transition-all duration-200">Pricing</a><a href="./blog" class="rounded-md px-3 py-1.5 text-sm text-muted-foreground hover:text-foreground hover:bg-muted transition-all duration-200">Blog</a><a href="./roadmap" class="rounded-md px-3 py-1.5 text-sm text-muted-foreground hover:text-foreground hover:bg-muted transition-all duration-200">Roadmap</a><!--]--></div> <div class="flex items-center gap-2 sm:gap-3"><!--[!--><!--]--> <!----><!--$s1--><!--[!--><button data-slot="dropdown-menu-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium outline-none transition-all focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 size-8" id="bits-s1" aria-haspopup="menu" aria-expanded="false" data-state="closed" data-dropdown-menu-trigger="" type="button"><svg xmlns="http://www.w3.org/2000/svg" role="img" width="1em" height="1em" fill="currentColor" viewBox="0 0 256 256" class="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 !transition-all dark:-rotate-90 dark:scale-0"><!--[!--><!--]--><rect width="256" height="256" fill="none"></rect><!--[!--><!--[!--><!--[!--><!--[!--><!--[--><path d="M120,40V16a8,8,0,0,1,16,0V40a8,8,0,0,1-16,0Zm72,88a64,64,0,1,1-64-64A64.07,64.07,0,0,1,192,128Zm-16,0a48,48,0,1,0-48,48A48.05,48.05,0,0,0,176,128ZM58.34,69.66A8,8,0,0,0,69.66,58.34l-16-16A8,8,0,0,0,42.34,53.66Zm0,116.68-16,16a8,8,0,0,0,11.32,11.32l16-16a8,8,0,0,0-11.32-11.32ZM192,72a8,8,0,0,0,5.66-2.34l16-16a8,8,0,0,0-11.32-11.32l-16,16A8,8,0,0,0,192,72Zm5.66,114.34a8,8,0,0,0-11.32,11.32l16,16a8,8,0,0,0,11.32-11.32ZM48,128a8,8,0,0,0-8-8H16a8,8,0,0,0,0,16H40A8,8,0,0,0,48,128Zm80,80a8,8,0,0,0-8,8v24a8,8,0,0,0,16,0V216A8,8,0,0,0,128,208Zm112-88H216a8,8,0,0,0,0,16h24a8,8,0,0,0,0-16Z"></path><!--]--><!--]--><!--]--><!--]--><!--]--></svg><!----> <svg xmlns="http://www.w3.org/2000/svg" role="img" width="1em" height="1em" fill="currentColor" viewBox="0 0 256 256" class="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 !transition-all dark:rotate-0 dark:scale-100"><!--[!--><!--]--><rect width="256" height="256" fill="none"></rect><!--[!--><!--[!--><!--[!--><!--[!--><!--[--><path d="M233.54,142.23a8,8,0,0,0-8-2,88.08,88.08,0,0,1-109.8-109.8,8,8,0,0,0-10-10,104.84,104.84,0,0,0-52.91,37A104,104,0,0,0,136,224a103.09,103.09,0,0,0,62.52-20.88,104.84,104.84,0,0,0,37-52.91A8,8,0,0,0,233.54,142.23ZM188.9,190.34A88,88,0,0,1,65.66,67.11a89,89,0,0,1,31.4-26A106,
71106,0,0,0,96,56,104.11,104.11,0,0,0,200,160a106,106,0,0,0,14.92-1.06A89,89,0,0,1,188.9,190.34Z"></path><!--]--><!--]--><!--]--><!--]--><!--]--></svg><!----> <span class="sr-only">Toggle theme</span><!----></button><!--]--><!----><!----><!----> <!----><!--[!--><!--]--><!----><!----><!----><!----><!----> <!--[!--><!--[!--><!--[!--><button data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive shrink-0 items-center justify-center whitespace-nowrap text-sm font-medium outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0 bg-background border [box-shadow:0_2px_0_color-mix(in_oklch,var(--border)_90%,black)] hover:bg-accent hover:text-accent-foreground hover:brightness-105 dark:bg-input/30 dark:border-input dark:hover:bg-input/50 dark:[box-shadow:0_3px_0_oklch(0.08_0_0)] active:translate-y-[2px] active:[box-shadow:none] transition-[transform,box-shadow,filter] duration-100 rounded-md has-[>svg]:px-2.5 hidden sm:inline-flex h-10 gap-2 px-3 sm:h-9" type="button"><span>Sign in</span><!----></button><!--]--><!--]--><!--]--> <!----><!----><!----><!----><!----><!--$s2--><!--[--><button data-slot="drawer-trigger" id="bits-s2" aria-haspopup="dialog" aria-expanded="false" data-dialog-trigger="" data-state="closed" class="inline-flex sm:hidden items-center justify-center size-10 rounded-md border border-input bg-background text-muted-foreground hover:bg-accent hover:text-foreground transition-colors" aria-label="Open menu"><svg xmlns="http://www.w3.org/2000/svg" role="img" width="1em" height="1em" fill="currentColor" viewBox="0 0 256 256" class="size-5"><!--[!--><!--]--><rect width="256" height="256" fill="none"></rect><!--[!--><!--[!--><!--[!--><!--[!--><!--[--><path d="M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z"></path><!--]--><!--]--><!--]--><!--]--><!--]--></svg><!----></button><!----><!--]--><!----><!----> <!----><!----><!----><!--[!--><!--]--><!----><!----><!----><!----><!----><!----><!----></div></nav></header><!----> <main class="mx-auto max-w-4xl px-4 sm:px-6 lg:px-8 pb-12 sm:pb-16"><section class="space-y-3 pt-8 text-center sm:pt-12"><p class="text-xs font-medium uppercase tracking-[0.2em] text-primary/80">Roadmap</p> <h1 class="font-serif text-3xl font-semibold sm:text-4xl">Where Monkeio is headed</h1> <p class="mx-auto max-w-xl text-[0.9rem] leading-relaxed text-muted-foreground">A living document of what's shipped, what's being built, and what we're 72 thinking about. Priorities shift based on feedback.</p> <p class="text-xs text-muted-foreground/60">Last updated March 16, 2026</p></section> <div class="mt-8 flex flex-wrap items-center justify-center gap-2 sm:mt-10 sm:gap-3"><!--[--><!----><span data-slot="badge" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit shrink-0 items-center justify-center overflow-hidden whitespace-nowrap rounded-full border px-2 py-0.5 text-xs font-medium transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3 [a&]:hover:bg-accent [a&]:hover:text-accent-foreground gap-1.5 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 border-emerald-500/20"><svg xmlns="http://www.w3.org/2000/svg" role="img" width="12" height="12" fill="currentColor" viewBox="0 0 256 256"><!--[!--><!--]--><rect width="256" height="256" fill="none"></rect><!--[!--><!--[!--><!--[--><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm45.66,85.66-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35a8,8,0,0,1,11.32,11.32Z"></path><!--]--><!--]--><!--]--></svg><!----> Shipped<!----><!----></span><!----><!----><span data-slot="badge" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit shrink-0 items-center justify-center overflow-hidden whitespace-nowrap rounded-full border px-2 py-0.5 text-xs font-medium transition-[color,box-shadow] focu
72s-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3 [a&]:hover:bg-accent [a&]:hover:text-accent-foreground gap-1.5 bg-primary/10 text-primary border-primary/20"><svg xmlns="http://www.w3.org/2000/svg" role="img" width="12" height="12" fill="currentColor" viewBox="0 0 256 256"><!--[!--><!--]--><rect width="256" height="256" fill="none"></rect><!--[!--><!--[!--><!--[--><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm33.94,58.75,17-17a8,8,0,0,1,11.32,11.32l-17,17a8,8,0,0,1-11.31-11.31ZM48,136a8,8,0,0,1,0-16H72a8,8,0,0,1,0,16Zm46.06,37.25-17,17a8,8,0,0,1-11.32-11.32l17-17a8,8,0,0,1,11.31,11.31Zm0-79.19a8,8,0,0,1-11.31,0l-17-17A8,8,0,0,1,77.09,65.77l17,17A8,8,0,0,1,94.06,94.06ZM136,208a8,8,0,0,1-16,0V184a8,8,0,0,1,16,0Zm0-136a8,8,0,0,1-16,0V48a8,8,0,0,1,16,0Zm54.23,118.23a8,8,0,0,1-11.32,0l-17-17a8,8,0,0,1,11.31-11.31l17,17A8,8,0,0,1,190.23,190.23ZM208,136H184a8,8,0,0,1,0-16h24a8,8,0,0,1,0,16Z"></path><!--]--><!--]--><!--]--></svg><!----> In progress<!----><!----></span><!----><!----><span data-slot="badge" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit shrink-0 items-center justify-center overflow-hidden whitespace-nowrap rounded-full border px-2 py-0.5 text-xs font-medium transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3 [a&]:hover:bg-accent [a&]:hover:text-accent-foreground gap-1.5 bg-amber-500/10 text-amber-600 dark:text-amber-400 border-amber-500/20"><svg xmlns="http://www.w3.org/2000/svg" role="img" width="12" height="12" fill="currentColor" viewBox="0 0 256 256"><!--[!--><!--]--><rect width="256" height="256" fill="none"></rect><!--[!--><!--[!--><!--[--><path d="M128,16a88.1,88.1,0,0,0-88,88c0,75.3,80,132.17,83.41,134.55a8,8,0,0,0,9.18,0C136,236.17,216,179.3,216,104A88.1,88.1,0,0,0,128,16Zm0,56a32,32,0,1,1-32,32A32,32,0,0,1,128,72Z"></path><!--]--><!--]--><!--]--></svg><!----> Planned<!----><!----></span><!----><!----><span data-slot="badge" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit shrink-0 items-center justify-center overflow-hidden whitespace-nowrap rounded-full border px-2 py-0.5 text-xs font-medium transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3 [a&]:hover:bg-accent [a&]:hover:text-accent-foreground gap-1.5 bg-muted text-muted-foreground border-border"><svg xmlns="http://www.w3.org/2000/svg" role="img" width="12" height="12" fill="currentColor" viewBox="0 0 256 256"><!--[!--><!--]--><rect width="256" height="256" fill="none"></rect><!--[!--><!--[!--><!--[--><path d="M237.22,151.9l0-.1a1.42,1.42,0,0,0-.07-.22,48.46,48.46,0,0,0-2.31-5.3L193.27,51.8a8,8,0,0,0-1.67-2.44,32,32,0,0,0-45.26,0A8,8,0,0,0,144,55V80H112V55a8,8,0,0,0-2.34-5.66,32,32,0,0,0-45.26,0,8,8,0,0,0-1.67,2.44L21.2,146.28a48.46,48.46,0,0,0-2.31,5.3,1.72,1.72,0,0,0-.07.21s0,.08,0,.11a48,48,0,0,0,90.32,32.51,47.49,47.49,0,0,0,2.9-16.59V96h32v71.83a47.49,47.49,0,0,0,2.9,16.59,48,48,0,0,0,90.32-32.51Zm-143.15,27a32,32,0,0,1-60.2-21.71l1.81-4.13A32,32,0,0,1,96,167.88V168h0A32,32,0,0,1,94.07,178.94ZM203,198.07A32,32,0,0,1,160,168h0v-.11a32,32,0,0,1,60.32-14.78l1.81,4.13A32,32,0,0,1,203,198.07Z"></path><!--]--><!--]--><!--]--></svg><!----> Exploring<!----><!----></span><!----><!--]--></div> <div class="mt-10 space-y-10 sm:mt-14 sm:space-y-14"><!--[--><section class="relative"><!--[--><div class="absolute left-4 top-12 hidden h-[calc(100%+2.5rem)] w-px bg-border sm:left-5 sm:block" aria-hidden="true"></div><!--]--> <div class="flex items-start gap-3 sm:gap-4"><div class="relative z-10 mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full border sm:h-10 sm:w-10 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 border-emerald-500/20"><svg xmlns="http://www.w3.org/2000/svg" role="img" width="16" height="16" fill="currentColor" viewBox="0 0 256 256"><!--[!--><!--]--><rect width="256" height="256" fill="none"></rect><!--[!--><!--[!--><!--[--><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm45.66,85.66-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35a8,8,0,0,1,11.32,11.32Z"></path><!--]--><!--]--><!--]--></svg><!----></div> <div class="min-w-0 space-y-1"><div class="flex flex-wrap items-center gap-2"><h2 class="text-lg font-semibold sm:text-xl">Foundation</h2> <!----><span data-slot="badge" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded-full border px-2 py-0.5 font-medium transition-[color,box-shadow] focu
72s-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3 [a&]:hover:bg-accent [a&]:hover:text-accent-foreground text-[0.65rem] bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 border-emerald-500/20"><!---->Shipped<!----><!----></span><!----><!----></div> <p class="text-[0.85rem] leading-relaxed text-muted-foreground">The core loop â timer, notes, and history.</p></div></div> <div class="mt-4 grid gap-3 sm:ml-14 sm:grid-cols-2"><!--[--><div class="rounded-lg border bg-card/50 p-4 space-y-2 transition-colors hover:bg-card/80"><div class="flex items-start justify-between gap-2"><h3 class="text-sm font-semibold">Focus timer</h3> <!----><span data-slot="badge" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded-full border px-2 py-0.5 font-medium transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3 [a&]:hover:bg-accent [a&]:hover:text-accent-foreground shrink-0 text-[0.6rem] bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 border-emerald-500/20"><!---->Shipped<!----><!----></span><!----><!----></div> <p class="text-[0.82rem] leading-relaxed text-muted-foreground">Pomodoro, countdown, and stopwatch modes with pause, resume, and skip.</p></div><div class="rounded-lg border bg-card/50 p-4 space-y-2 transition-colors hover:bg-card/80"><div class="flex items-start justify-between gap-2"><h3 class="text-sm font-semibold">Session notes</h3> <!----><span data-slot="badge" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded-full border px-2 py-0.5 font-medium transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3 [a&]:hover:bg-accent [a&]:hover:text-accent-foreground shrink-0 text-[0.6rem] bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 border-emerald-500/20"><!---->Shipped<!----><!----></span><!----><!----></div> <p class="text-[0.82rem] leading-relaxed text-muted-foreground">Markdown editor inside each session for capturing context while you work.</p></div><div class="rounded-lg border bg-card/50 p-4 space-y-2 transition-colors hover:bg-card/80"><div class="flex items-start justify-between gap-2"><h3 class="text-sm font-semibold">Tags</h3> <!----><span data-slot="badge" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded-full border px-2 py-0.5 font-medium transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3 [a&]:hover:bg-accent [a&]:hover:text-accent-foreground shrink-0 text-[0.6rem] bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 border-emerald-500/20"><!---->Shipped<!----><!----></span><!----><!----></div> <p class="text-[0.82rem] leading-relaxed text-muted-foreground">Label sessions and notes by topic. Filter history by what matters.</p></div><div class="rounded-lg border bg-card/50 p-4 space-y-2 transition-colors hover:bg-card/80"><div class="flex items-start justify-between gap-2"><h3 class="text-sm font-semibold">Session history & stats</h3> <!----><span data-slot="badge" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded-full border px-2 py-0.5 font-medium transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3 [a&]:hover:bg-accent [a&]:hover:text-accent-foreground shrink-0 text-[0.6rem] bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 border-emerald-500/20"><!---->Shipped<!----><!----></span><!----><!----></div> <p class="text-[0.82rem] leading-relaxed text-muted-foreground">Activity heatmap, focus charts, streaks, and session tables.</p></div><div class="rounded-lg border bg-card/50 p-4 space-y-2 transition-colors hover:bg-card/80"><div class="flex items-start justify-between gap-2"><h3 class="text-sm font-semibold">Picture-in-Picture timer</h3> <!----><span data-slot="badge" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded-full border px-2 py-0.5 font-medium transition-[color,box-shadow] focu
72s-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3 [a&]:hover:bg-accent [a&]:hover:text-accent-foreground shrink-0 text-[0.6rem] bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 border-emerald-500/20"><!---->Shipped<!----><!----></span><!----><!----></div> <p class="text-[0.82rem] leading-relaxed text-muted-foreground">Float the timer over other windows on desktop so you stay in flow.</p></div><div class="rounded-lg border bg-card/50 p-4 space-y-2 transition-colors hover:bg-card/80"><div class="flex items-start justify-between gap-2"><h3 class="text-sm font-semibold">Desktop app</h3> <!----><span data-slot="badge" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded-full border px-2 py-0.5 font-medium transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3 [a&]:hover:bg-accent [a&]:hover:text-accent-foreground shrink-0 text-[0.6rem] bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 border-emerald-500/20"><!---->Shipped<!----><!----></span><!----><!----></div> <p class="text-[0.82rem] leading-relaxed text-muted-foreground">Native desktop app via Tauri for Windows, macOS, and Linux.</p></div><div class="rounded-lg border bg-card/50 p-4 space-y-2 transition-colors hover:bg-card/80"><div class="flex items-start justify-between gap-2"><h3 class="text-sm font-semibold">Layout modes</h3> <!----><span data-slot="badge" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded-full border px-2 py-0.5 font-medium transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3 [a&]:hover:bg-accent [a&]:hover:text-accent-foreground shrink-0 text-[0.6rem] bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 border-emerald-500/20"><!---->Shipped<!----><!----></span><!----><!----></div> <p class="text-[0.82rem] leading-relaxed text-muted-foreground">Zen, split, and stacked layouts to match how you like to work.</p></div><!--]--></div></section><section class="relative"><!--[--><div class="absolute left-4 top-12 hidden h-[calc(100%+2.5rem)] w-px bg-border sm:left-5 sm:block" aria-hidden="true"></div><!--]--> <div class="flex items-start gap-3 sm:gap-4"><div class="relative z-10 mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full border sm:h-10 sm:w-10 bg-primary/10 text-primary border-primary/20"><svg xmlns="http://www.w3.org/2000/svg" role="img" width="16" height="16" fill="currentColor" viewBox="0 0 256 256"><!--[!--><!--]--><rect width="256" height="256" fill="none"></rect><!--[!--><!--[!--><!--[--><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm33.94,58.75,17-17a8,8,0,0,1,11.32,11.32l-17,17a8,8,0,0,1-11.31-11.31ZM48,136a8,8,0,0,1,0-16H72a8,8,0,0,1,0,16Zm46.06,37.25-17,17a8,8,0,0,1-11.32-11.32l17-17a8,8,0,0,1,11.31,11.31Zm0-79.19a8,8,0,0,1-11.31,0l-17-17A8,8,0,0,1,77.09,65.77l17,17A8,8,0,0,1,94.06,94.06ZM136,208a8,8,0,0,1-16,0V184a8,8,0,0,1,16,0Zm0-136a8,8,0,0,1-16,0V48a8,8,0,0,1,16,0Zm54.23,118.23a8,8,0,0,1-11.32,0l-17-17a8,8,0,0,1,11.31-11.31l17,17A8,8,0,0,1,190.23,190.23ZM208,136H184a8,8,0,0,1,0-16h24a8,8,0,0,1,0,16Z"></path><!--]--><!--]--><!--]--></svg><!----></div> <div class="min-w-0 space-y-1"><div class="flex flex-wrap items-center gap-2"><h2 class="text-lg font-semibold sm:text-xl">Polish</h2> <!----><span data-slot="badge" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded-full border px-2 py-0.5 font-medium transition-[color,box-shadow] focu
72s-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3 [a&]:hover:bg-accent [a&]:hover:text-accent-foreground text-[0.65rem] bg-primary/10 text-primary border-primary/20"><!---->In progress<!----><!----></span><!----><!----></div> <p class="text-[0.85rem] leading-relaxed text-muted-foreground">Making the experience smoother and more reliable.</p></div></div> <div class="mt-4 grid gap-3 sm:ml-14 sm:grid-cols-2"><!--[--><div class="rounded-lg border bg-card/50 p-4 space-y-2 transition-colors hover:bg-card/80"><div class="flex items-start justify-between gap-2"><h3 class="text-sm font-semibold">Mobile experience</h3> <!----><span data-slot="badge" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded-full border px-2 py-0.5 font-medium transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3 [a&]:hover:bg-accent [a&]:hover:text-accent-foreground shrink-0 text-[0.6rem] bg-primary/10 text-primary border-primary/20"><!---->In progress<!----><!----></span><!----><!----></div> <p class="text-[0.82rem] leading-relaxed text-muted-foreground">Improving the landing page and app layout for phones and tablets.</p></div><div class="rounded-lg border bg-card/50 p-4 space-y-2 transition-colors hover:bg-card/80"><div class="flex items-start justify-between gap-2"><h3 class="text-sm font-semibold">Keyboard shortcuts</h3> <!----><span data-slot="badge" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded-full border px-2 py-0.5 font-medium transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3 [a&]:hover:bg-accent [a&]:hover:text-accent-foreground shrink-0 text-[0.6rem] bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 border-emerald-500/20"><!---->Shipped<!----><!----></span><!----><!----></div> <p class="text-[0.82rem] leading-relaxed text-muted-foreground">Quick actions for power users â start, pause, new note, switch layouts.</p></div><div class="rounded-lg border bg-card/50 p-4 space-y-2 transition-colors hover:bg-card/80"><div class="flex items-start justify-between gap-2"><h3 class="text-sm font-semibold">Session templates</h3> <!----><span data-slot="badge" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded-full border px-2 py-0.5 font-medium transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3 [a&]:hover:bg-accent [a&]:hover:text-accent-foreground shrink-0 text-[0.6rem] bg-amber-500/10 text-amber-600 dark:text-amber-400 border-amber-500/20"><!---->Planned<!----><!----></span><!----><!----></div> <p class="text-[0.82rem] leading-relaxed text-muted-foreground">Save and reuse common session setups â timer mode, tags, and note scaffolds.</p></div><div class="rounded-lg border bg-card/50 p-4 space-y-2 transition-colors hover:bg-card/80"><div class="flex items-start justify-between gap-2"><h3 class="text-sm font-semibold">Onboarding flow</h3> <!----><span data-slot="badge" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded-full border px-2 py-0.5 font-medium transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3 [a&]:hover:bg-accent [a&]:hover:text-accent-foreground shrink-0 text-[0.6rem] bg-primary/10 text-primary border-primary/20"><!---->In progress<!----><!----></span><!----><!----></div> <p class="text-[0.82rem] leading-relaxed text-muted-foreground">A short guided tour for new users so the core loop clicks immediately.</p></div><!--]--></div></section><section class="relative"><!--[--><div class="absolute left-4 top-12 hidden h-[calc(100%+2.5rem)] w-px bg-border sm:left-5 sm:block" aria-hidden="true"></div><!--]--> <div class="flex items-start gap-3 sm:gap-4"><div class="relative z-10 mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full border sm:h-10 sm:w-10 bg-amber-500/10 text-amber-600 dar
72k:text-amber-400 border-amber-500/20"><svg xmlns="http://www.w3.org/2000/svg" role="img" width="16" height="16" fill="currentColor" viewBox="0 0 256 256"><!--[!--><!--]--><rect width="256" height="256" fill="none"></rect><!--[!--><!--[!--><!--[--><path d="M128,16a88.1,88.1,0,0,0-88,88c0,75.3,80,132.17,83.41,134.55a8,8,0,0,0,9.18,0C136,236.17,216,179.3,216,104A88.1,88.1,0,0,0,128,16Zm0,56a32,32,0,1,1-32,32A32,32,0,0,1,128,72Z"></path><!--]--><!--]--><!--]--></svg><!----></div> <div class="min-w-0 space-y-1"><div class="flex flex-wrap items-center gap-2"><h2 class="text-lg font-semibold sm:text-xl">Insights</h2> <!----><span data-slot="badge" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded-full border px-2 py-0.5 font-medium transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3 [a&]:hover:bg-accent [a&]:hover:text-accent-foreground text-[0.65rem] bg-amber-500/10 text-amber-600 dark:text-amber-400 border-amber-500/20"><!---->Planned<!----><!----></span><!----><!----></div> <p class="text-[0.85rem] leading-relaxed text-muted-foreground">Deeper analytics for understanding your work patterns.</p></div></div> <div class="mt-4 grid gap-3 sm:ml-14 sm:grid-cols-2"><!--[--><div class="rounded-lg border bg-card/50 p-4 space-y-2 transition-colors hover:bg-card/80"><div class="flex items-start justify-between gap-2"><h3 class="text-sm font-semibold">Advanced analytics</h3> <!----><span data-slot="badge" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded-full border px-2 py-0.5 font-medium transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3 [a&]:hover:bg-accent [a&]:hover:text-accent-foreground shrink-0 text-[0.6rem] bg-amber-500/10 text-amber-600 dark:text-amber-400 border-amber-500/20"><!---->Planned<!----><!----></span><!----><!----></div> <p class="text-[0.82rem] leading-relaxed text-muted-foreground">Trends over weeks and months, peak focus hours, and tag-level breakdowns.</p></div><div class="rounded-lg border bg-card/50 p-4 space-y-2 transition-colors hover:bg-card/80"><div class="flex items-start justify-between gap-2"><h3 class="text-sm font-semibold">Weekly digest</h3> <!----><span data-slot="badge" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded-full border px-2 py-0.5 font-medium transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3 [a&]:hover:bg-accent [a&]:hover:text-accent-foreground shrink-0 text-[0.6rem] bg-amber-500/10 text-amber-600 dark:text-amber-400 border-amber-500/20"><!---->Planned<!----><!----></span><!----><!----></div> <p class="text-[0.82rem] leading-relaxed text-muted-foreground">An optional summary of your focus time, top tags, and streaks delivered weekly.</p></div><div class="rounded-lg border bg-card/50 p-4 space-y-2 transition-colors hover:bg-card/80"><div class="flex items-start justify-between gap-2"><h3 class="text-sm font-semibold">Data export</h3> <!----><span data-slot="badge" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded-full border px-2 py-0.5 font-medium transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3 [a&]:hover:bg-accent [a&]:hover:text-accent-foreground shrink-0 text-[0.6rem] bg-amber-500/10 text-amber-600 dar
72k:text-amber-400 border-amber-500/20"><!---->Planned<!----><!----></span><!----><!----></div> <p class="text-[0.82rem] leading-relaxed text-muted-foreground">Download your sessions, notes, and stats as CSV or JSON. Your data, your way.</p></div><!--]--></div></section><section class="relative"><!--[!--><!--]--> <div class="flex items-start gap-3 sm:gap-4"><div class="relative z-10 mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full border sm:h-10 sm:w-10 bg-muted text-muted-foreground border-border"><svg xmlns="http://www.w3.org/2000/svg" role="img" width="16" height="16" fill="currentColor" viewBox="0 0 256 256"><!--[!--><!--]--><rect width="256" height="256" fill="none"></rect><!--[!--><!--[!--><!--[--><path d="M237.22,151.9l0-.1a1.42,1.42,0,0,0-.07-.22,48.46,48.46,0,0,0-2.31-5.3L193.27,51.8a8,8,0,0,0-1.67-2.44,32,32,0,0,0-45.26,0A8,8,0,0,0,144,55V80H112V55a8,8,0,0,0-2.34-5.66,32,32,0,0,0-45.26,0,8,8,0,0,0-1.67,2.44L21.2,146.28a48.46,48.46,0,0,0-2.31,5.3,1.72,1.72,0,0,0-.07.21s0,.08,0,.11a48,48,0,0,0,90.32,32.51,47.49,47.49,0,0,0,2.9-16.59V96h32v71.83a47.49,47.49,0,0,0,2.9,16.59,48,48,0,0,0,90.32-32.51Zm-143.15,27a32,32,0,0,1-60.2-21.71l1.81-4.13A32,32,0,0,1,96,167.88V168h0A32,32,0,0,1,94.07,178.94ZM203,198.07A32,32,0,0,1,160,168h0v-.11a32,32,0,0,1,60.32-14.78l1.81,4.13A32,32,0,0,1,203,198.07Z"></path><!--]--><!--]--><!--]--></svg><!----></div> <div class="min-w-0 space-y-1"><div class="flex flex-wrap items-center gap-2"><h2 class="text-lg font-semibold sm:text-xl">Exploring</h2> <!----><span data-slot="badge" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded-full border px-2 py-0.5 font-medium transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3 [a&]:hover:bg-accent [a&]:hover:text-accent-foreground text-[0.65rem] bg-muted text-muted-foreground border-border"><!---->Exploring<!----><!----></span><!----><!----></div> <p class="text-[0.85rem] leading-relaxed text-muted-foreground">Ideas we're thinking about â not committed yet.</p></div></div> <div class="mt-4 grid gap-3 sm:ml-14 sm:grid-cols-2"><!--[--><div class="rounded-lg border bg-card/50 p-4 space-y-2 transition-colors hover:bg-card/80"><div class="flex items-start justify-between gap-2"><h3 class="text-sm font-semibold">Integrations</h3> <!----><span data-slot="badge" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded-full border px-2 py-0.5 font-medium transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3 [a&]:hover:bg-accent [a&]:hover:text-accent-foreground shrink-0 text-[0.6rem] bg-muted text-muted-foreground border-border"><!---->Exploring<!----><!----></span><!----><!----></div> <p class="text-[0.82rem] leading-relaxed text-muted-foreground">Connect with calendars, Slack, or other tools to log focus time automatically.</p></div><div class="rounded-lg border bg-card/50 p-4 space-y-2 transition-colors hover:bg-card/80"><div class="flex items-start justify-between gap-2"><h3 class="text-sm font-semibold">Browser extension</h3> <!----><span data-slot="badge" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded-full border px-2 py-0.5 font-medium transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3 [a&]:hover:bg-accent [a&]:hover:text-accent-foreground shrink-0 text-[0.6rem] bg-muted text-muted-foreground border-border"><!---->Exploring<!----><!----></span><!----><!----></div> <p class="text-[0.82rem] leading-relaxed text-muted-foreground">Start a session from any tab without opening the full app.</p></div><div class="rounded-lg border bg-card/50 p-4 space-y-2 transition-colors hover:bg-card/80"><div class="flex items-start justify-between gap-2"><h3 class="text-sm font-semibold">Mobile app</h3> <!----><span data-slot="badge" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded-full border px-2 py-0.5 font-medium transition-[color,box-shadow] focu
72s-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3 [a&]:hover:bg-accent [a&]:hover:text-accent-foreground shrink-0 text-[0.6rem] bg-muted text-muted-foreground border-border"><!---->Exploring<!----><!----></span><!----><!----></div> <p class="text-[0.82rem] leading-relaxed text-muted-foreground">A dedicated native app for iOS and Android, not just a responsive web view.</p></div><div class="rounded-lg border bg-card/50 p-4 space-y-2 transition-colors hover:bg-card/80"><div class="flex items-start justify-between gap-2"><h3 class="text-sm font-semibold">Team focus</h3> <!----><span data-slot="badge" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded-full border px-2 py-0.5 font-medium transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3 [a&]:hover:bg-accent [a&]:hover:text-accent-foreground shrink-0 text-[0.6rem] bg-muted text-muted-foreground border-border"><!---->Exploring<!----><!----></span><!----><!----></div> <p class="text-[0.82rem] leading-relaxed text-muted-foreground">Shared sessions and team-level focus metrics for small teams that ship together.</p></div><!--]--></div></section><!--]--></div>
72 <section class="mt-14 flex flex-col items-center gap-4 rounded-lg border bg-card/50 p-6 text-center sm:mt-20 sm:p-8"><h2 class="text-lg font-semibold sm:text-xl">Missing something?</h2> <p class="max-w-md text-[0.9rem] leading-relaxed text-muted-foreground">This roadmap is shaped by the people who use Monkeio. If a feature 73 matters to you, tell us â it directly affects what gets built next.</p> <div class="flex w-full max-w-sm flex-col gap-2 sm:max-w-none sm:flex-row sm:justify-center"><!--[--><!--[!--><a data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0 bg-linear-to-b from-primary/90 to-primary text-primary-foreground border border-primary/40 inset-shadow-xs inset-shadow-white/20 [box-shadow:0_3px_0_color-mix(in_oklch,var(--primary)_80%,black)] hover:brightness-110 active:translate-y-[2px] active:[box-shadow:0_1px_0_color-mix(in_oklch,var(--primary)_72%,black)] active:brightness-95 ring-0 transition-[transform,box-shadow,filter] duration-100 px-4 py-2 has-[>svg]:px-3 h-11 w-full sm:h-9 sm:w-auto" href="https://forms.gle/Bi3dkBxZJyBcND2E8" target="_blank" rel="noopener noreferrer"><!---->Share feedback<!----></a><!--]--><!--]--><!----> <!--[--><!--[!--><a data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium outline-none transition-all focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 px-4 py-2 has-[>svg]:px-3 h-11 w-full sm:h-9 sm:w-auto" href="./"><!---->Back to home<!----></a><!--]--><!--]--><!----></div></section></main> <footer class="border-t"><div class="mx-auto grid max-w-7xl gap-8 px-4 py-10 text-sm text-muted-foreground sm:grid-cols-3 sm:px-6 sm:py-12 lg:px-8"><div class="flex flex-col gap-3"><a href="./" class="flex items-center gap-2 text-foreground"><!--[--><svg class="w-8 h-8 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" fill="currentColor" aria-label="Deep Work Logo"><path d="M102.64,78.71c1.06,1.72,2.14,3.39,3.16,5.1,2.25,3.77,3.15,7.8,2.02,12.11-.62,2.37-1.75,4.45-3.8,5.99-3.2,2.42-6.81,3.91-10.65,4.87-1.5,.37-2.8,.89-3.96,2.02-2.41,2.36-5.57,3.24-8.79,3.8-4.84,.85-9.29-.65-13.6-2.58-4.92-2.21-9.62-4.81-13.91-8.13-4.09-3.16-8.78-5.21-13.58-6.98-5.59-2.06-10.7-4.88-14.77-9.26-1.81-1.95-3.3-4.24-4.75-6.49-.66-1.02-1.34-1.87-2.39-2.47-7.69-4.43-10.91-11.5-11.92-19.97-.43-3.61-.17-7.15,.47-10.69,.21-1.15,.49-2.3,.88-3.4,1.36-3.86,4.15-5.95,8.28-5.97,1.6,0,2.41-.6,3.3-1.88,1.88-2.71,3.99-5.28,6.14-7.78,3.62-4.22,7.88-7.73,12.65-10.56,6.94-4.12,14.33-7.02,22.3-8.54,3.64-.69,7.26-.8,10.92-.74,6.74,.12,12.96,2.06,18.41,5.99,2.27,1.64,4.3,3.7,6.12,5.84,5.29,6.18,10.45,12.48,15.62,18.76,2.53,3.06,4.64,6.3,5.08,10.44,.42,3.91-.62,7.35-2.63,10.6-.4,.64-.86,1.25-1.36,1.82-1.2,1.38-1.73,2.89-2.04,4.77-.59,3.6-1.93,7.05-4.34,9.94-.92,1.11-1.86,2.2-2.85,3.38Zm-3.28,21.3c-2.06-.37-3.74-.79-5.44-.96-4.64-.49-8.82-2.19-12.67-4.72-1.01-.66-1.9-1-3.04-.33-.75,.43-1.51,.15-2.02-.53-.58-.77-.41-1.54,.16-2.28,1.68-2.17,3.14-2.39,5.43-.81,.4,.27,.78,.57,1.18,.84,2.4,1.67,5.04,2.85,7.83,3.67,3.6,1.06,7.36,1.07,11.06,1.4,.46,.04,.93-.11,1.61-.21,.19-.95,.43-1.86,.56-2.8,.46-3.47-1.18-6.29-2.86-9.09-.92-1.54-1.93-3.03-2.8-4.59-.83-1.5-.62-2.27,.63-3.47,.71-.68,1.34-1.43,2.13-2.28-.6-.23-.85-.32-1.11-.42-1.85-.67-2.94-2.19-2.9-4.05,.04-2.02,1.64-4.45,3.28-4.87,2.09-.54,3.62,.21,4.52,2.47,.98-1.54,1.28-2.81,.99-4.34-.81-4.23-7.79-7.26-12.15-3.36-1.99,1.78-2.94,1.6-4.54-.54-2.58-3.46-5.89-5.7-10.22-6.47-6.23-1.11-12.95,2.76-15,8.74-1.05,3.08-.31,5.68,1.78,8.03,1.86,2.08,4.24,3.24,6.85,4.06,2.28,.71,2.73,2.34,1.3,4.27-.25,.33-.58,.6-.83,.92-2.34,3.02-3.82,6.44-4.1,10.23-.42,5.57,3.06,11.03,8.51,13.24,7.39,3,14.57,2,21.89-1.77ZM9.52,51.65c.2,6.72,1.24,11.95,4.57,16.46,3.7,5.02,8.85,7.26,14.98,7.51,1.17,.05,1.83-.38,1.99-1.57,.25-1.84,.75-3.68,.74-5.52-.07-8.44-3.11-1
735.89-7.99-22.64-1.3-1.8-3.04-3.24-5.05-4.22-3.49-1.7-7.16-1.15-8.08,3.46-.51,2.56-.92,5.13-1.16,6.51Z"></path><path d="M81.78,64.31c.11,3.09-2.6,4.66-4.78,4.64-2.57-.02-4.57-2.31-4.51-4.97,.06-2.52,2.18-4.56,4.71-4.52,2.63,.04,4.61,2.15,4.58,4.85Z"></path><path d="M89.11,79.86c-.05-1.31,.28-2.07,1.16-2.36,.89-.29,1.63,.17,2.06,.94,.36,.65,.63,1.37,.85,2.08,.28,.92-.11,1.62-.95,2.03-.78,.38-1.56,.16-2.01-.5-.53-.77-.86-1.68-1.11-2.2Z"></path><path d="M98.18,80.99c-.52,.58-.91,1.35-1.49,1.56-.48,.17-1.42-.16-1.75-.58-.53-.67-.92-1.58-.99-2.43-.05-.52,.48-1.37,.97-1.59,.48-.22,1.48-.06,1.82,.32,.61,.68,.91,1.65,1.44,2.72Z"></path><path d="M20.27,49.47c1.24,.17,2.7,.51,3.52,2.03,.42,.78,.57,1.62-.17,2.28-.7,.62-1.52,.56-2.29,.08-.23-.14-.41-.38-.64-.52-.89-.51-1.6-.2-1.85,.81-.08,.33-.1,.7-.05,1.03,.55,3.38,1.34,6.65,4.31,8.87,.28,.21,.57,.4,.79,.66,.62,.71,.72,1.47,.08,2.24-.63,.75-1.33,.86-2.19,.36-2.65-1.51-4.35-3.82-5.37-6.61-.78-2.14-1.27-4.37-1.07-6.69,.24-2.85,2.01-4.59,4.95-4.53Z"></path></svg><!--]--><!----></a> <p class="text-xs leading-relaxed">The minimal focus timer. Stop organizing, start working â session 74 notes, tags, and history with zero setup.</p></div> <nav aria-label="Product links" class="flex flex-col gap-2"><span class="text-xs font-medium uppercase tracking-wider text-foreground">Product</span> <a href="./roadmap" class="w-fit hover:text-foreground transition-colors">Roadmap</a> <a href="./blog" class="w-fit hover:text-foreground transition-colors">Blog</a> <a href="./rss.xml" class="flex w-fit items-center gap-1.5 hover:text-foreground transition-colors"><svg xmlns="http://www.w3.org/2000/svg" role="img" width="1em" height="1em" fill="currentColor" viewBox="0 0 256 256" class="size-3.5" aria-hidden="true"><!--[!--><!--]--><rect width="256" height="256" fill="none"></rect><!--[!--><!--[!--><!--[!--><!--[!--><!--[--><path d="M224,192a8,8,0,0,1-16,0c0-79.4-64.6-144-144-144a8,8,0,0,1,0-16C152.22,32,224,103.78,224,192ZM64,104a8,8,0,0,0,0,16,72.08,72.08,0,0,1,72,72,8,8,0,0,0,16,0A88.1,88.1,0,0,0,64,104Zm4,72a12,12,0,1,0,12,12A12,12,0,0,0,68,176Z"></path><!--]--><!--]--><!--]--><!--]--><!--]--></svg><!----> RSS Feed</a></nav> <nav aria-label="Company links" class="flex flex-col gap-2"><span class="text-xs font-medium uppercase tracking-wider text-foreground">Company</span> <a href="./privacy" class="w-fit hover:text-foreground transition-colors">Privacy Policy</a> <a class="w-fit hover:text-foreground transition-colors" href="https://forms.gle/Bi3dkBxZJyBcND2E8" target="_blank" rel="noopener noreferrer">Feedback</a> <a href="./sitemap.xml" class="w-fit hover:text-foreground transition-colors">Sitemap</a></nav></div> <div class="border-t"><div class="mx-auto flex max-w-7xl flex-col items-center gap-1 px-4 py-4 text-xs text-muted-foreground sm:flex-row sm:justify-between sm:px-6 lg:px-8"><p>© 2026 Monkeio. Free during beta.</p> <p>Proudly made in Indonesia ð®ð©</p></div></div></footer><!----><!----><!--]--><!----></div><!----><!--]--> <!--[!--><!--]--><!--]--> 75 76
76<script> 77 { 78 __sveltekit_13r8snk = { 79 base: new URL(".", location).pathname.slice(0, -1) 80 }; 81 82 const element = document.currentScript.parentElement; 83 84 Promise.all([ 85 import("./_app/immutable/entry/start.oPcASz2l.js"), 86 import("./_app/immutable/entry/app.YhcyyKNW.js") 87 ]).then(([kit, app]) => { 88 kit.start(app, element, { 89 node_ids: [0, 15], 90 data: [{type:"data",data:{user:null},uses:{}},null], 91 form: null, 92 error: null 93 }); 94 }); 95 } 96 </script>
96 97 </div> 98 </body> 99</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.