https://task-flow-board-1578.taskade.app/

1<!doctype html>
2<html lang="en">
3  <head>
4    <meta charset="UTF-8" />
5    <link rel="icon" type="image/png" href="/logo.png" />
6    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7    

7<script type="module" src="./assets/main-73PYEY7P.js"></script>

7
8<link rel="stylesheet" href="./assets/main-P3CJ2LG7.css" />
9    <title>Task Flow Board — Built with Taskade</title>
10    
11  <meta charset="utf-8" /><meta name="language" content="en-US" /><meta name="robots" content="index,follow" /><meta name="author" content="Taskade" /><link rel="icon" sizes="32x32" href="/_genesis/assets/favicon" /><link rel="apple-touch-icon" sizes="180x180" href="/_genesis/assets/favicon" /><meta name="title" content="Task Flow Board — Built with Taskade" /><meta property="og:title" content="Task Flow Board — Built with Taskade" /><meta name="twitter:title" content="Task Flow Board — Built with Taskade" /><meta name="description" content="A living app built with Taskade Genesis. One prompt, one app. Projects remember, agents learn, and workflows move." /><meta property="og:description" content="A living app built with Taskade Genesis. One prompt, one app. Projects remember, agents learn, and workflows move." /><meta name="twitter:description" content="A living app built with Taskade Genesis. One prompt, one app. Projects remember, agents learn, and workflows move." /><meta property="og:type" content="website" /><meta property="og:url" content="https://task-flow-board-1578.taskade.app" /><meta property="og:site_name" content="Taskade" /><meta property="og:image" content="https://task-flow-board-1578.taskade.app/_internal/screenshot" /><meta property="og:image:alt" content="Task Flow Board — Built with Taskade - A living app built with Taskade Genesis. One prompt, one app. Projects remember, agents learn, and w..." /><meta property="og:locale" content="en_US" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:site" content="@taskade" /><meta name="twitter:creator" content="@taskade" /><meta name="twitter:image" content="https://task-flow-board-1578.taskade.app/_internal/screenshot" /><meta name="twitter:image:alt" content="Task Flow Board — Built with Taskade - A living app built with Taskade Genesis. One prompt, one app. Projects remember, agents learn, and w..." /><meta name="format-detection" content="telephone=no" /><meta name="mobile-web-app-capable" content="yes" /><meta name="apple-mobile-web-app-capable" content="yes" /><meta name="apple-mobile-web-app-status-bar-style" content="default" /><meta name="apple-mobile-web-app-title" content="Task Flow Board — Built with Taskade" /><meta name="application-name" content="Taskade" /><link rel="canonical" href="https://task-flow-board-1578.taskade.app" />

11<script type="application/ld+json">
12  {
13    "@context": "https://schema.org",
14    "@type": "WebSite",
15    "name": "Taskade",
16    "alternateName": "Task Flow Board — Built with Taskade",
17    "description": "A living app built with Taskade Genesis. One prompt, one app. Projects remember, agents learn, and workflows move.",
18    "image": "https://task-flow-board-1578.taskade.app/_internal/screenshot",
19    "url": "https://task-flow-board-1578.taskade.app",
20    "author": {
21      "@type": "Organization",
22      "name": "Taskade"
23    },
24    "publisher": {
25      "@type": "Organization",
26      "name": "Taskade",
27      "url": "https://task-flow-board-1578.taskade.app",
28      "logo": {
29        "@type": "ImageObject",
30        "url": "https://task-flow-board-1578.taskade.app/_internal/screenshot"
31      }
32    }
33  }
34</script>

34<script defer src="/_genesis/vendor/flock.min.js" data-proxy-url="/_genesis/api/events" data-tenant-id="93ws7p474r9dtji3:default" data-domain="task-flow-board-1578.taskade.app"></script>

34<script defer src="/_genesis/vendor/scroll-guard.js"></script>

34</head>
35  <body>

