Merge pull request #23 from analyticsinmotion/development

feat: Add decibri use cases voxagent and wake word to the homepage

Author: rossarmstrong

docs/docs/node/integrations/aws-transcribe.html

@@ -113,7 +113,7 @@ <h3>Set up AWS credentials</h3>
 AWS_SECRET_ACCESS_KEY=your_secret
 AWS_REGION=us-east-1</code></pre>
 
-      <p>The SDK resolves credentials automatically in this order: environment variables, shared credentials file, IAM role (for EC2/Lambda). If you get a service endpoint error, check that your region supports <a href="https://docs.aws.amazon.com/general/latest/gr/transcribe.html" target="_blank" rel="noopener noreferrer">AWS Transcribe Streaming</a>&mdash;not all regions do.</p>
+      <p>The SDK resolves credentials automatically in this order: environment variables, shared credentials file, IAM role (for EC2/Lambda). If you get a service endpoint error, check that your region supports <a href="https://docs.aws.amazon.com/general/latest/gr/transcribe.html" target="_blank" rel="noopener noreferrer">AWS Transcribe Streaming</a>. Not all regions support it.</p>
 
       <div class="callout">
         <strong>IAM permissions:</strong> Your IAM user needs the <code>transcribe:StartStreamTranscription</code> action. For testing, you can use the managed policy <code>AmazonTranscribeFullAccess</code>. For production, use a minimal policy:
@@ -365,7 +365,7 @@ <h2>Configuration options</h2>
           <tr>
             <td><code>IdentifyLanguage</code></td>
             <td>omitted</td>
-            <td>Set to <code>true</code> to enable automatic language detection. Mutually exclusive with <code>LanguageCode</code>&mdash;use one or the other, not both.</td>
+            <td>Set to <code>true</code> to enable automatic language detection. Mutually exclusive with <code>LanguageCode</code>. Use one or the other, not both.</td>
           </tr>
         </tbody>
       </table>

docs/docs/node/integrations/google-speech.html

@@ -154,7 +154,7 @@ <h3>2. Configure the recognition request</h3>
   interimResults: true,
 };</code></pre>
       <div class="callout">
-        <strong>Note:</strong> <code>LINEAR16</code> is Google's name for PCM signed 16-bit little-endian &mdash; the exact format decibri outputs by default. No conversion needed.
+        <strong>Note:</strong> <code>LINEAR16</code> is Google's name for PCM signed 16-bit little-endian, the exact format decibri outputs by default. No conversion needed.
       </div>
 
       <h3>3. Create the recognize stream</h3>
@@ -175,7 +175,7 @@ <h3>3. Create the recognize stream</h3>
   });</code></pre>
 
       <h3>4. Open the microphone and pipe</h3>
-      <p>Create a decibri instance at 16 kHz mono and pipe it directly into the recognize stream. This is the entire integration &mdash; no bridge code, no async generator, no chunk wrapping.</p>
+      <p>Create a decibri instance at 16 kHz mono and pipe it directly into the recognize stream. This is the entire integration. No bridge code, no async generator, no chunk wrapping.</p>
       <pre><code class="language-javascript">const mic = new Decibri({ sampleRate: 16000, channels: 1 });
 mic.pipe(recognizeStream);</code></pre>
 

docs/index.html

@@ -1208,6 +1208,175 @@
     .mobile-menu a:last-child { border-bottom: none; }
     .mobile-menu a:hover { color: var(--accent); }
 
