| 1 | <!-- 🤖 Milestones: the key moments of building Eleven, drawn from the prompt |
| 2 | registry (prompts.html) — a curated, editorial timeline, each entry linking |
| 3 | to the ledger session where it happened (./prompts.html#s=<id>). Static by |
| 4 | design: the list is hand-kept, appended as moments land, never generated. |
| 5 | Fully self-contained: inline CSS, no JS, no external requests. --> |
| 6 | <!doctype html> |
| 7 | <html lang="en"> |
| 8 | <head> |
| 9 | <meta charset="utf-8" /> |
| 10 | <meta name="viewport" content="width=device-width, initial-scale=1" /> |
| 11 | <meta name="color-scheme" content="light dark" /> |
| 12 | <title>Eleven — milestones</title> |
| 13 | <link rel="icon" type="image/png" href="./icon-192.png" /> |
| 14 | <link rel="stylesheet" href="./status.css" /> |
| 15 | <style> |
| 16 | /* Milestones-only styles; tokens, reset, masthead and the shared nav live |
| 17 | in status.css. A plain vertical timeline — dots on a rail, one entry per |
| 18 | key moment. */ |
| 19 | a:focus-visible { outline: 2px solid var(--series); outline-offset: 2px; border-radius: 4px; } |
| 20 | .sub, .meta { color: var(--ink-2); font-size: 0.9rem; } |
| 21 | ol.timeline { list-style: none; padding: 0; margin: 24px 0; position: relative; } |
| 22 | ol.timeline::before { |
| 23 | content: ""; position: absolute; left: 7px; top: 6px; bottom: 6px; |
| 24 | width: 2px; background: var(--grid); |
| 25 | } |
| 26 | ol.timeline li { position: relative; padding: 0 0 26px 32px; } |
| 27 | ol.timeline li::before { |
| 28 | content: ""; position: absolute; left: 1px; top: 5px; width: 10px; height: 10px; |
| 29 | border-radius: 50%; background: var(--series); border: 2px solid var(--surface); |
| 30 | } |
| 31 | ol.timeline li.withheld::before { background: var(--surface); border: 2px solid var(--ink-2); } |
| 32 | .when { color: var(--ink-2); font-size: 0.85rem; white-space: nowrap; } |
| 33 | ol.timeline h2 { font-size: 1.05rem; margin: 2px 0 4px; } |
| 34 | ol.timeline p { margin: 0 0 4px; } |
| 35 | .withheld-note { color: var(--ink-2); font-size: 0.85rem; font-style: italic; } |
| 36 | </style> |
| 37 | </head> |
| 38 | <body> |
| 39 | <div class="wrap"> |
| 40 | <header data-title="Milestones"></header> |
| 41 | <nav class="status-nav" aria-label="Status"></nav> |
| 42 | <script src="./status-nav.js"></script> |
| 43 | |
| 44 | <p class="sub">🤖 The key moments of building Eleven, drawn from the |
| 45 | <a href="./prompts.html">prompt registry</a> — the story, where the ledger is |
| 46 | the log. Each milestone links to the actual working session it happened in, |
| 47 | transcript and all. The two entries without a link landed in sessions the |
| 48 | registry withholds whole (its security rule — a credential can be redacted, |
| 49 | but a narrative that maps the defences cannot); they stay on this list with |
| 50 | their dates, because the moment is public even where the session is not.</p> |
| 51 | |
| 52 | <ol class="timeline"> |
| 53 | <li> |
| 54 | <span class="when">27 June 2026</span> |
| 55 | <h2>Day one</h2> |
| 56 | <p>The first commit: an end-to-end encrypted group chat, private from the |
| 57 | first line of code. The ledger's oldest surviving session is from this |
| 58 | same day — the record starts where the project does.</p> |
| 59 | <a href="./prompts.html#s=d44f1f0e-f363-48f3-a231-7faeba75a1aa" aria-label="Read the session behind: Day one">read the session →</a> |
| 60 | </li> |
| 61 | <li> |
| 62 | <span class="when">30 June 2026</span> |
| 63 | <h2>The encryption, explained</h2> |
| 64 | <p>The lock-and-key model written up for the first curious reader — at a |
| 65 | beginner level and an expert level, because both deserve a straight answer.</p> |
| 66 | <a href="./prompts.html#s=8ae123e4-7fed-4d0b-b58a-af0c51274c87" aria-label="Read the session behind: The encryption, explained">read the session →</a> |
| 67 | </li> |
| 68 | <li> |
| 69 | <span class="when">1 July 2026</span> |
| 70 | <h2>The house agents move in</h2> |
| 71 | <p>Claude, Eleven and the Announcer arrive as built-in members — welcome |
| 72 | messages, release notes and a helper that lives in the chat.</p> |
| 73 | <a href="./prompts.html#s=74557005-7c9f-42fb-82ea-da6bd2fcd499" aria-label="Read the session behind: The house agents move in">read the session →</a> |
| 74 | </li> |
| 75 | <li> |
| 76 | <span class="when">3 July 2026</span> |
| 77 | <h2>The iPhone app reaches TestFlight</h2> |
| 78 | <p>The first native iOS build goes up for testers, under the new Eleven |
| 79 | Messenger developer account.</p> |
| 80 | <a href="./prompts.html#s=d1e75cd1-160a-4e0f-934f-edd4f4bf46ec" aria-label="Read the session behind: The iPhone app reaches TestFlight">read the session →</a> |
| 81 | </li> |
| 82 | <li> |
| 83 | <span class="when">4 July 2026</span> |
| 84 | <h2>Choosing our own ground</h2> |
| 85 | <p>The search for a home off the hosting platform begins; a day later the |
| 86 | whole fleet was serving from a self-managed box — one router, one binary |
| 87 | per space.</p> |
| 88 | <a href="./prompts.html#s=ef26d8bc-b5ac-4781-b84d-df34dfb3b7cf" aria-label="Read the session behind: Choosing our own ground">read the session →</a> |
| 89 | </li> |
| 90 | <li> |
| 91 | <span class="when">5 July 2026</span> |
| 92 | <h2>The Mac app ships</h2> |
| 93 | <p>A signed, notarised DMG with the classic drag-to-Applications install — |
| 94 | and auto-updates from the first release.</p> |
| 95 | <a href="./prompts.html#s=cb607682-6c32-44f8-83c5-7fc4b4cfd899" aria-label="Read the session behind: The Mac app ships">read the session →</a> |
| 96 | </li> |
| 97 | <li> |
| 98 | <span class="when">5 July 2026</span> |
| 99 | <h2>Preparing the open beta</h2> |
| 100 | <p>TestFlight's open beta is set up and the app readied for Apple review.</p> |
| 101 | <a href="./prompts.html#s=e931af25-e90b-4b9f-89d6-64977305c2d9" aria-label="Read the session behind: Preparing the open beta">read the session →</a> |
| 102 | </li> |
| 103 | <li> |
| 104 | <span class="when">7 July 2026</span> |
| 105 | <h2>Spaces go self-serve</h2> |
| 106 | <p>Sign in with a passkey, press one button, get a space of your own — |
| 107 | no operator in the loop, ready before the page finishes loading.</p> |
| 108 | <a href="./prompts.html#s=2b5a13fd-1393-47c7-b00c-c5980dadc9f5" aria-label="Read the session behind: Spaces go self-serve">read the session →</a> |
| 109 | </li> |
| 110 | <li> |
| 111 | <span class="when">9 July 2026</span> |
| 112 | <h2>The fleet updates itself</h2> |
| 113 | <p>Signed release channels arrive: every space follows edge, beta or |
| 114 | stable on its own, hourly, with no hands on the wheel.</p> |
| 115 | <a href="./prompts.html#s=28b38705-1b54-40a9-b569-f796278bb428" aria-label="Read the session behind: The fleet updates itself">read the session →</a> |
| 116 | </li> |
| 117 | <li class="withheld"> |
| 118 | <span class="when">11 July 2026</span> |
| 119 | <h2>Billing goes live</h2> |
| 120 | <p>Paid plans arrive — Stripe checkout, self-serve manage and cancel.</p> |
| 121 | <p class="withheld-note">session withheld: security</p> |
| 122 | </li> |
| 123 | <li> |
| 124 | <span class="when">11 July 2026</span> |
| 125 | <h2>The transparency ledgers begin</h2> |
| 126 | <p>The carbon tally and the contributor index go public — the first of the |
| 127 | open ledgers this page belongs to.</p> |
| 128 | <a href="./prompts.html#s=0e6d3bef-e7a3-49bb-ac6c-652df491b79c" aria-label="Read the session behind: The transparency ledgers begin">read the session →</a> |
| 129 | </li> |
| 130 | <li class="withheld"> |
| 131 | <span class="when">12 July 2026</span> |
| 132 | <h2>The registry publishes itself</h2> |
| 133 | <p>Every AI session behind Eleven goes on the public record, credentials |
| 134 | redacted and annotated in place. Its own build session is withheld — the |
| 135 | security rule applies to the registry too.</p> |
| 136 | <p class="withheld-note">session withheld: security</p> |
| 137 | </li> |
| 138 | <li> |
| 139 | <span class="when">13 July 2026</span> |
| 140 | <h2>The beta opens to everyone</h2> |
| 141 | <p>Apple approves the external TestFlight group — the first testers from |
| 142 | outside the team arrive.</p> |
| 143 | <a href="./prompts.html#s=2a20be96-8b30-4717-8191-1ce62dac7f83" aria-label="Read the session behind: The beta opens to everyone">read the session →</a> |
| 144 | </li> |
| 145 | <li> |
| 146 | <span class="when">14 July 2026</span> |
| 147 | <h2>Writing gets rich</h2> |
| 148 | <p>CommonMark lands across web, Mac and iPhone — bold, italics, quotes and |
| 149 | code in every composer, the same on every platform.</p> |
| 150 | <a href="./prompts.html#s=53cfffdd-5431-4d08-82e8-915fa7b7c209" aria-label="Read the session behind: Writing gets rich">read the session →</a> |
| 151 | </li> |
| 152 | </ol> |
| 153 | |
| 154 | <footer> |
| 155 | <p>🤖 This timeline is curated by hand and appended as moments land — the |
| 156 | <a href="./prompts.html">prompt registry</a> stays the complete record. A |
| 157 | milestone's date is the date of its session; where a session is withheld, |
| 158 | the date and the moment publish without the transcript. Looking the other |
| 159 | way? The <a href="./roadmap.html">roadmap</a> is where these are headed next.</p> |
| 160 | </footer> |
| 161 | </div> |
| 162 | </body> |
| 163 | </html> |
| 164 | |
amadan