@@ -1288,81 +1288,7 @@ <h1 class="hero-headline">
12881288 3. Ensure the interactive page exists at docs/interactive/issue-NNN/index.html
12891289 -->
12901290
1291- <!-- ══════════ ROWS 1–4: HERO PAIR ══════════ -->
1292-
1293- <!-- Issue 007: Holographic Memory — HERO LEFT -->
1294- < div class ="card card-conceptual card-hero-issue span-6 row-4 arc-pair-c reveal " aria-label ="Issue 007: Holographic Memory by Tyson Dowd ">
1295- < div class ="hero-visual " aria-hidden ="true ">
1296- < svg class ="hv-nodes " viewBox ="0 0 200 200 " fill ="none " xmlns ="http://www.w3.org/2000/svg ">
1297- < circle cx ="100 " cy ="100 " r ="70 " stroke ="#9B5FD0 " stroke-width ="1 " stroke-dasharray ="6 4 "/>
1298- < circle cx ="100 " cy ="100 " r ="44 " stroke ="#5BB5FF " stroke-width ="1 " stroke-dasharray ="4 3 "/>
1299- < circle cx ="100 " cy ="100 " r ="18 " fill ="rgba(107,47,160,0.4) " stroke ="#9B5FD0 " stroke-width ="1.5 "/>
1300- < circle cx ="100 " cy ="30 " r ="6 " fill ="#9B5FD0 " opacity ="0.8 "/>
1301- < circle cx ="100 " cy ="170 " r ="6 " fill ="#9B5FD0 " opacity ="0.8 "/>
1302- < circle cx ="30 " cy ="100 " r ="6 " fill ="#5BB5FF " opacity ="0.8 "/>
1303- < circle cx ="170 " cy ="100 " r ="6 " fill ="#5BB5FF " opacity ="0.8 "/>
1304- < circle cx ="150 " cy ="50 " r ="4 " fill ="#9B5FD0 " opacity ="0.6 "/>
1305- < circle cx ="50 " cy ="150 " r ="4 " fill ="#9B5FD0 " opacity ="0.6 "/>
1306- < line x1 ="100 " y1 ="30 " x2 ="100 " y2 ="56 " stroke ="#9B5FD0 " stroke-width ="1 " opacity ="0.5 "/>
1307- < line x1 ="100 " y1 ="170 " x2 ="100 " y2 ="144 " stroke ="#9B5FD0 " stroke-width ="1 " opacity ="0.5 "/>
1308- < line x1 ="30 " y1 ="100 " x2 ="56 " y2 ="100 " stroke ="#5BB5FF " stroke-width ="1 " opacity ="0.5 "/>
1309- < line x1 ="170 " y1 ="100 " x2 ="144 " y2 ="100 " stroke ="#5BB5FF " stroke-width ="1 " opacity ="0.5 "/>
1310- </ svg >
1311- < div class ="card-glow " style ="width:180px;height:180px;top:40%;right:-30px;background:rgba(107,47,160,0.5); "> </ div >
1312- </ div >
1313- < div class ="card-inner ">
1314- < div class ="issue-num "> Issue 007</ div >
1315- < div class ="issue-badge badge-conceptual "> Conceptual</ div >
1316- < h2 class ="card-title "> Holographic Memory</ h2 >
1317- < p class ="card-desc "> Give agents memory that persists across sessions — layered context that grows richer with every interaction.</ p >
1318- < div class ="card-meta ">
1319- < div class ="card-builder "> Tyson Dowd</ div >
1320- < div class ="card-tags ">
1321- < span class ="tag "> Memory</ span >
1322- < span class ="tag "> Context</ span >
1323- < span class ="tag "> State Mgmt</ span >
1324- </ div >
1325- < span class ="coming-soon-chip "> Interactive coming soon</ span >
1326- </ div >
1327- </ div >
1328- < span class ="diagram-label "> Layers</ span >
1329- </ div >
1330-
1331- <!-- Issue 008: Cross-Project Knowledge Agent — HERO RIGHT -->
1332- < div class ="card card-practical card-hero-issue span-6 row-4 arc-pair-c reveal " aria-label ="Issue 008: Cross-Project Knowledge Agent by Tyson Dowd ">
1333- < div class ="hero-visual " aria-hidden ="true ">
1334- < svg class ="hv-nodes " viewBox ="0 0 200 200 " fill ="none " xmlns ="http://www.w3.org/2000/svg ">
1335- < rect x ="20 " y ="20 " width ="40 " height ="28 " rx ="4 " fill ="rgba(216,59,1,0.3) " stroke ="#F77050 " stroke-width ="1 "/>
1336- < rect x ="80 " y ="20 " width ="40 " height ="28 " rx ="4 " fill ="rgba(216,59,1,0.3) " stroke ="#F77050 " stroke-width ="1 "/>
1337- < rect x ="140 " y ="20 " width ="40 " height ="28 " rx ="4 " fill ="rgba(216,59,1,0.3) " stroke ="#F77050 " stroke-width ="1 "/>
1338- < rect x ="70 " y ="90 " width ="60 " height ="32 " rx ="6 " fill ="rgba(107,47,160,0.5) " stroke ="#9B5FD0 " stroke-width ="1.5 "/>
1339- < rect x ="60 " y ="155 " width ="80 " height ="30 " rx ="5 " fill ="rgba(0,120,212,0.3) " stroke ="#5BB5FF " stroke-width ="1 "/>
1340- < line x1 ="40 " y1 ="48 " x2 ="90 " y2 ="90 " stroke ="#F77050 " stroke-width ="1 " opacity ="0.5 "/>
1341- < line x1 ="100 " y1 ="48 " x2 ="100 " y2 ="90 " stroke ="#F77050 " stroke-width ="1 " opacity ="0.5 "/>
1342- < line x1 ="160 " y1 ="48 " x2 ="110 " y2 ="90 " stroke ="#F77050 " stroke-width ="1 " opacity ="0.5 "/>
1343- < line x1 ="100 " y1 ="122 " x2 ="100 " y2 ="155 " stroke ="#5BB5FF " stroke-width ="1 " opacity ="0.5 "/>
1344- </ svg >
1345- < div class ="card-glow " style ="width:160px;height:160px;bottom:-20px;left:0;background:rgba(216,59,1,0.3); "> </ div >
1346- </ div >
1347- < div class ="card-inner ">
1348- < div class ="issue-num "> Issue 008</ div >
1349- < div class ="issue-badge badge-practical "> Practical</ div >
1350- < h2 class ="card-title "> Cross-Project Knowledge Agent</ h2 >
1351- < p class ="card-desc "> Connect knowledge across repos and projects. One agent that understands your entire engineering portfolio.</ p >
1352- < div class ="card-meta ">
1353- < div class ="card-builder "> Tyson Dowd</ div >
1354- < div class ="card-tags ">
1355- < span class ="tag "> Multi-Repo</ span >
1356- < span class ="tag "> Knowledge Graph</ span >
1357- < span class ="tag "> RAG</ span >
1358- </ div >
1359- < span class ="coming-soon-chip "> Interactive coming soon</ span >
1360- </ div >
1361- </ div >
1362- < span class ="diagram-label "> Pipeline</ span >
1363- </ div >
1364-
1365- <!-- ══════════ ROWS 5–7: ISSUE BAND 1 ══════════ -->
1291+ <!-- ══════════ ROWS 1–3: ISSUE BAND 1 ══════════ -->
13661292
13671293 <!-- Issue 001: Code-First Agent Delivery — span 5 -->
13681294 < a class ="card card-practical card-large span-5 row-3 arc-pair-a reveal " href ="interactive/issue-001/ " aria-label ="Issue 001: Code-First Agent Delivery — view interactive walkthrough ">
@@ -1559,102 +1485,17 @@ <h2 class="card-title">Secure In-Boundary Processing</h2>
15591485 </ div >
15601486 </ div >
15611487
1562- <!-- ══════════ ROWS 11–12 : UTILITY BAND ══════════ -->
1488+ <!-- ══════════ ROWS 7–8 : UTILITY BAND ══════════ -->
15631489
15641490 <!-- Stats card — span 3 -->
1565- < div class ="card card-stats span-3 row-2 reveal " aria-label ="Stats: 8 patterns ">
1491+ < div class ="card card-stats span-3 row-2 reveal " aria-label ="Stats: 3 interactive walkthroughs ">
15661492 < div class ="card-glow " style ="width:100px;height:100px;top:-20px;right:-20px;background:rgba(107,47,160,0.5); "> </ div >
15671493 < div class ="card-inner " style ="justify-content:center; ">
1568- < div class ="stat-num "> 8 </ div >
1569- < div class ="stat-label "> Patterns published </ div >
1494+ < div class ="stat-num "> 3 </ div >
1495+ < div class ="stat-label "> Interactive walkthroughs </ div >
15701496 </ div >
15711497 </ div >
15721498
1573- <!-- Issue 005: Human-in-the-Loop Approval Gates — span 3 -->
1574- < div class ="card card-conceptual card-small span-3 row-2 arc-pair-b reveal " aria-label ="Issue 005: Human-in-the-Loop Approval Gates ">
1575- < div class ="hero-visual " aria-hidden ="true ">
1576- < svg class ="hv-nodes " style ="width:160px;height:130px; " viewBox ="0 0 160 130 " fill ="none " xmlns ="http://www.w3.org/2000/svg ">
1577- <!-- Diamond decision gate -->
1578- < polygon points ="80,10 140,55 80,100 20,55 " fill ="rgba(91,181,255,0.18) " stroke ="#5BB5FF " stroke-width ="2 "/>
1579- <!-- Arrow left: approve (checkmark branch) -->
1580- < line x1 ="20 " y1 ="55 " x2 ="4 " y2 ="55 " stroke ="#5BB5FF " stroke-width ="2 " opacity ="0.7 "/>
1581- < circle cx ="4 " cy ="55 " r ="6 " fill ="rgba(39,201,63,0.4) " stroke ="#27C93F " stroke-width ="1.5 "/>
1582- <!-- Checkmark inside -->
1583- < polyline points ="1,55 3,58 7,52 " stroke ="#27C93F " stroke-width ="1.5 " stroke-linecap ="round " stroke-linejoin ="round "/>
1584- <!-- Arrow right: reject (X branch) -->
1585- < line x1 ="140 " y1 ="55 " x2 ="156 " y2 ="55 " stroke ="#5BB5FF " stroke-width ="2 " opacity ="0.7 "/>
1586- < circle cx ="156 " cy ="55 " r ="6 " fill ="rgba(255,95,87,0.4) " stroke ="#FF5F57 " stroke-width ="1.5 "/>
1587- <!-- X inside -->
1588- < line x1 ="153 " y1 ="52 " x2 ="159 " y2 ="58 " stroke ="#FF5F57 " stroke-width ="1.5 " stroke-linecap ="round "/>
1589- < line x1 ="159 " y1 ="52 " x2 ="153 " y2 ="58 " stroke ="#FF5F57 " stroke-width ="1.5 " stroke-linecap ="round "/>
1590- <!-- Incoming arrow from top -->
1591- < line x1 ="80 " y1 ="0 " x2 ="80 " y2 ="10 " stroke ="#5BB5FF " stroke-width ="2 " opacity ="0.6 "/>
1592- <!-- Center label dot -->
1593- < circle cx ="80 " cy ="55 " r ="4 " fill ="#5BB5FF " opacity ="0.7 "/>
1594- </ svg >
1595- < div class ="card-glow " style ="width:100px;height:100px;bottom:-20px;right:-10px;background:rgba(0,120,212,0.3); "> </ div >
1596- </ div >
1597- < div class ="card-inner ">
1598- < div class ="issue-num "> Issue 005</ div >
1599- < div class ="issue-badge badge-conceptual "> Conceptual</ div >
1600- < h2 class ="card-title "> Human-in-the-Loop Approval Gates</ h2 >
1601- < p class ="card-desc "> When the agent needs a human to say "yes" before it acts. Approval flows that don't break the conversation.</ p >
1602- < div class ="card-meta ">
1603- < div class ="card-builder "> Pete Puustinen</ div >
1604- < div class ="card-tags ">
1605- < span class ="tag "> Approval Flows</ span >
1606- < span class ="tag "> Copilot Studio</ span >
1607- </ div >
1608- < span class ="coming-soon-chip "> Interactive coming soon</ span >
1609- </ div >
1610- </ div >
1611- < span class ="diagram-label "> Gate</ span >
1612- </ div >
1613-
1614- <!-- Issue 006: Meeting-to-Knowledge Pipeline — span 3 -->
1615- < div class ="card card-practical card-small span-3 row-2 arc-pair-a reveal " aria-label ="Issue 006: Meeting-to-Knowledge Pipeline ">
1616- < div class ="hero-visual " aria-hidden ="true ">
1617- < svg class ="hv-nodes " style ="width:170px;height:100px; " viewBox ="0 0 170 100 " fill ="none " xmlns ="http://www.w3.org/2000/svg ">
1618- <!-- Cylinder (recording) left -->
1619- < ellipse cx ="22 " cy ="26 " rx ="16 " ry ="6 " fill ="rgba(247,112,80,0.3) " stroke ="#F77050 " stroke-width ="1.5 "/>
1620- < rect x ="6 " y ="26 " width ="32 " height ="32 " fill ="rgba(247,112,80,0.15) " stroke ="none "/>
1621- < ellipse cx ="22 " cy ="58 " rx ="16 " ry ="6 " fill ="rgba(247,112,80,0.2) " stroke ="#F77050 " stroke-width ="1.5 "/>
1622- < line x1 ="6 " y1 ="26 " x2 ="6 " y2 ="58 " stroke ="#F77050 " stroke-width ="1.5 "/>
1623- < line x1 ="38 " y1 ="26 " x2 ="38 " y2 ="58 " stroke ="#F77050 " stroke-width ="1.5 "/>
1624- <!-- Arrow right from cylinder -->
1625- < line x1 ="38 " y1 ="42 " x2 ="58 " y2 ="42 " stroke ="#F77050 " stroke-width ="2 " opacity ="0.7 "/>
1626- < polygon points ="56,38 64,42 56,46 " fill ="#F77050 " opacity ="0.7 "/>
1627- <!-- Document stack (3 stacked rects) middle -->
1628- < rect x ="64 " y ="22 " width ="36 " height ="8 " rx ="2 " fill ="rgba(247,112,80,0.15) " stroke ="#F77050 " stroke-width ="1.2 "/>
1629- < rect x ="64 " y ="32 " width ="36 " height ="8 " rx ="2 " fill ="rgba(247,112,80,0.22) " stroke ="#F77050 " stroke-width ="1.2 "/>
1630- < rect x ="64 " y ="42 " width ="36 " height ="18 " rx ="3 " fill ="rgba(247,112,80,0.3) " stroke ="#F77050 " stroke-width ="1.5 "/>
1631- <!-- Arrow right from docs -->
1632- < line x1 ="100 " y1 ="51 " x2 ="120 " y2 ="51 " stroke ="#F77050 " stroke-width ="2 " opacity ="0.7 "/>
1633- < polygon points ="118,47 126,51 118,55 " fill ="#F77050 " opacity ="0.7 "/>
1634- <!-- Search icon (circle + handle) right -->
1635- < circle cx ="140 " cy ="45 " r ="14 " stroke ="#F77050 " stroke-width ="2 " fill ="rgba(247,112,80,0.15) "/>
1636- < line x1 ="150 " y1 ="55 " x2 ="162 " y2 ="67 " stroke ="#F77050 " stroke-width ="2.5 " stroke-linecap ="round "/>
1637- < circle cx ="140 " cy ="45 " r ="7 " fill ="none " stroke ="#F77050 " stroke-width ="1.5 " opacity ="0.5 "/>
1638- </ svg >
1639- < div class ="card-glow " style ="width:100px;height:80px;bottom:-10px;right:-10px;background:rgba(216,59,1,0.3); "> </ div >
1640- </ div >
1641- < div class ="card-inner ">
1642- < div class ="issue-num "> Issue 006</ div >
1643- < div class ="issue-badge badge-practical "> Practical</ div >
1644- < h2 class ="card-title "> Meeting-to-Knowledge Pipeline</ h2 >
1645- < p class ="card-desc "> Turn meeting recordings into structured, searchable knowledge that agents can reason over.</ p >
1646- < div class ="card-meta ">
1647- < div class ="card-builder "> Pete Puustinen</ div >
1648- < div class ="card-tags ">
1649- < span class ="tag "> Teams</ span >
1650- < span class ="tag "> Knowledge Base</ span >
1651- </ div >
1652- < span class ="coming-soon-chip "> Interactive coming soon</ span >
1653- </ div >
1654- </ div >
1655- < span class ="diagram-label "> Pipeline</ span >
1656- </ div >
1657-
16581499 <!-- ABS Brand card — span 3 -->
16591500 < div class ="card card-brand span-3 row-2 reveal " aria-label ="ABS Tech Strategy branding ">
16601501 < div class ="card-inner ">
@@ -1665,10 +1506,8 @@ <h2 class="card-title">Meeting-to-Knowledge Pipeline</h2>
16651506 </ div >
16661507 </ div >
16671508
1668- <!-- ══════════ ROWS 13–14: ABOUT BAND ══════════ -->
1669-
1670- <!-- About the Series card — full width -->
1671- < div class ="card card-about span-12 row-2 reveal " aria-label ="About The Cheat Code newsletter series ">
1509+ <!-- About the Series card — span 6 to complete the row -->
1510+ < div class ="card card-about span-6 row-2 reveal " aria-label ="About The Cheat Code newsletter series ">
16721511 < div class ="card-glow " style ="width:200px;height:200px;bottom:-60px;right:-30px;background:rgba(107,47,160,0.3); "> </ div >
16731512 < div class ="card-inner " style ="flex-direction:row;align-items:center;gap:40px; ">
16741513 < div style ="flex:1; ">
@@ -1683,7 +1522,7 @@ <h2 class="card-title">Meeting-to-Knowledge Pipeline</h2>
16831522 < div style ="font-size:10px;color:var(--text-muted); "> builders</ div >
16841523 </ div >
16851524 < div >
1686- < div style ="font-family:'JetBrains Mono',monospace;font-size:28px;font-weight:700;color:var(--blue-light); "> 4 </ div >
1525+ < div style ="font-family:'JetBrains Mono',monospace;font-size:28px;font-weight:700;color:var(--blue-light); "> 3 </ div >
16871526 < div style ="font-size:10px;color:var(--text-muted); "> interactive walkthroughs</ div >
16881527 </ div >
16891528 < div >
0 commit comments