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.0"> 6 <title>Features â CodeSprint</title> 7 <link rel="icon" type="image/png" href="icon.png"> 8 <meta name="description" content="Complexity analysis, debugging, and chat."> 9 <link rel="stylesheet" href="style.css"> 10 <link rel="preconnect" href="https://fonts.googleapis.com"> 11 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 12 <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet"> 13</head> 14<body class="page-features"> 15 16 <div class="bg-glow blob-top"></div> 17 18 <!-- Navigation --> 19 <nav id="navbar"> 20 <div class="nav-container"> 21 <a href="index.html" class="brand"> 22 <div class="logo-box"> 23 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg> 24 </div> 25 <span class="brand-text">CodeSprint<span class="accent">.</span></span> 26 </a> 27 <div class="nav-links"> 28 <a href="index.html" class="nav-link">Home</a> 29 <a href="dashboard/index.html" class="nav-link">Dashboard</a> 30 <a href="features.html" class="nav-link active">Features</a> 31 <a href="payments/index.html" class="nav-link">Upgrade</a> 32 <a href="support.html" class="nav-link">Support</a> 33 </div> 34 <div class="nav-actions"> 35 <a href="https://chromewebstore.google.com/detail/leetcode-sprint/eilgpmmdpaapjbjgcjnoddnddnlagica" target="_blank" class="btn btn-primary nav-btn"> 36 Install Free 37 </a> 38 </div> 39 </div> 40 </nav> 41 42 <!-- Page Header --> 43 <section class="section header-offset border-top text-center"> 44 <div class="container"> 45 <span class="badge">Engine Overview</span> 46 <h1 class="page-title">Engineered for your coding routine.</h1> 47 <p class="page-subtitle">CodeSprint builds powerful developer utilities directly into your viewport.</p> 48 </div> 49 </section> 50 51 <!-- Bento Grid --> 52 <section class="section border-top"> 53 <div class="container"> 54 <div class="bento-grid"> 55 56 <!-- universal sprintAI Chat --> 57 <div class="bento-card col-span-2"> 58 <div class="card-icon"> 59 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg> 60 </div> 61 <div class="card-body"> 62 <h3>Embedded sprintAI Chat</h3> 63 <p>Context-aware shadow DOM assistant. Chat about code selections, configure preset prompts, and toggle output security on the fly.</p> 64 <div class="inline-complexity-preview" style="gap:4px;"> 65 <span class="badge-tag" style="background:rgba(255,255,255,0.03); border-color:var(--border);">Toggle: <strong>No Code Output</strong></span> 66 <span class="badge-tag" style="background:rgba(205,92,92,0.06);">Presets Active</span> 67 </div> 68 </div> 69 </div> 70 71 <!-- Custom Presets --> 72 <div class="bento-card"> 73 <div class="card-icon"> 74 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"></circle><path d="M12 8l-4 4h8z"/></svg> 75 </div> 76 <div class="card-body"> 77 <h3>Custom Query Presets</h3> 78 <p>Instant query templates (Optimize, Explain, Complexity, Bug scan) to bypass manual typing.</p> 79 </div> 80 </div> 81 82 <!-- Complexity --> 83 <div class="bento-card"> 84 <div class="card-icon"> 85 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg> 86 </div> 87 <div class="card-body"> 88 <h3>O-Notation Analyzer (Ctrl+Shift+X)</h3> 89 <p>Select any block to compute Time/Space complexities instantly inside sliding toast alerts.</p> 90 </div> 91 </div> 92 93 <!-- Logic Debugger --> 94 <div class="bento-card col-span-2"> 95 <div class="card-icon">
96 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg> 97 </div> 98 <div class="card-body"> 99 <h3>AI Logic Debugger (Ctrl+Shift+Z)</h3> 100 <p>Locate bugs, infinite loops, and exceptions. Ask follow-up questions directly using the connected chat bridge.</p> 101 </div> 102 </div> 103 104 <!-- Floating action anchors --> 105 <div class="bento-card col-span-3 interactive-bento"> 106 <div class="interactive-grid"> 107 <div class="card-body"> 108 <div class="card-icon"> 109 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4M10 17l5-5-5-5M13.8 12H3"/></svg> 110 </div> 111 <h3>Interactive Control Anchors</h3> 112 <p>A draggable floating sphere and an instant highlight popup. Keeps controls within reach, fully toggleable in settings.</p> 113 <p class="interactive-hint">Selection Popups can be disabled in extension settings.</p> 114 </div> 115 <div class="company-tags-preview" style="align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap;"> 116 <span class="company-tag" style="background:#cd5c5c;color:#ffffff;border:1px solid rgba(255,255,255,0.1);padding:6px 12px;font-weight:600;">â¡ Floating Panel</span> 117 <span class="company-tag" style="background:#f4f4f5;color:#18181b;border:1px solid #e4e4e7;padding:6px 12px;font-weight:600;">â±ï¸ Complexity</span> 118 <span class="company-tag" style="background:#f4f4f5;color:#18181b;border:1px solid #e4e4e7;padding:6px 12px;font-weight:600;">ð¬ Chat</span> 119 </div> 120 </div> 121 </div> 122 123 <!-- Site-Specific Overrides --> 124 <div class="bento-card col-span-3 interactive-bento"> 125 <div class="interactive-grid"> 126 <div class="card-body"> 127 <div class="card-icon"> 128 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 14.5 3.5 16.5 5.5 17.5C6 17.75 6.5 18 6.5 18.5C6.5 19 6 19.5 6 20C6 21 7 22 8.5 22H12Z"/><circle cx="7.5" cy="10.5" r="1.5"/><circle cx="11.5" cy="7.5" r="1.5"/><circle cx="16.5" cy="9.5" r="1.5"/><circle cx="15.5" cy="14.5" r="1.5"/></svg> 129 </div> 130 <h3>Domain-Specific Overrides</h3> 131 <p>Automatic overlays on supported sites like LeetCode, delivering automated submission metrics, contest ELO, and verified company tags.</p> 132 <p class="interactive-hint">Select tabs below to examine submission summarization overrides.</p> 133 </div> 134 <div class="submission-panel-mockup"> 135 <div class="submission-tabs"> 136 <button class="sub-tab active" data-tab="approach">â Approach</button> 137 <button class="sub-tab" data-tab="efficiency">â Efficiency</button> 138 <button class="sub-tab" data-tab="style">â Code Style</button> 139 </div> 140 <div class="submission-content-wrapper"> 141 <div class="submission-pane active" id="pane-approach"> 142 <div class="pane-highlight">Optimized target mappings identified.</div> 143 <div class="pane-details"> 144 <div class="detail-row"><span>Active structure:</span> <span class="val">Standard Array Vector</span></div> 145 <div class="detail-row"><span>Recommended:</span> <span class="val text-success">Unordered Map Registry</span></div> 146 <div class="detail-row"><span>Diagnostic Note:</span> <span class="val text-muted">A localized target mapping restricts element searching to O(1).</span></div> 147 </div> 148 </div> 149 <div class="submission-pane" id="pane-efficiency"> 150 <div class="pane-highlight">Runtime parameters evaluation completed.</div> 151 <div class="pane-details"> 152 <div class="detail-row"><span>Compiled execution:</span> <span class="val text-success">0 ms (Beats 100.00%)</span></div> 153 <div class="detail-row"><span>Memory signature:</span> <span class="val text-warning">14.89 MB (Beats 36.61%)</span></div> 154 </div> 155 </div> 156 <div class="submission-pane" id="pane-style"> 157 <div class="pane-highlight">Production compliance rules satisfied.</div> 158 <div class="pane-details"> 159 <div class="detail-row"><span>Variable Naming:</span> <span class="val text-success">CamelCase strictly used.</span></div> 160 <div class="detail-row"><span>Encapsulation:</span> <span class="val text-muted">Single-responsibility loop boundaries cleanly defined.</span></div> 161 </div> 162 </div> 163 </div> 164 </div> 165 </div> 166 </div> 167 168 </div> 169 </div> 170 </section> 171 172 <!-- Footer --> 173 <footer class="footer border-top"> 174 <div class="container footer-layout"> 175 <div class="footer-meta"> 176 <a href="index.html" class="brand"> 177 <div class="logo-box small">
178 <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg> 179 </div> 180 <span class="brand-text">CodeSprint<span class="accent">.</span></span> 181 </a> 182 <p class="footer-tagline">High-performance tools for engineers preparing for complex technical interviews.</p> 183 </div> 184 <div class="footer-nav"> 185 <a href="index.html" class="footer-link">Home</a> 186 <a href="dashboard/index.html" class="footer-link">Dashboard</a> 187 <a href="features.html" class="footer-link">Features</a> 188 <a href="payments/index.html" class="footer-link">Upgrade</a> 189 <a href="support.html" class="footer-link">Support</a> 190 </div> 191 </div> 192 <div class="footer-bottom"> 193 © 2026 CodeSprint. All rights reserved. 194 </div> 195 </footer> 196 197
197<script src="https://www.gstatic.com/firebasejs/10.8.0/firebase-app-compat.js"></script>
197 198
198<script src="https://www.gstatic.com/firebasejs/10.8.0/firebase-auth-compat.js"></script>
198 199
199<script> 200 firebase.initializeApp({ 201 apiKey: "AIzaSyAg1tPoejGGXcJMe9MwMWTWhnCjZOpRt7g", 202 authDomain: "sprint-87863.firebaseapp.com", 203 projectId: "sprint-87863", 204 storageBucket: "sprint-87863.firebasestorage.app", 205 messagingSenderId: "549425279249", 206 appId: "1:549425279249:web:ce3d25457977bec5915cb0", 207 measurementId: "G-PCKD965D95" 208 }); 209 </script>
209 210
210<script src="navbar.js"></script>
210 211
211<script src="script.js"></script>
211 212</body> 213</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.