1<!doctype html> 2<html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <link rel="icon" href="/_genesis/assets/favicon" /> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 7
7<script type="module" src="/assets/main-M7IGG4T7.js"></script>
7 8<link rel="stylesheet" href="/assets/main-GGNX3DDW.css" /> 9 <title>Macro Group of Companies</title> 10 11 <style> 12 /* Genesis spinner styles */ 13 .genesis__spinner-container { 14 position: fixed; 15 inset: 0; 16 background: #000000; 17 display: flex; 18 align-items: center; 19 justify-content: center; 20 z-index: 9999; 21 } 22 23 .genesis__spinner-ring { 24 width: 20px; 25 height: 20px; 26 border: 1.5px solid transparent; 27 border-top: 1.5px solid rgba(255, 255, 255, 0.6); 28 border-radius: 50%; 29 animation: genesis__spin 1s linear infinite; 30 } 31 32 @keyframes genesis__spin { 33 0% { transform: rotate(0deg); } 34 100% { transform: rotate(360deg); } 35 } 36 37 /* Respect reduced motion preferences */ 38 @media (prefers-reduced-motion: reduce) { 39 .genesis__spinner-ring { 40 animation: none; 41 border-top-color: rgba(255, 255, 255, 0.9); 42 } 43 } 44 </style> 45 <meta charset="utf-8" /><meta name="language" content="en-US" /><meta name="robots" content="noindex" /><meta name="author" content="Macro Group CRM" /><link rel="icon" sizes="32x32" href="/_genesis/assets/favicon" /><link rel="apple-touch-icon" sizes="180x180" href="/_genesis/assets/favicon" /><meta name="title" content="Macro Group of Companies" /><meta property="og:title" content="Macro Group of Companies" /><meta name="twitter:title" content="Macro Group of Companies" /><meta name="description" content="Intelligent multi-company CRM managing leads for Macro Corporate Services, Macro Corporate Solutions, Ina2nd, and Novella Academy with AI-powered routing and cross-sell insights." /><meta property="og:description" content="Intelligent multi-company CRM managing leads for Macro Corporate Services, Macro Corporate Solutions, Ina2nd, and Novella Academy with AI-powered routing and cross-sell insights." /><meta name="twitter:description" content="Intelligent multi-company CRM managing leads for Macro Corporate Services, Macro Corporate Solutions, Ina2nd, and Novella Academy with AI-powered routing and cross-sell insights." /><meta property="og:type" content="website" /><meta property="og:url" content="https://sales-pipeline-workflow-1470.taskade.app" /><meta property="og:site_name" content="Macro Group CRM" /><meta property="og:image" content="https://sales-pipeline-workflow-1470.taskade.app/_internal/screenshot" /><meta property="og:image:alt" content="Macro Group of Companies - Intelligent multi-company CRM managing leads for Macro Corporate Services, Macro Corporate Solutions..." /><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://sales-pipeline-workflow-1470.taskade.app/_internal/screenshot" /><meta name="twitter:image:alt" content="Macro Group of Companies - Intelligent multi-company CRM managing leads for Macro Corporate Services, Macro Corporate Solutions..." /><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="Macro Group of Companies" /><meta name="application-name" content="Macro Group CRM" /><link rel="canonical" href="https://sales-pipeline-workflow-1470.taskade.app" />
45<script type="application/ld+json"> 46 { 47 "@context": "https://schema.org", 48 "@type": "WebSite", 49 "name": "Macro Group CRM", 50 "alternateName": "Macro Group of Companies", 51 "description": "Intelligent multi-company CRM managing leads for Macro Corporate Services, Macro Corporate Solutions, Ina2nd, and Novella Academy with AI-powered routing and cross-sell insights.", 52 "image": "https://sales-pipeline-workflow-1470.taskade.app/_internal/screenshot", 53 "url": "https://sales-pipeline-workflow-1470.taskade.app", 54 "author": { 55 "@type": "Organization", 56 "name": "Macro Group CRM" 57 }, 58 "publisher": { 59 "@type": "Organization", 60 "name": "Macro Group CRM", 61 "url": "https://sales-pipeline-workflow-1470.taskade.app", 62 "logo": { 63 "@type": "ImageObject", 64 "url": "https://sales-pipeline-workflow-1470.taskade.app/_internal/screenshot" 65 } 66 } 67 } 68</script>
68<script defer src="/_genesis/vendor/flock.min.js" data-proxy-url="/_genesis/api/events" data-tenant-id="670odv7xma6kz6od:default" data-domain="sales-pipeline-workflow-1470.taskade.app"></script>
68<script defer src="/_genesis/vendor/scroll-guard.js"></script>
68</head> 69 <body>
69<script> 70 (function() { 71 if (window.__genesisErrorCatchAll) return; 72 window.__genesisErrorCatchAll = true; 73 var esc = function(s) { return String(s).replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>'); }; 74 var errorHtml = function(msg, id) { 75 return '<div style="position:fixed;inset:0;background:#000;padding:2rem;font-family:system-ui,sans-serif;color:#fff;overflow:auto">' + 76 '<div style="max-width:600px;margin:0 auto">' + 77 '<h2 style="margin:0 0 0.5rem;font-size:1.25rem">Something went wrong</h2>' + 78 '<p style="color:#999;margin:0 0 1rem;font-size:0.95rem">The app failed to load. Try refreshing the page.</p>' + 79 '<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">' + 80 esc(msg) + '<\/pre>' + 81 '<p style="color:#666;margin:1rem 0 0;font-size:0.75rem">Error ID: <code>' + esc(id) + '<\/code><\/p>' + 82 '<\/div><\/div>'; 83 }; 84 var reported = false; 85 var errorId = null; 86 function getErrorId() { 87 if (errorId != null) return errorId; 88 try { 89 if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') { errorId = crypto.randomUUID().replace(/-/g, ''); return errorId; } 90 } catch (e) { /* Fall through to the time+random id below */ } 91 errorId = Date.now().toString(36) + Math.random().toString(36).slice(2, 12); 92 return errorId; 93 } 94 function reportError(code, msg, stack) { 95 if (reported) return; 96 reported = true; 97 try { 98 var logger = window.__TASKADE_APP_LIFECYCLE_LOGGER__; 99 if (typeof logger?.log === 'function') { 100 logger.log({ level: 'error', message: 'Runtime Error', data: { code: code, message: msg, stack: stack || '' } }); 101 return; 102 } 103 // Published: no logger, so beacon to the Taskade gateway instead of 104 // dropping the crash on the floor (#27626). Relative path â the 105 // Director proxy injects the gateway token server-side. Once per page 106 // session (the latch above) so a crash loop cannot flood the sink. 107 fetch('/api/taskade/telemetry/errors', { 108 method: 'POST', 109 headers: { 'Content-Type': 'application/json' }, 110 body: JSON.stringify({ 111 errorId: getErrorId(), 112 code: code, 113 message: String(msg || 'Unknown error').slice(0, 4000), 114 stack: String(stack || '').slice(0, 20000), 115 path: location.pathname.slice(0, 1000),
116 userAgent: navigator.userAgent.slice(0, 512) 117 }), 118 keepalive: true 119 // Default same-origin credentials: a password-protected app gates 120 // /api/taskade/* on its signed access cookie, so omitting them 121 // would redirect the beacon to the password page. 122 }).catch(function() {}); 123 } catch (e) { /* Swallow â never block the fallback error UI */ } 124 } 125 function showError(code, msg, stack) { 126 var root = document.getElementById('root'); 127 if (!root) return; 128 var spinner = root.querySelector('.genesis__spinner-container'); 129 if (spinner) { 130 // Scenario 1: React never mounted â replace spinner 131 reportError('error.fatal', msg, stack); 132 spinner.outerHTML = errorHtml(msg, getErrorId()); 133 } else if (!root.childElementCount) { 134 // Scenario 2: React crashed and unmounted â #root is empty 135 reportError('error.fatal', msg, stack); 136 root.innerHTML = errorHtml(msg, getErrorId()); 137 } else { 138 // React is running fine â don't interfere with the DOM, 139 // but still report with the original code for diagnostics 140 reportError(code, msg, stack); 141 } 142 } 143 window.addEventListener('error', function(e) { 144 var msg = e.message || String(e.error) || 'Unknown error'; 145 var stack = e.error && e.error.stack ? e.error.stack : (e.filename ? e.filename + ':' + e.lineno + ':' + e.colno : ''); 146 showError('error.runtime_error', msg, stack); 147 }); 148 window.addEventListener('unhandledrejection', function(e) { 149 var msg = e.reason ? String(e.reason) : 'Unhandled promise rejection'; 150 var stack = e.reason && e.reason.stack ? e.reason.stack : ''; 151 showError('error.unhandled_promise', msg, stack); 152 }); 153 // A dead <img> degrades to a neutral placeholder instead of painting its 154 // raw alt string across the page (#27730) â the symptom half of the 155 // fabricated-hot-link fix, and the only half that helps an ALREADY 156 // published app, whose images can rot long after generation. 157 // 158 // Resource load errors do not bubble, so they reach window only in the 159 // CAPTURE phase. That is why neither handler above has ever seen one, and 160 // why this cannot disturb them: a broken image must never render the fatal 161 // error overlay or spend the once-per-session crash beacon. 162 // 163 // Swapping in a 1x1 transparent GIF is what actually stops the alt text â 164 // the element becomes a SUCCESSFUL load, so the browser has no broken image 165 // to caption, while the alt attribute stays for assistive tech. Layout is 166 // untouched: the app's own width/height/aspect classes still apply. The grey 167 // is translucent so it reads correctly on a light or a dark surface without 168 // this script having to know the app's theme. 169 var deadImagePixel = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'; 170 window.addEventListener('error', function(e) { 171 var el = e.target; 172 if (!el || el.tagName !== 'IMG') return; 173 // The swap fires a fresh load on the same element, so the latch is what 174 // keeps a failing data URI from looping. 175 if (el.getAttribute('data-genesis-image-fallback') !== null) return; 176 el.setAttribute('data-genesis-image-fallback', ''); 177 el.removeAttribute('srcset'); 178 el.src = deadImagePixel; 179 el.style.background = 'linear-gradient(135deg, rgba(127,127,127,0.16), rgba(127,127,127,0.28))'; 180 }, true); 181 182 // --------------------------------------------------------------- 183 // Dead env reads (advisory, NOT a failure) 184 // --------------------------------------------------------------- 185 // The bundle's import.meta.env / process.env shims are reporting 186 // Proxies (see genesisEnvBanner.ts). They are value-preserving: a 187 // missing key still reads undefined. This turns that read from invisible 188 // into observable, because a feature gated on one is permanently off and 189 // has no other symptom â the app builds, boots and looks healthy. 190 // 191 // Deliberately WARN, never error. The runtime cannot see whether a call 192 // site has a working fallback, so a correct 193 // VITE_API_BASE_URL || 'https://real' is reported too. Warn keeps it
194 // out of the "Fix with AI" popup set and out of FATAL_LIFECYCLE_CODES, 195 // both of which are error-level allowlists. 196 var deadEnvSeen = {}; 197 var deadEnvSent = 0; 198 // Its OWN budget and latch: sharing the 'reported' latch above would let 199 // an advisory notice spend the one crash report this page session gets. 200 var DEAD_ENV_MAX = 5; 201 function reportDeadEnv(source, key) { 202 try { 203 var signature = source + '.' + key; 204 if (deadEnvSeen[signature] || deadEnvSent >= DEAD_ENV_MAX) return; 205 deadEnvSeen[signature] = 1; 206 deadEnvSent++; 207 var msg = signature + ' is read but a Genesis build never defines it, so the value is ' + 208 'always undefined. If it gates a feature, that feature is permanently off. Route ' + 209 'secret-bearing calls through GenesisClient.proxy() with a secretAlias instead.'; 210 var logger = window.__TASKADE_APP_LIFECYCLE_LOGGER__; 211 if (typeof logger?.log === 'function') { 212 logger.log({ level: 'warn', message: 'Dead env read', data: { code: 'warn.dead_env', message: msg } }); 213 return; 214 } 215 fetch('/api/taskade/telemetry/errors', { 216 method: 'POST', 217 headers: { 218 'Content-Type': 'application/json', 219 // Lets the publish Worker pick the advisory rate-limit bucket 220 // without reading this body. Doing that at the edge means I/O 221 // of unbounded duration ahead of the limiter meant to bound it, 222 // which is the whole class of problem the header avoids. The 223 // origin still classifies from the validated body, so this is a 224 // bucket hint and never the record (#29164). 225 'X-Genesis-Telemetry-Code': 'warn.dead_env' 226 }, 227 body: JSON.stringify({ 228 errorId: 'de' + Date.now().toString(36) + Math.random().toString(36).slice(2, 8), 229 code: 'warn.dead_env', 230 message: msg.slice(0, 4000), 231 path: location.pathname.slice(0, 1000), 232 // The source and key as STRUCTURE, not only inside the prose. 233 // The gateway fingerprints on app + code alone, because this 234 // endpoint's token ships in the bundle and free text from it 235 // cannot be trusted; these two validated fields are how the 236 // key still reaches Sentry, as a tag. 237 // Sliced to the schema's bound like every other field here: the 238 // banner filters the key's SHAPE but not its length, and an 239 // over-long key would fail validation and lose the whole 240 // report rather than just the tag. 241 envSource: source, 242 envKey: String(key).slice(0, 64) 243 }), 244 keepalive: true 245 }).catch(function() {}); 246 } catch (e) { /* Swallow â advisory telemetry must never break an app */ } 247 } 248 window.__genesisReportDeadEnv = reportDeadEnv; 249 // Drain anything the bundle's banner queued. This script is a classic 250 // inline script and the bundle is a deferred module, so in practice the 251 // reporter wins the race; the queue is what makes that not a matter of 252 // luck (and covers an app whose HTML predates this script). 253 try { 254 var queued = window.__genesisDeadEnvQueue; 255 if (queued) { 256 window.__genesisDeadEnvQueue = []; 257 for (var qi = 0; qi < queued.length; qi++) reportDeadEnv(queued[qi][0], queued[qi][1]); 258 } 259 } catch (e) { /* Ignore. */ } 260 })(); 261</script>
261 262 <div id="root"> 263 <div class="genesis__spinner-container"> 264 <div class="genesis__spinner-ring"></div> 265 </div> 266 </div> 267
267<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>
267 268</body> 269</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.