+    /* ── Built With Grid ── */
+    .built-with-grid {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 20px;
+      margin-top: 40px;
+    }
+
+    .built-with-card {
+      padding: 32px 28px;
+      background: var(--bg-elevated);
+      border: 1px solid var(--border);
+      border-radius: 12px;
+      text-decoration: none;
+      color: inherit;
+      transition: all 0.25s;
+      display: flex;
+      flex-direction: column;
+      gap: 16px;
+    }
+
+    .built-with-card:hover {
+      border-color: var(--border-glow);
+      transform: translateY(-3px);
+      box-shadow: 0 8px 30px rgba(0,0,0,0.2);
+    }
+
+    .built-with-card.voxagent-card:hover { border-color: rgba(232, 145, 58, 0.3); }
+    .built-with-card.wakeword-card:hover { border-color: rgba(0, 124, 254, 0.3); }
+
+    .built-with-header {
+      display: flex;
+      align-items: center;
+      gap: 14px;
+    }
+
+    .built-with-logo {
+      width: 44px;
+      height: 44px;
+      border-radius: 10px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+    }
+
+    .built-with-logo.voxagent-logo { background: rgba(232, 145, 58, 0.10); }
+    .built-with-logo.wakeword-logo { background: rgba(0, 124, 254, 0.08); }
+    .built-with-logo.wakeword-logo svg { width: 26px; height: 26px; }
+
+    .built-with-name {
+      font-family: var(--font-display);
+      font-size: 20px;
+      font-weight: 700;
+      letter-spacing: -0.5px;
+    }
+
+    .highlight-amber { color: #e8913a; }
+    .highlight-blue { color: #007CFE; }
+
+    .built-with-desc {
+      font-size: 14.5px;
+      color: var(--text-secondary);
+      line-height: 1.7;
+      font-weight: 300;
+    }
+
+    .built-with-stack {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      flex-wrap: wrap;
+      margin-top: auto;
+    }
+
+    .stack-tag {
+      font-family: var(--font-mono);
+      font-size: 11px;
+      padding: 4px 10px;
+      background: var(--surface);
+      border: 1px solid var(--border);
+      border-radius: 5px;
+      color: var(--text-muted);
+      letter-spacing: 0.2px;
+    }
+
+    .stack-separator {
+      color: var(--border);
+      font-size: 10px;
+    }
+
+    .built-with-footer {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-top: 4px;
+    }
+
+    .built-with-url {
+      font-family: var(--font-mono);
+      font-size: 12px;
+      color: var(--text-muted);
+      display: inline-flex;
+      align-items: center;
+      gap: 5px;
+      transition: color 0.2s;
+    }
+
+    .built-with-card:hover .built-with-url { color: var(--accent); }
+
+    .built-with-type {
+      font-family: var(--font-mono);
+      font-size: 10px;
+      font-weight: 600;
+      letter-spacing: 0.5px;
+      text-transform: uppercase;
+      padding: 3px 8px;
+      border-radius: 4px;
+    }
+
+    .type-cli {
+      color: #e8913a;
+      background: rgba(232, 145, 58, 0.08);
+      border: 1px solid rgba(232, 145, 58, 0.15);
+    }
+
+    .type-extension {
+      color: #007CFE;
+      background: rgba(0, 124, 254, 0.08);
+      border: 1px solid rgba(0, 124, 254, 0.15);
+    }
+
+    [data-theme="light"] .type-cli {
+      color: #b86e1a;
+      background: rgba(184, 110, 26, 0.06);
+      border-color: rgba(184, 110, 26, 0.15);
+    }
+
+    [data-theme="light"] .type-extension {
+      color: #0058b8;
+      background: rgba(0, 88, 184, 0.06);
+      border-color: rgba(0, 88, 184, 0.15);
+    }
+
+    .pipeline-note {
+      margin-top: 32px;
+      padding: 20px 24px;
+      background: var(--surface);
+      border: 1px solid var(--border);
+      border-radius: 10px;
+      border-left: 3px solid var(--accent);
+    }
+
+    .pipeline-note p {
+      font-size: 14px;
+      color: var(--text-secondary);
+      line-height: 1.7;
+      font-weight: 300;
+    }
+
+    .pipeline-note code {
+      font-family: var(--font-mono);
+      font-size: 12.5px;
+      color: var(--text-primary);
+      background: var(--bg-code);
+      padding: 2px 6px;
+      border-radius: 4px;
+    }
+
     /* ── Responsive ── */
     @media (max-width: 640px) {
       nav { padding: 12px 16px; }
@@ -1217,6 +1386,7 @@
       .cta-group { flex-direction: column; align-items: flex-start; }
       .btn-primary, .btn-secondary { width: 100%; justify-content: center; }
       .install-pill { width: 100%; justify-content: center; }
+      .built-with-grid { grid-template-columns: 1fr; }
     }
 
     /* ── Fade-in animation (only when JS is active) ── */
@@ -1524,6 +1694,81 @@ <h3>Google</h3>
 
   <div class="divider"></div>
 
+  <!-- ── Built with decibri ── -->
+  <div class="container">
+    <section class="fade-in">
+      <div class="section-label">Built with decibri</div>
+      <h2>Real products, powered by decibri</h2>
+      <p class="section-desc">Open-source tools that use decibri as their audio capture layer. From voice agents to wake phrase detection.</p>
+
+      <div class="built-with-grid">
+
+        <!-- voxagent -->
+        <a href="https://voxagent.run" class="built-with-card voxagent-card" target="_blank" rel="noopener noreferrer">
+          <div class="built-with-header">
+            <div class="built-with-logo voxagent-logo">
+              <svg width="28" height="28" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+                <text x="16" y="24" font-family="Outfit, sans-serif" font-size="26" font-weight="700" fill="#e8913a" text-anchor="middle">V</text>
+              </svg>
+            </div>
+            <div class="built-with-name">vox<span class="highlight-amber">agent</span></div>
+          </div>
+          <p class="built-with-desc">Voice-powered terminal agent. Speak commands, get answers. Fully offline using whisper.cpp for local transcription and Ollama for local LLM inference. No cloud, no API keys.</p>
+          <div class="built-with-stack">
+            <span class="stack-tag">decibri</span>
+            <span class="stack-separator">+</span>
+            <span class="stack-tag">whisper.cpp</span>
+            <span class="stack-separator">+</span>
+            <span class="stack-tag">Ollama</span>
+          </div>
+          <div class="built-with-footer">
+            <span class="built-with-url">voxagent.run <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="7" y1="17" x2="17" y2="7"/><polyline points="7 7 17 7 17 17"/></svg></span>
+            <span class="built-with-type type-cli">CLI tool</span>
+          </div>
+        </a>
+
+        <!-- Wake Word -->
+        <a href="https://wakeword.io" class="built-with-card wakeword-card" target="_blank" rel="noopener noreferrer">
+          <div class="built-with-header">
+            <div class="built-with-logo wakeword-logo">
+              <svg viewBox="0 0 1024 1024" width="26" height="26" xmlns="http://www.w3.org/2000/svg">
+                <g transform="translate(0.000000,1024.000000) scale(0.100000,-0.100000)" fill="#007CFE" stroke="none">
+                  <path d="M4905 8909 c-22 -4 -91 -15 -154 -24 -79 -10 -128 -23 -160 -40 -25 -14 -76 -34 -112 -45 -37 -11 -73 -27 -80 -37 -8 -9 -41 -29 -74 -45 -76 -36 -153 -97 -271 -215 -104 -104 -164 -178 -209 -258 -16 -29 -38 -62 -47 -72 -10 -11 -26 -44 -37 -74 -10 -30 -30 -77 -44 -105 -14 -28 -31 -82 -38 -120 -6 -38 -21 -103 -33 -144 -21 -74 -21 -88 -24 -1292 -3 -1306 -5 -1232 48 -1517 15 -81 31 -132 56 -178 19 -36 34 -73 34 -83 0 -10 16 -41 36 -69 19 -29 38 -61 42 -72 4 -11 22 -39 40 -62 18 -23 47 -62 65 -86 50 -70 241 -233 326 -281 14 -8 48 -27 76 -43 46 -27 114 -53 270 -105 52 -17 126 -31 330 -63 82 -12 274 -9 355 6 41 8 122 21 180 30 66 10 127 27 165 45 33 15 86 35 117 44 31 9 60 21 64 27 4 6 35 24 70 40 34 16 65 33 69 39 3 6 30 25 59 44 68 43 257 232 300 301 19 29 39 56 45 59 5 4 19 30 30 60 11 29 31 70 45 90 13 20 29 59 35 86 6 28 22 77 36 109 13 33 29 90 35 128 7 46 10 507 8 1418 l-3 1350 -28 75 c-16 41 -37 107 -46 145 -10 39 -29 88 -44 110 -14 22 -32 56 -38 75 -7 19 -24 51 -39 70 -15 19 -33 46 -40 59 -41 78 -235 281 -325 339 -22 15 -57 41 -78 59 -20 18 -43 33 -50 33 -6 0 -41 18 -77 40 -36 22 -73 40 -84 40 -10 0 -55 16 -99 36 -63 29 -104 40 -191 50 -61 8 -133 18 -159 24 -56 12 -294 11 -352 -1z"/>
+                  <path d="M1281 8012 c-36 -37 -78 -88 -94 -112 -15 -25 -37 -60 -50 -78 -61 -91 -85 -131 -101 -172 -10 -25 -26 -54 -37 -65 -10 -12 -27 -46 -38 -77 -11 -32 -31 -76 -45 -100 -13 -24 -30 -65 -37 -93 -7 -27 -24 -75 -40 -105 -15 -31 -33 -85 -40 -120 -7 -36 -24 -96 -39 -135 -17 -42 -34 -119 -44 -190 -9 -66 -26 -158 -37 -204 -25 -106 -39 -273 -39 -464 0 -193 16 -367 45 -492 13 -55 29 -140 35 -190 6 -50 24 -121 40 -160 15 -39 33 -98 40 -130 6 -33 24 -85 40 -115 15 -30 33 -75 40 -100 6 -25 22 -62 36 -82 13 -21 32 -59 42 -85 10 -26 33 -70 50 -97 18 -28 32 -55 32 -61 0 -7 13 -30 29 -52 16 -22 37 -55 46 -74 23 -44 141 -177 180 -201 23 -15 44 -18 92 -16 46 3 70 10 90 26 16 12 45 31 66 42 58 32 135 116 143 156 11 60 -4 122 -40 162 -19 20 -43 56 -55 79 -11 23 -26 45 -31 48 -6 4 -24 32 -39 63 -15 32 -40 75 -54 96 -15 21 -27 45 -27 54 0 8 -17 47 -39 86 -21 39 -42 89 -46 111 -3 22 -18 59 -31 83 -14 23 -36 91 -49 150 -13 59 -33 139 -44 177 -37 122 -51 492 -31 820 7 123 16 180 36 245 14 47 32 122 39 166 7 45 26 110 41 145 15 35 35 94 44 131 10 37 27 79 39 94 12 15 29 52 37 83 9 31 27 70 40 88 13 17 32 51 41 75 20 49 62 119 110 181 42 55 113 192 113 218 0 11 -5 30 -11 41 -26 49 -85 116 -131 148 -89 62 -108 70 -182 70 l-69 0 -66 -68z"/>
+                  <path d="M8694 8062 c-109 -60 -208 -153 -219 -203 -10 -47 3 -114 30 -151 14 -18 33 -46 42 -61 10 -15 35 -51 56 -79 20 -27 37 -56 37 -62 0 -7 16 -35 35 -62 19 -27 40 -65 46 -84 6 -19 24 -55 39 -80 16 -25 34 -65 40 -90 7 -25 25 -67 40 -95 16 -27 32 -68 35 -90 4 -22 22 -78 40 -125 19 -47 39 -124 45 -170 6 -46 13 -87 15 -90 2 -3 15 -61 30 -130 24 -115 26 -144 27 -370 0 -249 -8 -343 -42 -480 -10 -41 -24 -113 -30 -160 -6 -47 -22 -109 -36 -139 -13 -30 -33 -89 -44 -132 -10 -43 -30 -95 -44 -117 -13 -22 -30 -59 -36 -83 -6 -24 -24 -62 -39 -84 -15 -22 -33 -54 -38 -71 -6 -17 -27 -52 -47 -78 -20 -26 -36 -54 -36 -62 0 -8 -15 -31 -34 -51 -36 -41 -86 -132 -86 -158 0 -51 79 -142 184 -213 55 -36 80 -47 122 -50 29 -2 65 -2 79 2 24 6 135 110 135 127 0 4 14 24 30 43 17 18 37 51 46 72 9 22 29 55 44 75 16 19 32 48 36 63 3 15 21 49 40 75 18 27 38 68 44 92 6 24 22 61 36 81 13 20 33 72 45 115 11 43 29 93 41 110 11 18 26 70 34 115 8 46 27 122 43 169 21 59 33 122 40 205 6 65 17 155 24 199 18 121 15 482 -6 655 -9 80 -21 181 -26 226 -6 44 -19 107 -31 140 -12 32 -30 102 -40 156 -10 53 -30 118 -43 145 -13 26 -30 73 -37 103 -7 30 -25 78 -40 105 -16 28 -34 70 -40 95 -7 25 -27 70 -46 100 -19 31 -34 63 -34 72 0 8 -15 38 -33 64 -19 27 -44 69 -55 94 -12 25 -32 59 -45 76 -12 18 -30 45 -39 60 -31 50 -91 120 -141 163 -44 38 -53 41 -105 41 -36 0 -69 -7 -88 -18z"/>
+                  <path d="M2171 7373 c-47 -14 -59 -24 -112 -91 -32 -41 -59 -80 -59 -87 0 -7 -15 -35 -33 -61 -19 -27 -42 -74 -52 -104 -10 -30 -28 -71 -41 -90 -12 -19 -28 -62 -34 -95 -7 -32 -25 -91 -41 -130 -21 -54 -33 -112 -49 -241 -43 -362 -44 -367 -32 -465 56 -467 52 -444 90 -529 10 -25 25 -70 31 -100 6 -30 24 -80 40 -110 16 -30 34 -73 41 -95 7 -22 23 -54 36 -72 14 -18 33 -51 43 -75 11 -24 42 -67 70 -96 l51 -54 88 4 c82 3 93 6 143 38 30 20 66 41 81 49 28 14 78 96 78 127 0 34 -45 149 -72 185 -14 18 -32 54 -38 79 -7 25 -25 70 -41 101 -17 31 -34 85 -40 120 -5 35 -21 105 -35 154 -14 52 -29 147 -36 225 -9 103 -9 166 1 270 6 75 21 164 32 199 11 36 26 103 34 150 9 47 27 108 41 135 15 28 33 73 41 100 8 28 26 66 39 83 14 18 31 51 39 74 8 23 28 60 45 82 57 77 33 143 -92 249 -43 37 -72 52 -129 68 -40 11 -74 20 -74 19 0 0 -24 -8 -54 -16z"/>
+                  <path d="M7875 7363 c-27 -8 -64 -28 -81 -43 -18 -15 -46 -36 -63 -46 -35 -21 -71 -89 -71 -134 0 -40 31 -120 63 -162 15 -19 33 -53 42 -77 8 -23 24 -54 35 -68 11 -14 28 -51 36 -82 9 -31 29 -85 44 -121 16 -36 31 -87 35 -115 4 -27 18 -117 31 -200 13 -82 24 -191 24 -241 0 -50 -9 -152 -20 -225 -12 -74 -25 -168 -31 -209 -6 -41 -23 -104 -39 -140 -16 -36 -36 -90 -44 -121 -9 -31 -25 -67 -36 -82 -30 -38 -83 -167 -83 -203 -1 -42 49 -112 103 -146 89 -56 127 -69 199 -70 37 0 77 3 88 6 27 9 119 133 138 186 8 22 25 55 39 73 14 18 30 54 36 80 5 26 23 71 39 100 16 29 35 81 41 117 6 36 22 99 35 140 14 41 30 111 36 155 16 109 16 625 0 734 -7 46 -23 112 -35 145 -13 34 -29 93 -35 131 -7 39 -23 89 -37 112 -13 23 -33 69 -43 102 -10 32 -28 72 -39 88 -11 16 -32 53 -46 83 -32 66 -84 141 -134 193 -56 57 -129 70 -227 40z"/>
+                  <path d="M2928 6547 c-15 -7 -42 -34 -60 -62 l-33 -50 0 -635 0 -635 28 -210 c23 -166 34 -224 57 -275 15 -36 33 -92 40 -125 6 -33 23 -79 37 -103 13 -24 33 -68 44 -99 10 -31 26 -64 34 -73 8 -9 28 -44 45 -77 16 -34 34 -64 40 -68 6 -3 22 -27 35 -53 65 -120 265 -331 495 -520 19 -16 53 -39 76 -50 22 -11 46 -28 54 -37 7 -9 35 -25 61 -36 26 -12 55 -30 65 -40 10 -11 41 -26 70 -35 28 -8 71 -28 95 -43 24 -16 69 -34 99 -40 30 -7 80 -24 110 -38 31 -15 102 -34 162 -44 59 -10 126 -23 150 -28 24 -6 64 -13 89 -16 29 -4 54 -14 65 -26 18 -20 19 -52 22 -635 2 -604 2 -614 -18 -634 -20 -20 -31 -20 -610 -20 -437 0 -596 -3 -615 -12 -18 -8 -40 -37 -63 -83 -35 -67 -37 -75 -37 -171 0 -92 3 -105 30 -160 26 -51 38 -63 84 -86 l55 -28 1474 0 c1631 0 1498 -5 1579 65 l38 33 3 134 c3 81 -1 151 -8 177 -6 25 -28 61 -50 85 l-39 41 -594 5 c-567 5 -596 6 -616 24 -21 19 -21 22 -21 627 l0 607 31 26 c17 14 34 26 37 26 4 0 50 9 102 19 52 11 133 25 180 31 48 7 113 24 150 40 36 15 93 35 126 43 34 9 79 27 99 41 21 14 56 31 78 37 22 6 62 26 89 45 28 19 56 34 63 34 8 0 34 15 58 34 25 19 60 42 79 52 45 23 157 117 261 219 119 116 287 321 287 348 0 7 16 31 35 55 18 24 39 60 46 80 6 20 24 55 40 77 15 22 35 67 44 100 9 33 25 74 36 91 11 18 28 72 38 120 11 49 31 123 45 166 40 119 47 286 44 1024 l-3 651 -27 35 c-15 19 -43 43 -63 52 -30 15 -60 17 -170 14 -116 -3 -137 -6 -161 -24 -15 -11 -37 -33 -48 -48 -21 -27 -21 -40 -26 -744 l-5 -717 -27 -80 c-15 -44 -32 -111 -39 -150 -6 -39 -24 -92 -39 -120 -16 -27 -34 -70 -40 -95 -7 -25 -24 -61 -40 -80 -15 -19 -31 -45 -34 -58 -4 -12 -23 -42 -41 -66 -19 -25 -41 -58 -49 -75 -20 -39 -246 -267 -306 -309 -25 -17 -67 -44 -94 -59 -27 -16 -63 -40 -80 -54 -17 -14 -51 -33 -76 -41 -25 -8 -62 -27 -83 -41 -21 -14 -63 -31 -93 -37 -31 -7 -83 -24 -117 -40 -42 -19 -92 -32 -157 -40 -52 -6 -131 -18 -175 -28 -117 -24 -438 -23 -559 1 -49 10 -127 23 -173 28 -56 6 -102 18 -136 35 -28 15 -81 35 -118 45 -37 10 -84 30 -104 43 -20 14 -53 30 -73 37 -20 6 -48 22 -62 35 -14 12 -43 30 -65 40 -22 9 -57 32 -78 50 -20 19 -41 34 -46 34 -15 0 -258 246 -284 287 -14 21 -32 45 -42 53 -9 8 -27 37 -39 65 -13 27 -30 56 -39 63 -9 8 -26 39 -37 70 -12 32 -31 72 -43 91 -11 19 -30 70 -43 115 -12 45 -31 106 -42 137 -12 32 -27 104 -33 160 -7 61 -14 373 -18 754 l-6 651 -38 46 c-21 26 -52 51 -69 57 -42 15 -266 13 -300 -2z"/>
+                </g>
+              </svg>
+            </div>
+            <div class="built-with-name">Wake <span class="highlight-blue">Word</span></div>
+          </div>
+          <p class="built-with-desc">Voice activation for code editors. Say "Hey Claude" and Claude opens. Say "Hey Copilot" and Copilot opens. Fully local wake phrase detection using sherpa-onnx. Zero config.</p>
+          <div class="built-with-stack">
+            <span class="stack-tag">decibri</span>
+            <span class="stack-separator">+</span>
+            <span class="stack-tag">sherpa-onnx</span>
+            <span class="stack-separator">+</span>
+            <span class="stack-tag">VS Code API</span>
+          </div>
+          <div class="built-with-footer">
+            <span class="built-with-url">wakeword.io <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="7" y1="17" x2="17" y2="7"/><polyline points="7 7 17 7 17 17"/></svg></span>
+            <span class="built-with-type type-extension">VS Code extension</span>
+          </div>
+        </a>
+
+      </div>
+
+      <div class="pipeline-note">
+        <p>These products use decibri as their audio capture layer. decibri handles the microphone. Each product adds its own processing on top.</p>
+      </div>
+
+    </section>
+  </div>
+
+  <div class="divider"></div>
+
   <!-- ── When to use / Comparison ── -->
   <div class="container">
     <section id="compare" class="fade-in">