35<script>
36      (function() {
37        if (window.__genesisErrorCatchAll) return;
38        window.__genesisErrorCatchAll = true;
39        var esc = function(s) { return String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); };
40        var errorHtml = function(msg, id) {
41          return '<div style="position:fixed;inset:0;background:#000;padding:2rem;font-family:system-ui,sans-serif;color:#fff;overflow:auto">' +
42            '<div style="max-width:600px;margin:0 auto">' +
43            '<h2 style="margin:0 0 0.5rem;font-size:1.25rem">Something went wrong</h2>' +
44            '<p style="color:#999;margin:0 0 1rem;font-size:0.95rem">The app failed to load. Try refreshing the page.</p>' +
45            '<pre style="background:#1a1a1a;padding:1rem;border-radius:8px;overflow:auto;font-size:0.8rem;color:#f87171;margin:0;white-space:pre-wrap;word-break:break-word">' +
46            esc(msg) + '<\/pre>' +
47            '<p style="color:#666;margin:1rem 0 0;font-size:0.75rem">Error ID: <code>' + esc(id) + '<\/code><\/p>' +
48            '<\/div><\/div>';
49        };
50        var reported = false;
51        var errorId = null;
52        function getErrorId() {
53          if (errorId != null) return errorId;
54          try {
55            if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') { errorId = crypto.randomUUID().replace(/-/g, ''); return errorId; }
56          } catch (e) { /* Fall through to the time+random id below */ }
57          errorId = Date.now().toString(36) + Math.random().toString(36).slice(2, 12);
58          return errorId;
59        }
60        function reportError(code, msg, stack) {
61          if (reported) return;
62          reported = true;
63          try {
64            var logger = window.__TASKADE_APP_LIFECYCLE_LOGGER__;
65            if (typeof logger?.log === 'function') {
66              logger.log({ level: 'error', message: 'Runtime Error', data: { code: code, message: msg, stack: stack || '' } });
67              return;
68            }
69            // Published: no logger, so beacon to the Taskade gateway instead of
70            // dropping the crash on the floor (#27626). Relative path — the
71            // Director proxy injects the gateway token server-side. Once per page
72            // session (the latch above) so a crash loop cannot flood the sink.
73            fetch('/api/taskade/telemetry/errors', {
74              method: 'POST',
75              headers: { 'Content-Type': 'application/json' },
76              body: JSON.stringify({
77                errorId: getErrorId(),
78                code: code,
79                message: String(msg || 'Unknown error').slice(0, 4000),
80                stack: String(stack || '').slice(0, 20000),
81                path: location.pathname.slice(0, 1000),

82                userAgent: navigator.userAgent.slice(0, 512)
83              }),
84              keepalive: true
85              // Default same-origin credentials: a password-protected app gates
86              // /api/taskade/* on its signed access cookie, so omitting them
87              // would redirect the beacon to the password page.
88            }).catch(function() {});
89          } catch (e) { /* Swallow — never block the fallback error UI */ }
90        }
91        function showError(code, msg, stack) {
92          var root = document.getElementById('root');
93          if (!root) return;
94          var spinner = root.querySelector('.genesis__spinner-container');
95          if (spinner) {
96            // Scenario 1: React never mounted — replace spinner
97            reportError('error.fatal', msg, stack);
98            spinner.outerHTML = errorHtml(msg, getErrorId());
99          } else if (!root.childElementCount) {
100            // Scenario 2: React crashed and unmounted — #root is empty
101            reportError('error.fatal', msg, stack);
102            root.innerHTML = errorHtml(msg, getErrorId());
103          } else {
104            // React is running fine — don't interfere with the DOM,
105            // but still report with the original code for diagnostics
106            reportError(code, msg, stack);
107          }
108        }
109        window.addEventListener('error', function(e) {
110          var msg = e.message || String(e.error) || 'Unknown error';
111          var stack = e.error && e.error.stack ? e.error.stack : (e.filename ? e.filename + ':' + e.lineno + ':' + e.colno : '');
112          showError('error.runtime_error', msg, stack);
113        });
114        window.addEventListener('unhandledrejection', function(e) {
115          var msg = e.reason ? String(e.reason) : 'Unhandled promise rejection';
116          var stack = e.reason && e.reason.stack ? e.reason.stack : '';
117          showError('error.unhandled_promise', msg, stack);
118        });
119        // A dead <img> degrades to a neutral placeholder instead of painting its
120        // raw alt string across the page (#27730) — the symptom half of the
121        // fabricated-hot-link fix, and the only half that helps an ALREADY
122        // published app, whose images can rot long after generation.
123        //
124        // Resource load errors do not bubble, so they reach window only in the
125        // CAPTURE phase. That is why neither handler above has ever seen one, and
126        // why this cannot disturb them: a broken image must never render the fatal
127        // error overlay or spend the once-per-session crash beacon.
128        //
129        // Swapping in a 1x1 transparent GIF is what actually stops the alt text —
130        // the element becomes a SUCCESSFUL load, so the browser has no broken image
131        // to caption, while the alt attribute stays for assistive tech. Layout is
132        // untouched: the app's own width/height/aspect classes still apply. The grey
133        // is translucent so it reads correctly on a light or a dark surface without
134        // this script having to know the app's theme.
135        var deadImagePixel = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';
136        window.addEventListener('error', function(e) {
137          var el = e.target;
138          if (!el || el.tagName !== 'IMG') return;
139          // The swap fires a fresh load on the same element, so the latch is what
140          // keeps a failing data URI from looping.
141          if (el.getAttribute('data-genesis-image-fallback') !== null) return;
142          el.setAttribute('data-genesis-image-fallback', '');
143          el.removeAttribute('srcset');
144          el.src = deadImagePixel;
145          el.style.background = 'linear-gradient(135deg, rgba(127,127,127,0.16), rgba(127,127,127,0.28))';
146        }, true);
147
148        // ---------------------------------------------------------------
149        // Dead env reads (advisory, NOT a failure)
150        // ---------------------------------------------------------------
151        // The bundle's import.meta.env / process.env shims are reporting
152        // Proxies (see genesisEnvBanner.ts). They are value-preserving: a
153        // missing key still reads undefined. This turns that read from invisible
154        // into observable, because a feature gated on one is permanently off and
155        // has no other symptom — the app builds, boots and looks healthy.
156        //
157        // Deliberately WARN, never error. The runtime cannot see whether a call
158        // site has a working fallback, so a correct
159        // VITE_API_BASE_URL || 'https://real' is reported too. Warn keeps it

160        // out of the "Fix with AI" popup set and out of FATAL_LIFECYCLE_CODES,
161        // both of which are error-level allowlists.
162        var deadEnvSeen = {};
163        var deadEnvSent = 0;
164        // Its OWN budget and latch: sharing the 'reported' latch above would let
165        // an advisory notice spend the one crash report this page session gets.
166        var DEAD_ENV_MAX = 5;
167        function reportDeadEnv(source, key) {
168          try {
169            var signature = source + '.' + key;
170            if (deadEnvSeen[signature] || deadEnvSent >= DEAD_ENV_MAX) return;
171            deadEnvSeen[signature] = 1;
172            deadEnvSent++;
173            var msg = signature + ' is read but a Genesis build never defines it, so the value is ' +
174              'always undefined. If it gates a feature, that feature is permanently off. Route ' +
175              'secret-bearing calls through GenesisClient.proxy() with a secretAlias instead.';
176            var logger = window.__TASKADE_APP_LIFECYCLE_LOGGER__;
177            if (typeof logger?.log === 'function') {
178              logger.log({ level: 'warn', message: 'Dead env read', data: { code: 'warn.dead_env', message: msg } });
179              return;
180            }
181            fetch('/api/taskade/telemetry/errors', {
182              method: 'POST',
183              headers: {
184                'Content-Type': 'application/json',
185                // Lets the publish Worker pick the advisory rate-limit bucket
186                // without reading this body. Doing that at the edge means I/O
187                // of unbounded duration ahead of the limiter meant to bound it,
188                // which is the whole class of problem the header avoids. The
189                // origin still classifies from the validated body, so this is a
190                // bucket hint and never the record (#29164).
191                'X-Genesis-Telemetry-Code': 'warn.dead_env'
192              },
193              body: JSON.stringify({
194                errorId: 'de' + Date.now().toString(36) + Math.random().toString(36).slice(2, 8),
195                code: 'warn.dead_env',
196                message: msg.slice(0, 4000),
197                path: location.pathname.slice(0, 1000),
198                // The source and key as STRUCTURE, not only inside the prose.
199                // The gateway fingerprints on app + code alone, because this
200                // endpoint's token ships in the bundle and free text from it
201                // cannot be trusted; these two validated fields are how the
202                // key still reaches Sentry, as a tag.
203                // Sliced to the schema's bound like every other field here: the
204                // banner filters the key's SHAPE but not its length, and an
205                // over-long key would fail validation and lose the whole
206                // report rather than just the tag.
207                envSource: source,
208                envKey: String(key).slice(0, 64)
209              }),
210              keepalive: true
211            }).catch(function() {});
212          } catch (e) { /* Swallow — advisory telemetry must never break an app */ }
213        }
214        window.__genesisReportDeadEnv = reportDeadEnv;
215        // Drain anything the bundle's banner queued. This script is a classic
216        // inline script and the bundle is a deferred module, so in practice the
217        // reporter wins the race; the queue is what makes that not a matter of
218        // luck (and covers an app whose HTML predates this script).
219        try {
220          var queued = window.__genesisDeadEnvQueue;
221          if (queued) {
222            window.__genesisDeadEnvQueue = [];
223            for (var qi = 0; qi < queued.length; qi++) reportDeadEnv(queued[qi][0], queued[qi][1]);
224          }
225        } catch (e) { /* Ignore. */ }
226      })();
227</script>

227
228    <div id="root"></div>
229  

229<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"8d4254f20c524f6fbf6ecde0b2c89fb4","spa":2}' crossorigin="anonymous"></script>

229
230</body>
231</html>