<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:media="http://search.yahoo.com/mrss/" xmlns:dc="http://purl.org/dc/elements/1.1/"><channel><title>Ajay Walia</title><link>https://curiousbit.netlify.app/</link><description>Digital workplace, artificial intelligence, cloud, security, automation, and enterprise technology notes by Ajay Walia.</description><language>en-au</language><managingEditor>Ajay Walia</managingEditor><webMaster>Ajay Walia</webMaster><copyright>Copyright 2026 Ajay Walia</copyright><lastBuildDate>Sun, 21 Jun 2026 05:46:10 +0000</lastBuildDate><atom:link href="https://curiousbit.netlify.app/tags/automation/index.xml" rel="self" type="application/rss+xml"/><image><url>https://curiousbit.netlify.app/images/og-default.png</url><title>Ajay Walia</title><link>https://curiousbit.netlify.app/</link></image><item><title>Aether, Rethought — The Shape Was Wrong All Along</title><link>https://curiousbit.netlify.app/aether-rethought-the-shape-was-wrong-all-along/</link><guid isPermaLink="true">https://curiousbit.netlify.app/aether-rethought-the-shape-was-wrong-all-along/</guid><pubDate>Fri, 12 Jun 2026 00:00:00 +0000</pubDate><dc:creator>Ajay Walia</dc:creator><description>&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Part III of the Aether series.&lt;/strong&gt; Missed the first two? Start with &lt;a href="https://curiousbit.netlify.app/i-built-a-team-of-it-architects-using-llm-that-live-on-macbook-meet-aether/"&gt;Meet Aether&lt;/a&gt; (the build), then &lt;a href="https://curiousbit.netlify.app/aether-grown-wild-the-implementation-journey-v2.6-v2.8.2/"&gt;Aether, Grown Wild&lt;/a&gt; (what happened when it ran).&lt;/p&gt;
&lt;/blockquote&gt;
&lt;hr&gt;
&lt;h2 id="the-story-so-far--one-paragraph-each"&gt;The story so far — one paragraph each&lt;/h2&gt;
&lt;p&gt;&lt;strong&gt;Part I:&lt;/strong&gt; I built a 10-agent (later 13-agent) system that runs an entire team of IT architecture specialists on a single MacBook M5 Pro — one Gemma model, zero cloud, zero data egress. Every agent is just a YAML manifest: a different system prompt and a different knowledge-base namespace pointing at the same weights. The system escalates upward when confidence falls below 0.7.&lt;/p&gt;</description><content:encoded>&lt;![CDATA[<img src="https://curiousbit.netlify.app/images/aether-rethought.png" alt="Automation" style="max-width:100%;height:auto;margin-bottom:1.5em;"/><blockquote><p><strong>Part III of the Aether series.</strong> Missed the first two? Start with<a href="/i-built-a-team-of-it-architects-using-llm-that-live-on-macbook-meet-aether/">Meet Aether</a> (the build), then<a href="/aether-grown-wild-the-implementation-journey-v2.6-v2.8.2/">Aether, Grown Wild</a> (what happened when it ran).</p></blockquote><hr><h2 id="the-story-so-far--one-paragraph-each">The story so far — one paragraph each</h2><p><strong>Part I:</strong> I built a 10-agent (later 13-agent) system that runs an entire team of IT architecture specialists on a single MacBook M5 Pro — one Gemma model, zero cloud, zero data egress. Every agent is just a YAML manifest: a different system prompt and a different knowledge-base namespace pointing at the same weights. The system escalates upward when confidence falls below 0.7.</p><p><strong>Part II:</strong> That clean idea hit reality. The router was rebuilt twice, retrieval flipped from knowledge-base-first to web-first, and self-reported confidence was replaced by a formula the system computes. Thirteen agents, a live web allowlist, a computed confidence score, and a CHANGELOG.md in place of Git.</p><p><strong>Part III (this one):</strong> The shape is wrong. The hierarchy that felt so natural — because it mirrors the org chart — turns out to optimise for the wrong things. I worked through five recognised ways to build an agentic AI system, scored each against the same criteria, and arrived at a recommendation that changes the architecture without throwing away anything we&rsquo;ve built.</p><hr><h2 id="what-were-actually-building">What we&rsquo;re actually building</h2><p>The output isn&rsquo;t a chatbot. It&rsquo;s a consulting deliverable — an architecture document advising how to run an IT transition. Every real client engagement spans multiple towers simultaneously: a move to Entra ID while modernising the network and shifting workloads to Azure touches Cloud, Network, Digital Workplace, and Security in the same breath. The value and the difficulty live in the cross-domain synthesis.</p><p><img src="/images/slides/slides.002.png" alt="Slide: The problem — what we are actually building. Six technology towers. The hard part is cross-domain synthesis into one coherent, defensible document."/><hr><h2 id="where-we-started--the-three-tier-hierarchy">Where we started — the three-tier hierarchy</h2><p>This is what Aether v2.x actually is. One model, thirteen agents, each differentiated only by system prompt and knowledge namespace. Work routes down the tree; low confidence escalates back up.</p><p><img src="/images/slides/slides.003.png" alt="Slide: The current Aether v2.x system — three-tier hierarchy of 13 agents across Cloud, DWP, and Network domains"/><p>It was appealing for real reasons: it mirrors how a delivery organisation thinks, easy to explain to a client, and the RAG namespace-per-domain isolation is clean. But we copied an org chart into the control flow — and the next slide explains why that&rsquo;s usually a trap.</p><hr><h2 id="the-core-insight--why-the-org-chart-is-the-wrong-shape">The core insight — why the org chart is the wrong shape</h2><p>This is the conceptual centre of the entire analysis. Everything that follows flows from these two points.</p><p><img src="/images/slides/slides.004.png" alt="Slide: Why mirroring the org chart is usually a trap — human orgs optimise for accountability, agent systems optimise for information flow. Two consequences: real infra work is cross-domain, and the deliverable is a workflow not an organisation."/><p>A strict tree only allows vertical movement — up to escalate, down to delegate. Real architecture work needs lateral collaboration. The AWS specialist can&rsquo;t directly ask the Network specialist a question; it has to climb the entire tree and back down. That&rsquo;s bureaucracy encoded in Python.</p><p>The second consequence is more fundamental:<strong>the deliverable is a workflow, not an organisation</strong>. Producing an architecture document is a consulting process with phases. The right structure for that process is a pipeline. We modelled the people first and the process second — we should have done it the other way round.</p><hr><h2 id="five-ways-to-build-it">Five ways to build it</h2><p>Rather than jump straight to a new design, I evaluated five recognised approaches against the same five axes: cross-domain capability, parallelism, auditability, simplicity, and fit for document generation.</p><p><img src="/images/slides/slides.005.png" alt="Slide: The section ahead — five ways to build it, each weighed on the same axes. RAG is a shared substrate underneath all five."/><p>Note the footer: RAG sits underneath<strong>all five</strong> approaches — they differ in control flow, not in whether they retrieve.</p><hr><h3 id="approach-1--hierarchical--org-mirror">Approach 1 — Hierarchical / org-mirror</h3><p>This is what Aether v2.x already is.</p><p><img src="/images/slides/slides.006.png" alt="Slide: Approach 1 of 5 — Hierarchical / org-mirror. Pros: intuitive, clear escalation, clean RAG namespaces. Cons: no lateral channel, brittle confidence escalation, Tier-1 becomes a bottleneck."/><p>The pros are real — which is why we chose it. But the killer con:<strong>there is no sideways path</strong>. The AWS agent can&rsquo;t ask the Network agent a question without escalating all the way up and back down. Also, escalation triggered by confidence scores sounds clean, but LLM confidence is unreliable — the trigger itself is shaky.</p><p><strong>Verdict:</strong> Great for stable, siloed problems with a genuine audit chain. That is not what our engagements look like.</p><hr><h3 id="approach-2--orchestrator--flat-specialists">Approach 2 — Orchestrator + flat specialists</h3><p>One orchestrator plans the task, fans it out to specialists running<strong>in parallel</strong>, then synthesises. Flat: adding a domain means adding one specialist — no re-tiering.</p><p><img src="/images/slides/slides.007.png" alt="Slide: Approach 2 of 5 — Orchestrator + flat specialists. Real parallelism, easy to extend, conflicts resolved in one place. Cost: orchestrator decomposition and synthesis are the hard part."/><p><strong>Verdict:</strong> A strong, flexible default. A piece of the recommendation.</p><hr><h3 id="approach-3--workflow--pipeline-process-native">Approach 3 — Workflow / pipeline (process-native)</h3><p>Instead of organising by<em>who</em>, organise by the<em>stages</em> of producing the document: Discover → Assess → Design → Review → Assemble. Each stage maps to a section of the output. Human checkpoints slot between stages.</p><p><img src="/images/slides/slides.008.png" alt="Slide: Approach 3 of 5 — Workflow / pipeline. Mirrors how the deliverable is actually made. Highly auditable: each stage = a section. The &lsquo;con&rsquo; — domains become knowledge sources — is arguably a feature."/><p><strong>Verdict:</strong> This is the spine. The structure that mirrors how the deliverable is actually made. The so-called con — that domain experts become knowledge sources rather than autonomous agents — is arguably the correct framing.</p><hr><h3 id="approach-4--blackboard--shared-artifact">Approach 4 — Blackboard / shared artifact</h3><p>All agents read and write a common workspace — the evolving document. Strong on cross-domain consistency because there&rsquo;s only one object. The hard part is concurrency control.</p><p><img src="/images/slides/slides.009.png" alt="Slide: Approach 4 of 5 — Blackboard / shared artifact. Good cross-domain consistency. Concurrency and conflict handling is fiddly. A typed, controlled state object (LangGraph) is safer than a true free-for-all blackboard."/><p><strong>Key distinction:</strong> a true blackboard (free-for-all writes) is risky. A typed, controlled shared state object — which LangGraph gives us — keeps the benefit without the chaos. We use the controlled version.</p><hr><h3 id="approach-5--single-agent-baseline">Approach 5 — Single-agent baseline</h3><p>One capable model. A lightweight router. Domain knowledge bases on demand. Simplest, cheapest, most reliable.</p><p><img src="/images/slides/slides.010.png" alt="Slide: Approach 5 of 5 — Single-agent baseline. Simplest and most reliable. Often beats multi-agent for doc generation. Breaks down when inputs blow past the context window."/><p><strong>Verdict:</strong> The benchmark every fancier design has to beat. The real reason to decompose is<em>information management</em> — not model weakness. When CMDB exports, cloud inventories, and Terraform files all arrive together, no context window handles it cleanly.</p><hr><h2 id="the-comparison">The comparison</h2><p><img src="/images/slides/slides.011.png" alt="Slide: Side-by-side comparison — all five approaches scored on cross-domain, parallelism, auditability, simplicity, and fit for doc gen. The two that score High on fit-for-doc-gen are Orchestrator+Specialists and Workflow — and they&rsquo;re complementary."/><p>The table does the work. Our current design (Hierarchical) is weakest exactly where we need strength — cross-domain — while strong on auditability. The two approaches that score high on fit-for-doc-gen are<strong>complementary</strong>: strong in different places. That&rsquo;s the bridge to the recommendation.</p><hr><h2 id="the-recommendation--a-hybrid">The recommendation — a hybrid</h2><p><img src="/images/slides/slides.013.png" alt="Slide: Recommended — a hybrid workflow + specialist platform. Hub-and-spoke structure: typed shared state at the centre, pipeline flowing through it, specialists invoked within stages, cross-cutting reviewers across all stages, QA/eval loops back."/><p>Not a ladder. A<strong>hub</strong>. The pipeline (Discovery → Assessment → Design) flows through a single typed shared state object. Domain specialists are invoked within stages — callable skills, not autonomous routing agents. Cross-cutting reviewers (Security, Cost, Risk, Compliance) act across all stages. QA can loop work back to Design or Assessment until the rubric passes.</p><hr><h3 id="how-the-model-works">How the model works</h3><p><img src="/images/slides/slides.014.png" alt="Slide: The recommendation in motion — pluggable model, orchestrated pipeline, parallel specialists, cross-cutting reviewers, deterministic arbitration, human gates, render and evaluate."/><p>Three things to highlight:</p><ul><li><strong>Parallel specialists</strong> write structured findings into one typed shared state — the single source of truth</li><li><strong>Arbitration is deterministic</strong> — fires on conflict, policy breach, or missing data, never on confidence scores</li><li><strong>The model is pluggable</strong> — local Gemma today, Claude/OpenAI/Gemini tomorrow, same knowledge, no rigid tree</li></ul><hr><h3 id="why-this-is-the-right-call">Why this is the right call</h3><p><img src="/images/slides/slides.015.png" alt="Slide: Why this is the right call — trade-offs honestly laid out. Pros: handles cross-domain work, governance is first-class, model-agnostic. Cons: more moving parts, orchestrator and eval are real engineering."/><p>The verdict, stated plainly: it&rsquo;s the only option that handles cross-domain work with the auditability, governance, and evidence-traceability a client deliverable demands — at an acceptable, well-understood increase in build complexity.</p><hr><h2 id="the-technology-stack--nothing-new-to-install">The technology stack — nothing new to install</h2><p><img src="/images/slides/slides.016.png" alt="Slide: The technology stack — LangGraph + FastAPI + Redis, Gemma via LM Studio, LanceDB + BAAI/bge-small + SQLite, ddgs + BeautifulSoup, Gradio, YAML manifests. Everything already running."/><p>Every box in the stack is something we already run. The v3 work extends Orchestration and adds the governance/eval layer.<strong>This is not a rebuild.</strong></p><hr><h2 id="the-process--how-a-real-engagement-runs">The process — how a real engagement runs</h2><p><img src="/images/slides/slides.017.png" alt="Slide: Process flow — Discovery → evidence normalise → current state → gap analysis → target design → ADRs → reviews → migration plan → assembly → QA/eval. Two human gates. Feedback loops back to design. Everything writes into one canonical model."/><p>Two things to notice:</p><ol><li><strong>Feedback arrows</strong> — review, QA, and cost/risk findings can send work<em>back</em> to Design or Assessment. It&rsquo;s iterative, not a one-way pipeline.</li><li><strong>Human gates</strong> — after assessment and before assembly. An architect validates the current-state picture and signs off before the document is built. Gated autonomy, not full automation — which matters when the output carries liability.</li></ol><hr><h2 id="the-real-hard-problem--evidence-quality">The real hard problem — evidence quality</h2><p><img src="/images/slides/slides.018.png" alt="Slide: The real hard problem — bad source data. Missing CMDB, conflicting diagrams, unknown dependencies, shadow IT. Evidence quality is an explicit early gate: score completeness, request more data, log gaps, escalate when material."/><p>Every downstream recommendation carries the confidence level and assumptions set at this gate.<strong>No silent guessing.</strong> The system requests more data, logs gaps in an assumption register, or proceeds while explicitly stating its confidence level.</p><hr><h2 id="what-flows-through-the-system--the-canonical-architecture-state">What flows through the system — the canonical Architecture State</h2><p><img src="/images/slides/slides.019.png" alt="Slide: The canonical Architecture Model — one typed object, ArchitectureState. Fields mature left to right: Evidence → Analysis → Decisions → Plan &amp; Governance → Output. Every recommendation traces back to the evidence that produced it."/><p>One typed object. Every stage, specialist, and reviewer reads from and writes to it. The document is rendered from it. Every recommendation traces back through the same object to the evidence that produced it — that traceability is what makes the deliverable auditable.</p><hr><h2 id="lenses-not-domains--where-security-and-compliance-live">Lenses, not domains — where security and compliance live</h2><p><img src="/images/slides/slides.020.png" alt="Slide: Lenses not domains — Security, Cost/FinOps, Compliance, Risk, Sustainability, Supportability cut horizontally across all stages. Each is a reviewer plus a checklist in the QA rubric firing on concrete triggers."/><p><strong>Security is a lens, not a domain.</strong> Same for Cost, Compliance, Risk, Sustainability, and Supportability. They aren&rsquo;t towers sitting next to Cloud and Network — they cut horizontally across every stage. Most rework loops originate in Security and Compliance, which is exactly why they&rsquo;re first-class cross-cutting reviewers.</p><hr><h2 id="key-design-considerations">Key design considerations</h2><p><img src="/images/slides/slides.021.png" alt="Slide: Six key design considerations — decompose for context not IQ, deterministic arbitration, human-in-the-loop gates, evaluation and provenance, template as rendering concern, operational reality."/><p>The most important reframe:<strong>we decompose for information management, not because the model is weak</strong>. That reframes the whole multi-agent debate. And arbitration fires on deterministic events — never on confidence scores. Every recommendation must trace to evidence.</p><hr><h2 id="design-decisions--where-the-build-effort-actually-goes">Design decisions — where the build effort actually goes</h2><p><img src="/images/slides/slides.022.png" alt="Slide: Design decisions and effort split. 35% evidence ingestion, 20% evaluation/governance, 10% agents. Most teams invert these numbers and ship a demo that can&rsquo;t produce a deliverable a client would pay for."/><p>The effort allocation is the provocative bit.<strong>Only ~10% of build effort goes to the agents themselves.</strong> ~35% is evidence ingestion and normalisation. ~20% is evaluation and governance. Most teams invert these numbers — polished agents, no evaluation — and end up with a demo that can&rsquo;t produce a deliverable a client would pay for. That&rsquo;s the trap we&rsquo;re avoiding.</p><hr><h2 id="business-value">Business value</h2><p><img src="/images/slides/slides.023.png" alt="Slide: Business value — consulting accelerator and quality platform. Time to assess: weeks to days. Evidence gathering: manual to automated. Document assembly: hand-built to generated and validated. Hypotheses to validate in a pilot."/><p>The positioning:<strong>a consulting accelerator and quality platform</strong> — not a headcount-reduction play. The specific numbers (50–80% faster assessments, 60–90% less evidence-collection effort) are hypotheses to validate in a pilot, not measured results. They&rsquo;re framed that way because that&rsquo;s what earns trust.</p><hr><h2 id="next-steps">Next steps</h2><p><img src="/images/slides/slides.024.png" alt="Slide: Next steps — align on approach, write v3 design, scope Cloud Migration Assessment as first engagement, stand up evidence and eval first."/><p>The sequencing matters:<strong>evidence ingestion and the QA rubric first</strong>, agent polish second. That&rsquo;s where the quality actually lives.</p><hr><h2 id="the-honest-accounting">The honest accounting</h2><p>I built a hierarchy because it was intuitive. It is intuitive — it maps to how the organisation thinks, the escalation chain is easy to trace and audit, and it&rsquo;s easy to explain to a client. Those are real advantages.</p><p>But intuitive for humans and optimal for agents are not the same thing. The hierarchy was designed to answer<em>&ldquo;who is responsible?&rdquo;</em> — an important human question that agents don&rsquo;t need answered. The new design answers<em>&ldquo;what needs to happen next?&rdquo;</em> — which is the right question for a document-generation workflow.</p><p><strong>What changes in v3:</strong></p><ul><li>Agents become implementation details inside the Knowledge layer — the durable value is in evidence, governance, evaluation, and the document workflow</li><li>Escalation fires on events (conflict, policy breach, missing data) — not on confidence scores</li><li>The canonical model is the design constraint — the document isn&rsquo;t an afterthought, it&rsquo;s what everything is structured around</li><li>Model-agnostic by default — local Gemma today, SOTA API tomorrow, same knowledge</li></ul><p><strong>What stays the same:</strong> LangGraph, LanceDB, BAAI/bge-small, FastAPI, SQLite, the YAML manifests, and the 13 domain specialists — which become callable skills within the Design stage rather than autonomous routing agents. Same knowledge, different invocation mechanism.</p><p>This is an extension of what we run, not a rebuild.</p><hr><p><em>Questions about the design or the approach? Reach out on<a href="https://www.linkedin.com/in/ajay-walia-8b066a1b/">LinkedIn</a>.</em></p>
]]></content:encoded><media:content url="https://curiousbit.netlify.app/images/aether-rethought.png" medium="image"><media:title type="plain">Automation</media:title></media:content><category>artificial-intelligence</category><category>architecture</category><category>automation</category><category>engineering</category><category>llm</category><category>Knowledge Base</category></item><item><title>I Built My Own RSS Reader in an Afternoon — With AI Doing the Typing</title><link>https://curiousbit.netlify.app/i-built-my-own-rss-reader-in-an-afternoon-with-ai-doing-the-typing/</link><guid isPermaLink="true">https://curiousbit.netlify.app/i-built-my-own-rss-reader-in-an-afternoon-with-ai-doing-the-typing/</guid><pubDate>Wed, 10 Jun 2026 00:00:00 +0000</pubDate><dc:creator>Ajay Walia</dc:creator><description>&lt;p&gt;For years my RSS setup was a compromise. I never wanted to pay for a desktop reader, so I got stuck with The Old Reader — a perfectly fine service, but using it felt like visiting a website, because that&amp;rsquo;s exactly what it was. Open a browser tab, log in, scroll, repeat tomorrow. What I actually wanted was simple: a native Mac app, my feeds downloaded and stored locally, no account, no subscription, fast enough to triage a hundred articles with my keyboard.&lt;/p&gt;</description><content:encoded>&lt;![CDATA[<img src="https://curiousbit.netlify.app/images/Lumen/lumenai-hero.jpg" alt="Automation" style="max-width:100%;height:auto;margin-bottom:1.5em;"/><p>For years my RSS setup was a compromise. I never wanted to pay for a desktop reader, so I got stuck with The Old Reader — a perfectly fine service, but using it felt like visiting a website, because that&rsquo;s exactly what it was. Open a browser tab, log in, scroll, repeat tomorrow. What I actually wanted was simple: a native Mac app, my feeds downloaded and stored locally, no account, no subscription, fast enough to triage a hundred articles with my keyboard.</p><p>Then I heard about Claude&rsquo;s new Fable model and thought: fine, let&rsquo;s stop wishing and just build the thing. This is the story of<strong>LumenAI</strong> — a local-first RSS reader for macOS with AI summaries — built from an empty folder to a notarizable DMG in about an hour of wall-clock time, with me acting as product owner and build verifier while the AI wrote the code.</p><p><img src="/images/lumenai-screens/main-window.png" alt="LumenAI main window — three-pane layout in dark mode"/><p><em>That&rsquo;s the real app, not a mockup. There&rsquo;s a<a href="/lumenai-screens.html">full captioned gallery here</a> — the loaded feed list, OPML import, the memory footprint, and the DMG build.</em></p><hr><h2 id="the-idea">The Idea</h2><p>The pitch I gave the AI was one paragraph: a local RSS reader for Mac, feeds downloaded and stored on my machine, a premium feel, and treat it like a real engineering project — clear phases, and ask me questions before making decisions. That last part turned out to be the most important sentence in the whole project.</p><p>Instead of immediately generating a wall of code, it interviewed me. What stack? What does v1 include, and — just as important — what does it exclude? How should refresh work? What does &ldquo;premium&rdquo; mean to you, concretely? By the end of a few rounds of multiple-choice questions, we had a real spec:</p><p><strong>v1 goals:</strong> subscribe to feeds, full article extraction, fast local search, OPML import/export, saved views, deduplication, offline reading, AI summaries, keyboard-first navigation, dark/light themes, typography controls, reader mode, reading progress.</p><p><strong>v1 non-goals:</strong> semantic search, topic clustering, multi-device sync, social anything.</p><p>Writing down the non-goals felt almost ceremonial at the time. It wasn&rsquo;t. Every time scope tried to creep, that list killed the discussion in one line.</p><hr><h2 id="the-stack">The Stack</h2><p>Every choice optimized for &ldquo;native feel, local data, no servers.&rdquo;</p><p>The app is Swift and SwiftUI targeting macOS 14, because nothing fakes the feel of a real Mac app. Storage is SQLite via<a href="https://github.com/groue/GRDB.swift">GRDB.swift</a>, chosen over Apple&rsquo;s SwiftData specifically for FTS5 — SQLite&rsquo;s built-in full-text search engine, which gives instant search across every article ever downloaded, entirely offline. Feed parsing is FeedKit, wrapped in a normalizer layer so the rest of the app never touches a FeedKit type and JSON Feed support costs no schema changes. Full-text extraction is Mozilla&rsquo;s Readability.js — the same engine behind Firefox&rsquo;s reader mode — running in a hidden WKWebView with the page&rsquo;s own JavaScript disabled. The reader itself is a WKWebView used purely as a rendering layer for a themed HTML template; everything around it stays SwiftUI. The project file is generated by XcodeGen from a YAML spec, which kept the AI and Xcode from ever fighting over a<code>.xcodeproj</code>.</p><p>The AI layer is the part I&rsquo;m proudest of architecturally: a single<code>SummaryProvider</code> protocol with six implementations — Apple Intelligence (on-device, appears only on macOS 26+), Ollama for local models, Claude, OpenAI, Gemini, and Disabled. One protocol method. Swapping providers is a dropdown in Settings; API keys live in the macOS Keychain.</p><p><img src="/images/Lumen/lumenai-stack.jpg" alt="LumenAI architecture — SwiftUI over SQLite/FTS5, FeedKit and Readability.js, with six pluggable AI providers"/><hr><h2 id="the-seven-phases-okay-eight">The Seven Phases (Okay, Eight)</h2><p>We numbered from zero, like civilized people.</p><p><strong>Phase 0 — Scaffold.</strong> XcodeGen project, sandbox and network entitlements, and a three-pane shell (sidebar, article list, reader) running on sample data. The exit criterion was simply &ldquo;builds and runs.&rdquo; It almost did: the very first build failed with Swift&rsquo;s infamous<em>&ldquo;the compiler is unable to type-check this expression in reasonable time&rdquo;</em> — the AI had written a too-clever nested closure to generate sample data. It rewrote it as a boring<code>for</code> loop. A very human bug, honestly.</p><p><strong>Phase 1 — Data layer.</strong> The real schema: feeds, folders, articles, saved views, an FTS5 index kept in sync by SQL triggers, and a three-tier deduplication identity — an article is its<code>guid</code> if the feed provides one, else its normalized URL (tracking parameters stripped), else a content hash. Ten unit tests against an in-memory database before any networking existed.</p><p><strong>Phase 2 — Feed engine.</strong> Fetching with HTTP conditional GET, so unchanged feeds cost a 304 response instead of a re-download. Feed auto-discovery, so typing<code>daringfireball.net</code> finds the actual feed URL by scanning the page&rsquo;s<code>&lt;link&gt;</code> tags. RSS, Atom, and JSON Feed all normalize into one canonical model. By the end of this phase the app was genuinely usable: subscribe, read, refresh.</p><p><strong>Phase 3 — Core UI.</strong> Folders, favicons, thumbnails, unread badges, and the thing that makes an RSS reader feel like a tool instead of a website: keyboard navigation.<code>j</code>/<code>k</code> to move, space for next unread,<code>s</code> to star,<code>m</code> to toggle read. The Reeder dialect, basically.</p><p><strong>Phase 4 — Reading experience.</strong> Select an article and it silently fetches the source page, runs Readability.js over it, and stores clean full text — so a feed that only publishes two-line excerpts still gives you whole articles, offline, forever. Typography controls (serif/sans, size, line width), themes that follow the system, and per-article reading progress that restores when you come back. This phase also produced the best bug of the project: scroll position was saved to app state, which regenerated the reader HTML, which reloaded the page, which reset the scroll — an infinite loop the AI caught in code review<em>before</em> I ever built it.</p><p><strong>Phase 5 — Search, saved views, OPML.</strong> Global FTS5 search from the toolbar, saved views (persistent named filters — &ldquo;unread Swift articles from these three feeds, last 30 days&rdquo;), and OPML import/export so my subscriptions could finally walk out of The Old Reader with folder structure intact.</p><p><strong>Phase 6 — AI summaries.</strong> The provider protocol described above, plus a deliberately boring prompt: summarize in two or three sentences, be specific, no &ldquo;this article discusses.&rdquo; The summary renders as a tinted card above the article. The point isn&rsquo;t to replace reading — it&rsquo;s triage. Is this worth my next ten minutes?</p><p><img src="/images/Lumen/lumenai-reader.jpg" alt="Reader view with the AI summary card above the article (concept render)"/><p><strong>Phase 7 — Polish.</strong> An app icon (generated programmatically — an RSS glyph under a sparkle on an indigo gradient), a dock badge with the unread count, render-path caching so thousand-article lists scroll smoothly, and a one-command script that builds a signed, drag-to-Applications DMG.</p><p><img src="/images/lumenai-screens/dmg-build.png" alt="One-command DMG build — ./Scripts/make_dmg.sh producing LumenAI.dmg"/><p><em>The Phase 7 finale, for real: one script, one signed DMG on the Desktop. More screenshots — the loaded feed list after OPML import, and the app&rsquo;s 143 MB memory footprint in Activity Monitor — are on the<a href="/lumenai-screens.html">LumenAI screenshots page</a>.</em></p><hr><h2 id="what-the-lifecycle-actually-felt-like">What the Lifecycle Actually Felt Like</h2><p>The loop for every phase was identical: the AI proposed decisions and asked questions, wrote the code and its tests, and then stopped — because it couldn&rsquo;t compile anything. Its sandbox is Linux; you can&rsquo;t build a Mac app there. So I was the build machine. ⌘U, ⌘R, report back. &ldquo;Build succeeded, go ahead&rdquo; became the rhythm of the afternoon.</p><p>That constraint turned out to be a feature. It forced a real checkpoint between phases — a human running the actual app — instead of an unbroken firehose of unverified code. Of the three failures across the whole project, two were caught by my builds (the type-checker timeout, and a &ldquo;cannot find type&rdquo; error that turned out to mean I&rsquo;d forgotten to re-run XcodeGen after files were added) and one was caught by the AI re-reading its own code. Final tally:<strong>38 Swift files, 27 tests, zero runtime crashes encountered.</strong></p><p>The other thing that surprised me: being asked questions felt like the AI respecting that it was<em>my</em> app. Tech stack, refresh cadence, dedup policy, summary length, even the app&rsquo;s name — every fork in the road was a decision I made in seconds from a menu of researched options, instead of an assumption silently baked into code I&rsquo;d discover three weeks later.</p><hr><h2 id="what-id-tell-you-if-youre-tempted">What I&rsquo;d Tell You If You&rsquo;re Tempted</h2><p>Treat it like an engineering project, not a magic trick. The phases, the non-goals list, the tests, the check-in after every phase — that structure is why this worked in an hour instead of unraveling in a weekend. The AI typed every line of code, but the spec, the taste, and the &ldquo;no, simpler&rdquo; calls were the human contribution, and the project needed both.</p><p>And yes — the app starts instantly, works on a plane, and never asks me to log in. The subscription I avoided paying for has been replaced by the most expensive thing of all: now I want to build everything.</p><hr><p><em>LumenAI is Swift/SwiftUI on macOS 14+, with GRDB, FeedKit, and Readability.js. Built with Claude Fable 5.</em></p>
]]></content:encoded><media:content url="https://curiousbit.netlify.app/images/Lumen/lumenai-hero.jpg" medium="image"><media:title type="plain">Automation</media:title></media:content><category>artificial-intelligence</category><category>automation</category><category>engineering</category><category>llm</category><category>Knowledge Base</category></item><item><title>Aether, Grown Wild — The Implementation Journey (v2.6 → v2.8.2)</title><link>https://curiousbit.netlify.app/aether-grown-wild-the-implementation-journey-v2.6-v2.8.2/</link><guid isPermaLink="true">https://curiousbit.netlify.app/aether-grown-wild-the-implementation-journey-v2.6-v2.8.2/</guid><pubDate>Wed, 03 Jun 2026 00:00:00 +0000</pubDate><dc:creator>Ajay Walia</dc:creator><description>&lt;link href="https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400&amp;family=JetBrains+Mono:wght@400;600&amp;display=swap" rel="stylesheet"&gt;
&lt;style&gt;
/* ─────────────────────────────────────────────
JUNGLE BOOK PALETTE — scoped to .aether-journey
───────────────────────────────────────────── */
.aether-journey {
--bg: #0c1410;
--bg2: #111d16;
--bg3: #16271c;
--jungle: #1f3d2b;
--jungle2: #2c5239;
--olive: #8a9a52;
--olive-dk: #4a5429;
--gold: #d9a521;
--gold-lt: #f0c95a;
--gold-dk: #8a6610;
--clay: #a9683f;
--clay-lt: #c98a5b;
--cream: #e7e0cf;
--muted: #aab694;
--rule: rgba(217,165,33,0.20);
--rule2: rgba(125,139,74,0.24);
font-family: 'Noto Sans', sans-serif;
font-size: 21px;
line-height: 1.85;
color: var(--cream);
}
.aether-journey a { color:var(--gold); text-decoration:none; border-bottom:1px solid rgba(217,165,33,0.35); }
.aether-journey a:hover { color:var(--gold-lt); border-color:var(--gold-lt); }
/* ── Hero ── */
.aj-hero { border-bottom:1px solid var(--rule); position:relative; overflow:hidden; min-height:540px; display:flex; align-items:flex-end; border-radius:12px; margin-bottom:40px; }
.aj-hero-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:1; }
.aj-hero-scrim { position:absolute; inset:0; z-index:2; pointer-events:none;
background:
linear-gradient(180deg, rgba(12,20,16,0.25) 0%, rgba(12,20,16,0.50) 50%, rgba(12,20,16,0.93) 100%),
radial-gradient(900px 480px at 16% 100%, rgba(31,61,43,0.55), transparent 70%); }
.aj-hero-in { padding:74px 26px 60px; max-width:960px; margin:0 auto; position:relative; z-index:3; width:100%; }
.aj-hero-meta { display:flex; gap:22px; flex-wrap:wrap; margin-top:30px; font-size:1rem; color:var(--muted); }
.aj-hero-meta strong { color:var(--gold); font-weight:600; }
.aj-hero-meta span:not(:last-child)::after { content:"·"; margin-left:22px; color:var(--olive-dk); }
.aj-kicker { display:inline-block; font-size:.84rem; letter-spacing:.2em; text-transform:uppercase; color:var(--bg); background:var(--gold); padding:6px 15px; border-radius:3px; font-weight:700; margin-bottom:22px; }
/* ── Typography ── */
.aether-journey .aj-label { font-size:.88rem; letter-spacing:.22em; text-transform:uppercase; color:var(--gold); font-weight:600; margin:54px 0 12px; }
.aether-journey h2 { font-family:'Noto Serif',serif; font-size:clamp(1.85rem,3.5vw,2.6rem); color:#fff; font-weight:700; margin:8px 0 24px; line-height:1.25; }
.aether-journey h3 { font-family:'Noto Serif',serif; font-size:1.45rem; color:var(--gold-lt); margin:34px 0 12px; }
.aether-journey p { color:var(--cream); margin:0 0 24px; }
.aether-journey .aj-lead { font-size:1.4rem; color:#fff; line-height:1.7; }
.aether-journey em.q { color:var(--clay-lt); font-style:italic; }
.aether-journey strong { color:#fff; font-weight:700; }
.aj-hero h1 { font-family:'Noto Serif',serif; font-size:clamp(2.6rem,5.5vw,4rem); line-height:1.14; color:#fff; font-weight:700; }
/* ── Lists — em-dash ── */
.aether-journey ul.leaf { list-style:none; padding:0; margin:0 0 24px; }
.aether-journey ul.leaf li { padding:0 0 20px 34px; position:relative; color:var(--cream); font-size:1.35rem; line-height:1.8; }
.aether-journey ul.leaf li::before { content:"—"; position:absolute; left:0; color:var(--olive); font-weight:700; }
.aether-journey ul.leaf li strong { color:#fff; }
/* ── Recap note ── */
.aj-recap { background:var(--bg2); border-left:3px solid var(--clay); border-radius:0 6px 6px 0; padding:22px 28px; margin:0 0 40px; }
.aj-recap p { margin:0; font-size:1.12rem; color:var(--muted); line-height:1.7; }
/* ── Pull quote ── */
.aj-pull { font-family:'Noto Serif',serif; font-size:1.6rem; line-height:1.55; color:var(--gold-lt); font-style:italic; border-left:3px solid var(--gold); padding:8px 0 8px 28px; margin:40px 0; }
/* ── Stat strip ── */
.aj-statbar { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--rule2); border:1px solid var(--rule2); margin:40px 0; border-radius:8px; overflow:hidden; }
.aj-stat { background:var(--bg2); padding:28px 18px; text-align:center; }
.aj-stat .num { font-family:'Noto Serif',serif; font-size:2.2rem; color:var(--gold); display:block; line-height:1.1; }
.aj-stat .lbl { font-size:.82rem; letter-spacing:.08em; color:var(--muted); text-transform:uppercase; margin-top:8px; }
/* ── Figures ── */
.aj-visual { margin:36px 0 12px; border-radius:10px; overflow:hidden; border:1px solid var(--rule2); background:var(--bg2); }
.aj-visual svg { display:block; width:100%; height:auto; }
.aj-cap { font-size:1.25rem; color:var(--muted); text-align:center; margin:0 0 36px; font-style:italic; line-height:1.6; }
/* ── Code / formula ── */
.aether-journey pre { background:#07100b; border:1px solid var(--rule2); border-radius:8px; padding:22px 24px; overflow-x:auto; margin:28px 0; font-family:'JetBrains Mono',monospace; font-size:.95rem; line-height:1.75; color:var(--cream); }
.aether-journey pre .c { color:var(--muted); }
.aether-journey pre .k { color:var(--gold-lt); }
.aether-journey pre .s { color:var(--olive); }
.aether-journey code.inline { font-family:'JetBrains Mono',monospace; font-size:1em; background:rgba(125,139,74,.16); color:var(--gold-lt); padding:2px 8px; border-radius:4px; border-bottom:none; }
.aj-formula { background:var(--bg3); border:1px solid var(--rule); border-radius:8px; padding:24px 28px; margin:30px 0; font-family:'JetBrains Mono',monospace; font-size:1.05rem; color:var(--gold-lt); text-align:center; line-height:2; }
.aj-formula span { color:var(--muted); }
/* ── Timeline ── */
.aj-timeline { position:relative; margin:34px 0 12px; padding-left:6px; }
.aj-timeline::before { content:''; position:absolute; left:19px; top:8px; bottom:8px; width:2px; background:linear-gradient(var(--olive),var(--clay)); }
.aj-tl { display:grid; grid-template-columns:46px 1fr; gap:18px; margin-bottom:26px; }
.aj-tl-dot { width:44px; height:44px; border-radius:50%; background:var(--bg2); border:2px solid var(--gold); display:flex; align-items:center; justify-content:center; font-size:.74rem; font-family:'JetBrains Mono',monospace; color:var(--gold); font-weight:600; position:relative; z-index:1; }
.aj-tl-body h3 { font-size:1.25rem; color:var(--gold-lt); margin:8px 0 6px; }
.aj-tl-body p { font-size:1.1rem; color:var(--muted); margin:0; line-height:1.7; }
/* ── CTA ── */
.aj-cta { background:linear-gradient(135deg,var(--jungle),var(--bg2)); border:1px solid var(--gold-dk); border-radius:12px; padding:40px 34px; margin:48px 0; text-align:center; }
.aj-cta h2 { margin-bottom:12px; }
.aj-cta p { color:var(--cream); max-width:640px; margin:0 auto 24px; font-size:1.15rem; line-height:1.7; }
.aj-btn { display:inline-block; background:var(--gold); color:var(--bg); font-weight:700; padding:16px 34px; border-radius:6px; letter-spacing:.02em; font-size:1.05rem; border:none; transition:transform .15s ease, background .15s ease; }
.aj-btn:hover { background:var(--gold-lt); color:var(--bg); transform:translateY(-2px); }
@media (max-width:640px) {
.aj-statbar { grid-template-columns:repeat(2,1fr); }
}
&lt;/style&gt;
&lt;div class="aether-journey"&gt;
&lt;div class="aj-hero"&gt;
&lt;video class="aj-hero-video" autoplay loop muted playsinline poster="/images/ather22.jpg"&gt;
&lt;source src="https://curiousbit.netlify.app/images/ather2.mp4" type="video/mp4"&gt;
&lt;/video&gt;
&lt;div class="aj-hero-scrim"&gt;&lt;/div&gt;
&lt;div class="aj-hero-in"&gt;
&lt;span class="aj-kicker"&gt;Implementation Journey · Part II&lt;/span&gt;
&lt;h1&gt;Aether, Grown Wild&lt;/h1&gt;
&lt;p class="aj-lead" style="margin-top:22px;"&gt;The first article was implementing the base idea. This one is the expedition — how the idea evolved and things got added as we moved forward, growing into a 13-agent, web-first, self-escalating system, and every bug in the undergrowth that shaped it.&lt;/p&gt;</description><content:encoded>&lt;![CDATA[<img src="https://curiousbit.netlify.app/images/ather22.jpg" alt="Automation" style="max-width:100%;height:auto;margin-bottom:1.5em;"/><link href="https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet"><style>
/* ─────────────────────────────────────────────
JUNGLE BOOK PALETTE — scoped to .aether-journey
───────────────────────────────────────────── */
.aether-journey {
--bg: #0c1410;
--bg2: #111d16;
--bg3: #16271c;
--jungle: #1f3d2b;
--jungle2: #2c5239;
--olive: #8a9a52;
--olive-dk: #4a5429;
--gold: #d9a521;
--gold-lt: #f0c95a;
--gold-dk: #8a6610;
--clay: #a9683f;
--clay-lt: #c98a5b;
--cream: #e7e0cf;
--muted: #aab694;
--rule: rgba(217,165,33,0.20);
--rule2: rgba(125,139,74,0.24);
font-family: 'Noto Sans', sans-serif;
font-size: 21px;
line-height: 1.85;
color: var(--cream);
}
.aether-journey a { color:var(--gold); text-decoration:none; border-bottom:1px solid rgba(217,165,33,0.35); }
.aether-journey a:hover { color:var(--gold-lt); border-color:var(--gold-lt); }
/* ── Hero ── */
.aj-hero { border-bottom:1px solid var(--rule); position:relative; overflow:hidden; min-height:540px; display:flex; align-items:flex-end; border-radius:12px; margin-bottom:40px; }
.aj-hero-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:1; }
.aj-hero-scrim { position:absolute; inset:0; z-index:2; pointer-events:none;
background:
linear-gradient(180deg, rgba(12,20,16,0.25) 0%, rgba(12,20,16,0.50) 50%, rgba(12,20,16,0.93) 100%),
radial-gradient(900px 480px at 16% 100%, rgba(31,61,43,0.55), transparent 70%); }
.aj-hero-in { padding:74px 26px 60px; max-width:960px; margin:0 auto; position:relative; z-index:3; width:100%; }
.aj-hero-meta { display:flex; gap:22px; flex-wrap:wrap; margin-top:30px; font-size:1rem; color:var(--muted); }
.aj-hero-meta strong { color:var(--gold); font-weight:600; }
.aj-hero-meta span:not(:last-child)::after { content:"·"; margin-left:22px; color:var(--olive-dk); }
.aj-kicker { display:inline-block; font-size:.84rem; letter-spacing:.2em; text-transform:uppercase; color:var(--bg); background:var(--gold); padding:6px 15px; border-radius:3px; font-weight:700; margin-bottom:22px; }
/* ── Typography ── */
.aether-journey .aj-label { font-size:.88rem; letter-spacing:.22em; text-transform:uppercase; color:var(--gold); font-weight:600; margin:54px 0 12px; }
.aether-journey h2 { font-family:'Noto Serif',serif; font-size:clamp(1.85rem,3.5vw,2.6rem); color:#fff; font-weight:700; margin:8px 0 24px; line-height:1.25; }
.aether-journey h3 { font-family:'Noto Serif',serif; font-size:1.45rem; color:var(--gold-lt); margin:34px 0 12px; }
.aether-journey p { color:var(--cream); margin:0 0 24px; }
.aether-journey .aj-lead { font-size:1.4rem; color:#fff; line-height:1.7; }
.aether-journey em.q { color:var(--clay-lt); font-style:italic; }
.aether-journey strong { color:#fff; font-weight:700; }
.aj-hero h1 { font-family:'Noto Serif',serif; font-size:clamp(2.6rem,5.5vw,4rem); line-height:1.14; color:#fff; font-weight:700; }
/* ── Lists — em-dash ── */
.aether-journey ul.leaf { list-style:none; padding:0; margin:0 0 24px; }
.aether-journey ul.leaf li { padding:0 0 20px 34px; position:relative; color:var(--cream); font-size:1.35rem; line-height:1.8; }
.aether-journey ul.leaf li::before { content:"—"; position:absolute; left:0; color:var(--olive); font-weight:700; }
.aether-journey ul.leaf li strong { color:#fff; }
/* ── Recap note ── */
.aj-recap { background:var(--bg2); border-left:3px solid var(--clay); border-radius:0 6px 6px 0; padding:22px 28px; margin:0 0 40px; }
.aj-recap p { margin:0; font-size:1.12rem; color:var(--muted); line-height:1.7; }
/* ── Pull quote ── */
.aj-pull { font-family:'Noto Serif',serif; font-size:1.6rem; line-height:1.55; color:var(--gold-lt); font-style:italic; border-left:3px solid var(--gold); padding:8px 0 8px 28px; margin:40px 0; }
/* ── Stat strip ── */
.aj-statbar { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--rule2); border:1px solid var(--rule2); margin:40px 0; border-radius:8px; overflow:hidden; }
.aj-stat { background:var(--bg2); padding:28px 18px; text-align:center; }
.aj-stat .num { font-family:'Noto Serif',serif; font-size:2.2rem; color:var(--gold); display:block; line-height:1.1; }
.aj-stat .lbl { font-size:.82rem; letter-spacing:.08em; color:var(--muted); text-transform:uppercase; margin-top:8px; }
/* ── Figures ── */
.aj-visual { margin:36px 0 12px; border-radius:10px; overflow:hidden; border:1px solid var(--rule2); background:var(--bg2); }
.aj-visual svg { display:block; width:100%; height:auto; }
.aj-cap { font-size:1.25rem; color:var(--muted); text-align:center; margin:0 0 36px; font-style:italic; line-height:1.6; }
/* ── Code / formula ── */
.aether-journey pre { background:#07100b; border:1px solid var(--rule2); border-radius:8px; padding:22px 24px; overflow-x:auto; margin:28px 0; font-family:'JetBrains Mono',monospace; font-size:.95rem; line-height:1.75; color:var(--cream); }
.aether-journey pre .c { color:var(--muted); }
.aether-journey pre .k { color:var(--gold-lt); }
.aether-journey pre .s { color:var(--olive); }
.aether-journey code.inline { font-family:'JetBrains Mono',monospace; font-size:1em; background:rgba(125,139,74,.16); color:var(--gold-lt); padding:2px 8px; border-radius:4px; border-bottom:none; }
.aj-formula { background:var(--bg3); border:1px solid var(--rule); border-radius:8px; padding:24px 28px; margin:30px 0; font-family:'JetBrains Mono',monospace; font-size:1.05rem; color:var(--gold-lt); text-align:center; line-height:2; }
.aj-formula span { color:var(--muted); }
/* ── Timeline ── */
.aj-timeline { position:relative; margin:34px 0 12px; padding-left:6px; }
.aj-timeline::before { content:''; position:absolute; left:19px; top:8px; bottom:8px; width:2px; background:linear-gradient(var(--olive),var(--clay)); }
.aj-tl { display:grid; grid-template-columns:46px 1fr; gap:18px; margin-bottom:26px; }
.aj-tl-dot { width:44px; height:44px; border-radius:50%; background:var(--bg2); border:2px solid var(--gold); display:flex; align-items:center; justify-content:center; font-size:.74rem; font-family:'JetBrains Mono',monospace; color:var(--gold); font-weight:600; position:relative; z-index:1; }
.aj-tl-body h3 { font-size:1.25rem; color:var(--gold-lt); margin:8px 0 6px; }
.aj-tl-body p { font-size:1.1rem; color:var(--muted); margin:0; line-height:1.7; }
/* ── CTA ── */
.aj-cta { background:linear-gradient(135deg,var(--jungle),var(--bg2)); border:1px solid var(--gold-dk); border-radius:12px; padding:40px 34px; margin:48px 0; text-align:center; }
.aj-cta h2 { margin-bottom:12px; }
.aj-cta p { color:var(--cream); max-width:640px; margin:0 auto 24px; font-size:1.15rem; line-height:1.7; }
.aj-btn { display:inline-block; background:var(--gold); color:var(--bg); font-weight:700; padding:16px 34px; border-radius:6px; letter-spacing:.02em; font-size:1.05rem; border:none; transition:transform .15s ease, background .15s ease; }
.aj-btn:hover { background:var(--gold-lt); color:var(--bg); transform:translateY(-2px); }
@media (max-width:640px) {
.aj-statbar { grid-template-columns:repeat(2,1fr); }
}</style><div class="aether-journey"><div class="aj-hero"><video class="aj-hero-video" autoplay= loop= muted= playsinline= poster="/images/ather22.jpg"><source src="/images/ather2.mp4" type="video/mp4"/><div class="aj-hero-scrim"/><div class="aj-hero-in"><span class="aj-kicker">Implementation Journey · Part II</span><h1>Aether, Grown Wild</h1><p class="aj-lead" style="margin-top:22px;">The first article was implementing the base idea. This one is the expedition — how the idea evolved and things got added as we moved forward, growing into a 13-agent, web-first, self-escalating system, and every bug in the undergrowth that shaped it.</p><div class="aj-hero-meta"><span>By<strong>Ajay Walia</strong></span><span>June 2026</span><span><strong>v2.6 → v2.8.2</strong></span><span>10 min read</span></div></div></div><div class="aj-recap" style="margin-top:12px;"><p>New here? Start with the original field guide —<a href="/i-built-a-team-of-it-architects-using-llm-that-live-on-macbook-meet-aether/">"I Built a Team of IT Architects Using LLM That Live on MacBook — Meet Aether."</a> That post laid out the thought. This one is what happened when the thought met real queries.</p></div><p class="aj-lead">Every design survives contact with the page. Then you run it.</p><p>Aether v2.6 worked end-to-end on day one — route, retrieve, build, generate, score, escalate, audit. And almost every lesson since came from running that clean little machine against questions it had never seen before.</p><p>The original architecture made a single bet: one model can't be an expert at everything, so build a tree of narrow experts and let them escalate on doubt. The bet held. But the path from v2.6 to v2.8.2 reshaped almost everything around it. The agent roster grew, the router was rebuilt twice, retrieval flipped from knowledge-base-first to web-first, and the confidence score stopped being a thing the model<em>claimed</em> and became a thing the system<em>computed</em>.</p><div class="aj-statbar"><div class="aj-stat"><span class="num">13</span><span class="lbl">Agents · 3 tiers</span></div><div class="aj-stat"><span class="num">v2.8.2</span><span class="lbl">Current release</span></div><div class="aj-stat"><span class="num">0.7</span><span class="lbl">Escalation threshold</span></div><div class="aj-stat"><span class="num">ZERO</span><span class="lbl">Egress · API cost</span></div></div><p class="aj-label">The Delta</p><h2 id="where-the-thought-and-the-build-diverged">Where the thought and the build diverged</h2><p>The blueprint described ten agents, a Gemma 4 26B model, knowledge-base-first retrieval, and a confidence number the model appended to its own answer. Run it for a week and three of those four assumptions bend out of shape:</p><ul class="leaf"><li><strong>Ten agents became thirteen.</strong> The flat roster of technology specialists reorganised into a four-agent network sub-branch and a consolidated digital-workplace branch.</li><li><strong>Knowledge-base-first became web-first.</strong> The local knowledge base started empty, so retrieval now scrapes a vendor allowlist first and falls back to the KB only when the web is thin.</li><li><strong>Self-reported confidence became computed.</strong> "Confidence: 0.92" was theatre; a formula over retrieval quality, domain fit and citation density replaced it.</li><li><strong>An idea became a discipline.</strong> With Git disabled, a hand-written<code class="inline">CHANGELOG.md</code> turned into the single source of truth — every fix and reversal, dated.</li></ul><p class="aj-label">The Pack</p><h2 id="from-ten-to-thirteen--the-hierarchy-regrows">From ten to thirteen — the hierarchy regrows</h2><p>The three-tier shape held: one Enterprise Architect at the top, three Domain Architects beneath, and a layer of deep technology specialists at the base. What changed was the base. The original Intune, AVD and Citrix agents were too narrow and overlapped each other, so they were folded into broader, sharper roles — and the network domain, barely a single agent before, grew a full four-specialist sub-branch.</p><div class="aj-visual"><svg viewBox="0 0 860 430" xmlns="http://www.w3.org/2000/svg" font-family="Noto Sans, sans-serif"><defs><linearGradient id="t1" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#d9a521"/><stop offset="1" stop-color="#8a6610"/></linearGradient></defs><g stroke="#4a5429" stroke-width="1.6" fill="none" opacity="0.8"><path d="M430,72 L200,150"/><path d="M430,72 L430,150"/><path d="M430,72 L660,150"/><path d="M200,182 L120,250"/><path d="M200,182 L260,250"/><path d="M430,182 L430,250"/></g><rect x="330" y="40" width="200" height="34" rx="7" fill="url(#t1)"/><text x="430" y="62" text-anchor="middle" font-size="13" font-weight="700" fill="#0c1410">TIER 1 · Enterprise Architect</text><g font-size="12" font-weight="600" fill="#e7e0cf"><rect x="120" y="150" width="160" height="32" rx="6" fill="#2c5239" stroke="#7d8b4a"/><text x="200" y="171" text-anchor="middle">Cloud Domain</text><rect x="350" y="150" width="160" height="32" rx="6" fill="#2c5239" stroke="#7d8b4a"/><text x="430" y="171" text-anchor="middle">DWP Domain</text><rect x="580" y="150" width="160" height="32" rx="6" fill="#2c5239" stroke="#7d8b4a"/><text x="660" y="171" text-anchor="middle">Network Domain</text></g><g font-size="10.5" fill="#0c1410" font-weight="600"><rect x="70" y="250" width="64" height="28" rx="5" fill="#c98a5b"/><text x="102" y="268" text-anchor="middle">AWS</text><rect x="142" y="250" width="64" height="28" rx="5" fill="#c98a5b"/><text x="174" y="268" text-anchor="middle">Azure</text><rect x="214" y="250" width="64" height="28" rx="5" fill="#c98a5b"/><text x="246" y="268" text-anchor="middle">GCP</text><rect x="358" y="250" width="74" height="28" rx="5" fill="#c98a5b"/><text x="395" y="268" text-anchor="middle">MS DWP</text><rect x="436" y="250" width="80" height="28" rx="5" fill="#c98a5b"/><text x="476" y="268" text-anchor="middle">End-User Virt</text><rect x="540" y="290" width="80" height="28" rx="5" fill="#c98a5b"/><text x="580" y="308" text-anchor="middle">Core Net</text><rect x="626" y="290" width="92" height="28" rx="5" fill="#c98a5b"/><text x="672" y="308" text-anchor="middle">SD-WAN/SASE</text><rect x="540" y="324" width="80" height="28" rx="5" fill="#c98a5b"/><text x="580" y="342" text-anchor="middle">Net Security</text><rect x="626" y="324" width="92" height="28" rx="5" fill="#c98a5b"/><text x="672" y="342" text-anchor="middle">NetOps AIOps</text></g><g stroke="#4a5429" stroke-width="1.4" fill="none" opacity="0.7"><path d="M660,182 L580,290 M660,182 L672,290 M660,182 L580,324 M660,182 L672,324"/></g></svg></div><p class="aj-cap">Thirteen agents across three tiers. Each domain owns a colour; specialists inherit it. Low confidence climbs the parent chain → Domain → Enterprise.</p><h3 id="added-to-the-pack">Added to the pack</h3><ul class="leaf"><li><strong>Microsoft DWP Technology Architect</strong> — a broad M365, Intune, Entra, Defender and Copilot specialist.</li><li><strong>End-User Virtualization</strong> — Citrix, Horizon, AVD and FSLogix under one roof.</li><li><strong>A four-agent network sub-branch</strong> — Core Networking, SD-WAN/SASE, Network Security and NetOps AIOps.</li></ul><h3 id="cut-from-the-undergrowth">Cut from the undergrowth</h3><ul class="leaf"><li><strong>The standalone Virtualization Domain Architect</strong> — folded into DWP.</li><li><strong>The Intune-only agent</strong> — replaced by the broader Microsoft DWP role.</li><li><strong>The AVD- and Citrix-specific agents</strong> — absorbed by End-User Virtualization.</li><li><strong>The retired KB taxonomy</strong> —<code class="inline">kb_intune</code>,<code class="inline">kb_avd</code> and<code class="inline">kb_citrix</code>.</li></ul><p class="aj-label">core/router.py</p><h2 id="routing--the-hardest-won-code-in-the-repo">Routing — the hardest-won code in the repo</h2><p>Routing decides which expert hears the question. It sounds trivial — match keywords, pick an agent — and it turned out to be the single biggest source of subtle, infuriating bugs. The router now runs four ordered passes:</p><ul class="leaf"><li><strong>Forced design-doc override.</strong> Phrases like "solution design document" bypass keyword scanning entirely, and any mention of "Copilot" routes straight to the Microsoft DWP specialist.</li><li><strong>Tier-3 keyword match.</strong> The most specific specialists are scanned first, with<code class="inline">\b</code> word-boundary regex to stop false hits.</li><li><strong>Tier-2 domain match.</strong> Broader strategy keywords catch domain-level queries that no specialist claimed.</li><li><strong>Default to Enterprise.</strong> Anything unmatched falls through to the catch-all at the top.</li></ul><style>
.routing-anim-wrapper {
display: flex;
flex-direction: column;
gap: 1rem;
margin: 3rem 0;
}
@media (min-width: 1024px) {
.routing-anim-wrapper {
flex-direction: row;
}
}
.routing-anim {
flex: 1.3;
position: relative;
background: #0f172a;
border: 1px solid #1e293b;
border-radius: 1rem;
padding: 2rem;
height: 520px;
overflow: hidden;
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
box-shadow: inset 0 2px 20px rgba(0,0,0,0.5);
}
.route-debug {
flex: 0.7;
background: #020617;
border: 1px solid #1e293b;
border-radius: 1rem;
padding: 1.5rem;
height: 520px;
overflow-y: auto;
box-shadow: inset 0 0 10px rgba(0,0,0,0.8);
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.debug-header {
font-size: 0.8rem;
font-weight: 700;
color: #64748b;
margin-bottom: 1rem;
letter-spacing: 0.05em;
border-bottom: 1px solid #1e293b;
padding-bottom: 0.75rem;
display: flex;
align-items: center;
gap: 0.5rem;
}
.debug-dot {
width: 8px;
height: 8px;
background: #10b981;
border-radius: 50%;
animation: pulse-dot 2s infinite;
}
@keyframes pulse-dot { 50% { opacity: 0.5; } }
.debug-code {
color: #38bdf8;
font-size: 0.8rem;
line-height: 1.6;
white-space: pre-wrap;
}
.route-line {
position: absolute;
top: 0;
bottom: 0;
left: 80px;
width: 2px;
background: repeating-linear-gradient(to bottom, #334155 0, #334155 10px, transparent 10px, transparent 20px);
z-index: 1;
}
.route-packet {
position: absolute;
left: 80px;
top: -40px;
transform: translate(-50%, -50%);
background: #0ea5e9;
color: white;
padding: 0.5rem 1rem;
border-radius: 999px;
font-size: 0.875rem;
font-weight: 600;
z-index: 20;
box-shadow: 0 0 20px rgba(14, 165, 233, 0.5);
white-space: nowrap;
transition: top 0.5s ease-in-out, background 0.3s, box-shadow 0.3s, opacity 0.3s;
}
.route-step {
position: absolute;
left: 140px;
right: 20px;
background: #1e293b;
border: 1px solid #334155;
color: #94a3b8;
padding: 1rem 1.25rem;
border-radius: 0.5rem;
text-align: left;
z-index: 10;
transition: all 0.3s ease;
transform: translateY(-50%);
}
.route-step::before {
content: '';
position: absolute;
top: 50%;
left: -60px;
transform: translate(-50%, -50%);
width: 12px;
height: 12px;
background: #0f172a;
border: 2px solid #334155;
border-radius: 50%;
transition: border-color 0.3s, background 0.3s;
z-index: 2;
}
.route-step::after {
content: '';
position: absolute;
top: 50%;
left: -60px;
width: 60px;
height: 2px;
background: #334155;
transform: translateY(-50%);
z-index: 1;
transition: background 0.3s;
}
.route-step.active-scan {
border-color: #0ea5e9;
background: rgba(14, 165, 233, 0.05);
}
.route-step.active-scan::before {
border-color: #0ea5e9;
background: #0ea5e9;
}
.route-step.active-scan::after {
background: #0ea5e9;
}
.route-step.match {
border-color: #10b981;
background: rgba(16, 185, 129, 0.05);
box-shadow: 0 0 15px rgba(16, 185, 129, 0.1);
}
.route-step.match::before {
border-color: #10b981;
background: #10b981;
}
.route-step.match::after {
background: #10b981;
}
.r-step-1 { top: 80px; }
.r-step-2 { top: 190px; }
.r-step-3 { top: 300px; }
.r-step-4 { top: 410px; }
.step-title {
font-size: 0.9rem;
font-weight: 700;
color: #f8fafc;
margin-bottom: 0.25rem;
}
.step-desc {
font-size: 0.8rem;
color: #94a3b8;
line-height: 1.4;
}</style><div class="routing-anim-wrapper not-prose" id="routing-anim-wrapper"><div class="routing-anim" id="routing-anim"><div class="route-line"/><div class="route-step r-step-1" id="rs-1"><div class="step-title">1. Forced Override</div><div class="step-desc">Certain keywords (like "solution design document" or "Copilot") bypass deep scanning and hardcode a route to a specific agent.</div></div><div class="route-step r-step-2" id="rs-2"><div class="step-title">2. Tier-3 Specialist</div><div class="step-desc">Scans for highly specific technologies using exact word boundaries (<code class="inline">\bids\b</code>). Prevents broad terms from triggering niche specialists.</div></div><div class="route-step r-step-3" id="rs-3"><div class="step-title">3. Tier-2 Domain Architect</div><div class="step-desc">Catches broader domain-level queries (like "firewall" or "routing") if no specific L3 specialist claimed the question.</div></div><div class="route-step r-step-4" id="rs-4"><div class="step-title">4. Default to Enterprise</div><div class="step-desc">The catch-all bucket. If a query falls all the way through without matching anything, it goes to the Enterprise Architect.</div></div><div class="route-packet" id="r-packet">Starting...</div></div><div class="route-debug"><div class="debug-header"><div class="debug-dot"/> ROUTER ENGINE TRACE</div><div class="debug-code" id="debug-log">Waiting for query...</div></div></div><script>
document.addEventListener('DOMContentLoaded', function() {
const packet = document.getElementById('r-packet');
const debugLog = document.getElementById('debug-log');
const steps = [
document.getElementById('rs-1'),
document.getElementById('rs-2'),
document.getElementById('rs-3'),
document.getElementById('rs-4')
];
if(!packet || !steps[0] || !debugLog) return;
const scenarios = [
{ query: '"How to enable Copilot"', targetStep: 1, targetName: 'Microsoft DWP' },
{ query: '"BGP flapping issue"', targetStep: 2, targetName: 'Network L3 Tech' },
{ query: '"Firewall strategy"', targetStep: 3, targetName: 'Network Sec Arch' },
{ query: '"General IT strategy"', targetStep: 4, targetName: 'Enterprise Arch' }
];
let currentScenario = 0;
const sleep = ms => new Promise(r => setTimeout(r, ms));
async function runAnimation() {
while(true) {
const s = scenarios[currentScenario];
const reqId = "req_" + Math.random().toString(36).substr(2, 6);
let debugState = {
request_id: reqId,
query: s.query.replace(/"/g, ''),
status: "scanning",
cache: "redis_miss",
scan_log: []
};
const renderDebug = () => {
debugLog.textContent = JSON.stringify(debugState, null, 2);
};
packet.style.transition = 'none';
packet.style.top = '-40px';
packet.style.opacity = '1';
packet.style.background = '#0ea5e9';
packet.style.boxShadow = '0 0 20px rgba(14, 165, 233, 0.5)';
packet.textContent = s.query;
steps.forEach(step => step.classList.remove('active-scan', 'match'));
renderDebug();
await sleep(2000);
packet.style.transition = 'top 1.5s ease-in-out, background 0.3s, box-shadow 0.3s, opacity 0.3s';
for(let i=0; i<s.targetStep; i++)= {= let= stepTop=80 += (i*110);= packet.style.top=stepTop += 'px';= steps[i].classList.add('active-scan');= debugState.scan_log.push(`evaluating_tier_${i+1}`);= renderDebug();= await= sleep(2000);= if= (i= <= s.targetStep= -= 1)= {= packet.style.background='#ef4444' ;= packet.style.boxShadow='0 0 20px rgba(239, 68, 68, 0.5)' ;= packet.textContent="✗ No match" ;= debugState[`tier_${i+1}_match`]=false; renderDebug();= await= sleep(2000);= packet.style.background='#0ea5e9' ;= packet.style.boxShadow='0 0 20px rgba(14, 165, 233, 0.5)' ;= packet.textContent=s.query; steps[i].classList.remove('active-scan');= }= else= {= steps[i].classList.remove('active-scan');= steps[i].classList.add('match');= packet.style.background='#10b981' ;= packet.style.boxShadow='0 0 30px rgba(16, 185, 129, 0.8)' ;= packet.textContent="✓ Routed: " += s.targetName;= debugState.status="routed" ;= debugState[`tier_${i+1}_match`]=true; debugState.target_agent=s.targetName.replace(/ /g,= '_').toLowerCase();= debugState.cache_action="set_redis_ttl_3600" ;= renderDebug();= await= sleep(6000);= packet.style.opacity='0' ;= steps[i].classList.remove('match');= await= sleep(2500);= }= }= currentScenario=(currentScenario += 1)= %= scenarios.length;= }= }= runAnimation();= });= </script=><p>The bugs here were the kind that hide in plain sight. A bare<code class="inline">"ids"</code> keyword matched the "IDs" in<em class="q">"track record IDs"</em> and wrongly summoned the Network Security agent — fixed by swapping it for the explicit phrase<code class="inline">"intrusion detection system"</code>. Worse, the Tier-2 rules stored their keywords as double-escaped regex (<code class="inline">\\bfirewall\\b</code>), which turned the backslashes literal, so those rules could<em>never</em> match and three domain architects sat silently unreachable. A small<code class="inline">_kw_matches()</code> helper now treats real regex as regex and plain words as plain words, while Redis caches each verdict for an hour and degrades gracefully if it goes down.</p><p class="aj-label">The Single Beast</p><h2 id="one-local-gemma-thirteen-personas">One local Gemma, thirteen personas</h2><p>The headline trick from Part I survived intact, and got sharper. There is still exactly one model resident in memory:<code class="inline">gemma-4-26b-a4b-it-mlx</code> — Google's open Gemma family, the instruction-tuned variant in an active-parameter configuration, MLX-quantized for Apple silicon and served through LM Studio's OpenAI-compatible API at<code class="inline">localhost:1234</code>. Thirteen specialists, one set of weights. The persona switch lives entirely in the YAML manifest:</p><pre><span class="c"># agents/enterprise_architect.yaml</span><span class="k">id:</span> enterprise_architect<span class="k">tier:</span> 1<span class="k">namespace:</span> kb_enterprise<span class="k">parent:</span> null<span class="k">temperature:</span> 0.2<span class="k">max_tokens:</span> 3000<span class="k">system_prompt:</span> |<span class="s">DOMAIN MANDATE</span> — out-of-domain query → refuse, hard-code 0.0 confidence.<span class="s">ENTERPRISE MANDATE</span> — always cover Identity (AD/Entra, RBAC) and HA/DR;
state assumptions, never claim 100%.<span class="s">STYLE MANDATE</span> — no invented URLs, no gratuitous TOGAF/ISO name-drops,
plain-text arrows, never LaTeX.<span class="s">DIAGRAM RULE</span> — emit a concise Mermaid block (≤15 nodes) for architectures.</pre><p>That manifest<em>is</em> the agent. The mandates are the lessons of a hundred bad answers, hardened into rules: out-of-domain questions get refused and forced to escalate, every architecture must address identity and disaster recovery, and decorative fake citations are banned outright. There is also a discipline the local hardware taught the hard way — large design templates once overflowed the context window and OOM-crashed LM Studio, forcing careful tuning of how much web context gets injected per query.</p><p class="aj-label">The v2.8 Redesign</p><h2 id="retrieval-flips-web-first-kb-as-fallback">Retrieval flips: web-first, KB as fallback</h2><p>This was the biggest architectural change since the blueprint. The original design retrieved from the local LanceDB knowledge base first. The problem was mundane and fatal: the knowledge base started empty. An empty KB meant a zero retrieval score, which meant zero confidence, which meant every single query escalated all the way to the Enterprise Architect for nothing.</p><p>So the pipeline flipped. The orchestrator now scrapes trusted vendor documentation<em>before</em> it touches the KB, and only falls back to local documents when the web returns less than about 1,200 characters of usable text.</p><style>
.retrieval-anim {
position: relative;
background: #0f172a;
border: 1px solid #1e293b;
border-radius: 1rem;
padding: 0 40px;
margin: 3rem 0 1rem 0;
height: 260px;
display: flex;
align-items: center;
justify-content: space-between;
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
box-shadow: inset 0 2px 20px rgba(0,0,0,0.5);
overflow: hidden;
}
.ret-line {
position: absolute;
top: 50%;
left: 40px;
right: 40px;
height: 2px;
background: #334155;
transform: translateY(-50%);
z-index: 1;
}
.ret-node-wrapper {
position: relative;
z-index: 10;
display: flex;
flex-direction: column;
align-items: center;
}
.ret-node {
padding: 0.8rem 1.2rem;
border-radius: 0.4rem;
font-size: 1rem;
font-weight: 700;
text-align: center;
color: #0c1410;
transition: all 0.3s ease;
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
border: 2px solid transparent;
}
.node-green { background: #7d8b4a; }
.node-gold { background: #d9a521; }
.node-brown { background: #c98a5b; }
.ret-node.active {
box-shadow: 0 0 20px rgba(255,255,255,0.4);
transform: scale(1.15);
border-color: #f8fafc;
}
.ret-node.skipped {
opacity: 0.3;
filter: grayscale(80%);
}
.ret-packet {
position: absolute;
top: 50%;
left: -100px;
transform: translate(-50%, -50%);
background: #0ea5e9;
color: white;
padding: 0.5rem 1rem;
border-radius: 999px;
font-size: 0.9rem;
font-weight: bold;
z-index: 20;
white-space: nowrap;
box-shadow: 0 0 15px rgba(14, 165, 233, 0.6);
transition: left 0.6s ease-in-out, top 0.6s ease-in-out, opacity 0.3s;
}
.ret-log {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
color: #38bdf8;
font-size: 0.9rem;
background: #020617;
padding: 0.5rem 1.2rem;
border-radius: 0.5rem;
border: 1px solid #1e293b;
opacity: 0;
transition: opacity 0.3s;
white-space: nowrap;
}
.kb-label {
position: absolute;
top: 100%;
margin-top: 12px;
font-size: 0.8rem;
color: #94a3b8;
white-space: nowrap;
}
@media (max-width: 768px) {
.retrieval-anim {
flex-direction: column;
padding: 40px 0;
height: 600px;
}
.ret-line {
top: 40px; bottom: 40px; left: 50%; right: auto; width: 2px; height: auto; transform: translateX(-50%);
}
.kb-label {
left: 100%; top: 50%; margin-top: 0; margin-left: 12px; transform: translateY(-50%);
}
}</style><div class="retrieval-anim not-prose" id="ret-container"><div class="ret-line"/><div class="ret-node-wrapper"><div class="ret-node node-green" id="rn-1">Route</div></div><div class="ret-node-wrapper"><div class="ret-node node-gold" id="rn-2">Web primary</div></div><div class="ret-node-wrapper"><div class="ret-node node-brown" id="rn-3">KB fallback</div><div class="kb-label">only if web &lt; 1200 chars</div></div><div class="ret-node-wrapper"><div class="ret-node node-green" id="rn-4">History</div></div><div class="ret-node-wrapper"><div class="ret-node node-green" id="rn-5">Build</div></div><div class="ret-node-wrapper"><div class="ret-node node-gold" id="rn-6">Gemma</div></div><div class="ret-packet" id="ret-packet">Query</div><div class="ret-log" id="ret-log">Logs</div></div><p class="aj-cap" style="margin-top: 0; margin-bottom: 3rem;">The v2.8 retrieval path — web-first against a vendor allowlist, with the knowledge base merging in only when the web comes back thin.</p><script>
document.addEventListener('DOMContentLoaded', function() {
const container = document.getElementById('ret-container');
const packet = document.getElementById('ret-packet');
const log = document.getElementById('ret-log');
const nodes = [
document.getElementById('rn-1'),
document.getElementById('rn-2'),
document.getElementById('rn-3'),
document.getElementById('rn-4'),
document.getElementById('rn-5'),
document.getElementById('rn-6')
];
if(!packet || !nodes[0]) return;
const scenarios = [
{
query: '"AWS VPC Limits"',
webRes: 'Web hit: 5,420 chars (AWS Docs)',
skipKb: true
},
{
query: '"Project Aether Spec"',
webRes: 'Web hit: 120 chars (Thin)',
kbRes: 'KB hit: 8,300 chars (Local LanceDB)',
skipKb: false
}
];
let cur = 0;
const sleep = ms => new Promise(r => setTimeout(r, ms));
function moveTo(index) {
let rect = nodes[index].getBoundingClientRect();
let cRect = container.getBoundingClientRect();
packet.style.left = (rect.left - cRect.left + rect.width / 2) + 'px';
packet.style.top = (rect.top - cRect.top + rect.height / 2) + 'px';
}
async function run() {
while(true) {
const s = scenarios[cur];
packet.style.transition = 'none';
if (window.innerWidth< 768)= {= packet.style.left='50%' ;= packet.style.top='-50px' ;= }= else= {= packet.style.left='-100px' ;= packet.style.top='50%' ;= }= packet.style.opacity='1' ;= packet.textContent=s.query; log.style.opacity='0' ;= nodes.forEach(n=> n.classList.remove('active', 'skipped'));
await sleep(2000);
packet.style.transition = 'left 1.5s ease-in-out, top 1.5s ease-in-out, opacity 0.3s';
// Step 0: Route
moveTo(0);
nodes[0].classList.add('active');
await sleep(2000);
nodes[0].classList.remove('active');
// Step 1: Web primary
moveTo(1);
nodes[1].classList.add('active');
log.textContent = "Scraping trusted vendor docs...";
log.style.opacity = '1';
await sleep(2500);
log.textContent = s.webRes;
await sleep(2500);
nodes[1].classList.remove('active');
// Step 2: KB
moveTo(2);
if (s.skipKb) {
nodes[2].classList.add('skipped');
log.textContent = "Skipping KB (web threshold met)";
await sleep(2500);
} else {
nodes[2].classList.add('active');
log.textContent = "Web thin. Querying local LanceDB...";
await sleep(2500);
log.textContent = s.kbRes;
await sleep(2500);
nodes[2].classList.remove('active');
}
// Step 3: History
moveTo(3);
nodes[3].classList.add('active');
log.textContent = "Appending chat history...";
await sleep(2000);
nodes[3].classList.remove('active');
// Step 4: Build
moveTo(4);
nodes[4].classList.add('active');
log.textContent = "Constructing final prompt...";
await sleep(2000);
nodes[4].classList.remove('active');
// Step 5: Gemma
moveTo(5);
nodes[5].classList.add('active');
log.textContent = "Streaming to gemma-4-26b...";
packet.style.background = '#10b981';
packet.style.boxShadow = '0 0 20px rgba(16, 185, 129, 0.6)';
await sleep(4000);
packet.style.opacity = '0';
log.style.opacity = '0';
nodes[5].classList.remove('active');
packet.style.background = '#0ea5e9';
packet.style.boxShadow = '0 0 15px rgba(14, 165, 233, 0.6)';
await sleep(3000);
cur = (cur + 1) % scenarios.length;
}
}
run();
});</script><ul class="leaf"><li><strong>A curated vendor-domain allowlist.</strong> Results are restricted to Microsoft Learn, AWS, Google Cloud, Cisco, Palo Alto, NIST and others, with suffix-safe matching that blocks spoofs like<code class="inline">cisco.com.evil.com</code>.</li><li><strong>Per-agent ranking.</strong><code class="inline">AGENT_DOMAINS</code> ranks each specialist's preferred docs first, so the AWS agent leans on AWS documentation before anything else.</li><li><strong>Source-agnostic results.</strong> Web hits are reshaped to look exactly like KB results (<code class="inline">source / url / text / score</code>), so the confidence math works identically on either.</li><li><strong>Rich metadata.</strong> A schema of<code class="inline">domain</code>,<code class="inline">vendor</code>,<code class="inline">document_type</code> and<code class="inline">version_date</code> travels with every chunk into the prompt.</li></ul><p class="aj-label">Trust, Computed</p><h2 id="confidence-is-math-not-vibes">Confidence is math, not vibes</h2><p>In v2.6 the model ended each answer with<code class="inline">Confidence: 0.92</code> and the orchestrator believed it. The trouble is that a model confidently answering an AWS question with Azure facts will happily rate itself 0.92 too. Self-report is theatre. So confidence became a number the<em>system</em> computes, before and after generation:</p><div class="aj-formula">
pre_gen<span>=</span> 0.6 · retrieval<span>+</span> 0.4 · namespace_overlap<br>
confidence<span>=</span> min(1.0, best_pre_gen<span>+</span> 0.2 · citation_density)</div><ul class="leaf"><li><strong>retrieval_score</strong> — the quality of the retrieved documents. With an empty KB it is derived from web hits: 0.85 for preferred vendor domains, 0.70 otherwise.</li><li><strong>namespace_overlap</strong> — does the query hit the agent's keywords? A strong match scores about 0.85; off-topic collapses to 0.1, all but guaranteeing escalation.</li><li><strong>citation_density</strong> — the share of claims backed by<code class="inline">[1] [2]</code> sources, rewarding grounded answers with up to a 0.2 boost.</li></ul><p>Below the 0.7 threshold, the query climbs to the parent agent, which re-retrieves against its own namespace and re-answers. One subtle fix mattered here: the strongest<code class="inline">_best_pre_gen</code> score is carried up the escalation chain, so a confident child's score is never erased by a weaker parent re-running the same step. The model no longer judges itself — the architecture does.</p><p class="aj-label">The Undergrowth</p><h2 id="the-bugs-that-shaped-the-design">The bugs that shaped the design</h2><p>Most of the architecture above exists because something broke first. The marquee disaster was the<strong>0% confidence saga</strong> — a cluster of unrelated failures that all produced the same symptom: every query inexplicably crashing to zero confidence and escalating to the top of the tree.</p><ul class="leaf"><li><strong>Silent search failure.</strong><code class="inline">duckduckgo_search</code> was renamed to<code class="inline">ddgs</code> upstream and returned an empty list. A catch-all<code class="inline">except</code> swallowed the error, so retrieval quietly went to zero.</li><li><strong>Empty-KB zero score.</strong> With no documents ingested, the retrieval score defaulted to 0.0 — now derived from web-result quality instead.</li><li><strong>Overwritten scores.</strong> Each escalation re-ran<code class="inline">step_build</code> and erased the child's strong score, until<code class="inline">_best_pre_gen</code> was preserved across the chain.</li><li><strong>Dead Tier-2 regex.</strong> Double-escaped<code class="inline">\\b</code> made domain routing rules unreachable, and malformed YAML broke parsing entirely.</li><li><strong>Context overflow.</strong> The expanded universal design template pushed prompts past the local model's context limit — a 400 error until web-context sizes were tuned back down.</li><li><strong>A frozen UI on long jobs.</strong> Design-doc generation runs for minutes and the UI silently froze, until streaming feedback and a 10-minute timeout were added.</li></ul><p class="aj-pull">A single catch-all<code class="inline" style="font-size:1rem;">except</code> turned a renamed package into an invisible, week-long confidence collapse. Fail loud, not silent.</p><p class="aj-label">The Working Contract</p><h2 id="how-the-build-stays-honest">How the build stays honest</h2><p>With Git tracking disabled, discipline had to live somewhere. It lives in two places. The first is a hand-maintained<code class="inline">CHANGELOG.md</code> that records every change, reversal and reason. The second is a behavioural contract the assistant itself follows when modifying the code — think before acting, make the smallest possible diff, verify against success criteria, keep everything auditable and reversible, and prefer less code over more. It reads less like an engineering process and more like the Law of the Jungle: a few rules everyone keeps, because the alternative is chaos.</p><div class="aj-cta"><h2>See it running — the screenshots</h2><p>Nine captioned frames from the live system: the Gemma model resident in LM Studio, the Gradio chat generating a Microsoft 365 Copilot design document at 90% confidence with live web search, the namespace-per-domain knowledge base, and the design template behind it all.</p><a class="aj-btn" href="/aether-screens.html" target="_blank" rel="noopener">Open the screenshot gallery →</a></div><p class="aj-label">The Map So Far</p><h2 id="six-releases-one-expedition">Six releases, one expedition</h2><div class="aj-timeline"><div class="aj-tl"><div class="aj-tl-dot">2.6.0</div><div class="aj-tl-body"><h3>Base system</h3><p>Routing, RAG, agents and escalation — the first end-to-end build.</p></div></div><div class="aj-tl"><div class="aj-tl-dot">2.7.0</div><div class="aj-tl-body"><h3>Grounded confidence</h3><p>Dropped LLM self-report for a math formula; added web-search fallback and Mermaid diagrams in the UI.</p></div></div><div class="aj-tl"><div class="aj-tl-dot">2.7.1</div><div class="aj-tl-body"><h3>Agent reshuffle</h3><p>Retired the Intune, AVD, Citrix and Virtualization agents; added Microsoft DWP, End-User Virt and the network specialists.</p></div></div><div class="aj-tl"><div class="aj-tl-dot">2.7.4</div><div class="aj-tl-body"><h3>Routing repairs</h3><p>Fixed dead regex rules, corrupted YAMLs, and a hardcoded-path split that loaded stale manifests.</p></div></div><div class="aj-tl"><div class="aj-tl-dot">2.8.0</div><div class="aj-tl-body"><h3>Web-first retrieval</h3><p>Scrape vendor docs before the KB; vendor allowlist; KB fallback merge.</p></div></div><div class="aj-tl"><div class="aj-tl-dot">2.8.2</div><div class="aj-tl-body"><h3>Confidence fixes</h3><p>Solved 0% confidence on design docs; preserved the best score across the escalation chain.</p></div></div><div class="aj-tl"><div class="aj-tl-dot">2.9.0</div><div class="aj-tl-body"><h3>Clarifying questions</h3><p>Before generating a design, agents now ask two to four targeted questions — org size, compliance, stack, timeline — and fold the answers into a far more specific result.</p></div></div></div><p class="aj-label">Where We Are · What's Next</p><h2 id="wired-working-and-honest">Wired, working, and honest</h2><p>v2.8.2 is a working, daily-use system. The full pipeline runs route → retrieve → build → generate → score → escalate → audit, all thirteen manifests parse, routing and parent maps are consistent, and live vendor-doc search returns current, citable content. What's still open is honest too: the KB folders are wired but largely empty and need real source documents ingested; a rule-ordering overlap can still misroute shared virtualization keywords between End-User Virt and DWP; Git is off; and the context budget stays tight on the local model for large templates.</p><p>The road ahead, in order: populate the knowledge base so RAG augments rather than just the web; resolve the routing overlaps and settle End-User-Virt-versus-DWP ownership; re-enable Git and move off the manual changelog; then build a query test-suite to calibrate the confidence threshold against measured answer quality.</p><p class="aj-label">Lessons from the Trail</p><h2 id="what-the-journey-taught">What the journey taught</h2><ul class="leaf"><li><strong>Fail loud, not silent.</strong> A catch-all<code class="inline">except</code> turned a renamed package into invisible 0% confidence. Surface errors — never swallow them.</li><li><strong>Measure what you trust.</strong> Self-reported confidence is theatre. Grounding trust in retrieval and citations made escalation actually mean something.</li><li><strong>Narrow beats broad.</strong> Specialists with tight domains hallucinate far less than one generalist trying to know everything.</li><li><strong>Write the changelog.</strong> With Git off, the manual<code class="inline">CHANGELOG.md</code> became the single source of truth for every decision and fix.</li></ul><p style="font-size:1.18rem; color:var(--clay-lt); font-style:italic; line-height:1.6; margin-top:34px;">Aether began as a single sentence — "one model can't know everything." It grew into a hierarchy of grounded, self-aware experts, and the changelog is the proof of the journey. Specialise · Ground · Measure · Escalate.</p></div>
]]></content:encoded><media:content url="https://curiousbit.netlify.app/images/ather22.jpg" medium="image"><media:title type="plain">Automation</media:title></media:content><category>artificial-intelligence</category><category>architecture</category><category>automation</category><category>engineering</category><category>llm</category><category>Knowledge Base</category></item><item><title>Cortex Swarm: Upgrading the Traditional IT Operations with Agentic AI</title><link>https://curiousbit.netlify.app/cortex-swarm-replacing-the-follow-the-sun-model/</link><guid isPermaLink="true">https://curiousbit.netlify.app/cortex-swarm-replacing-the-follow-the-sun-model/</guid><pubDate>Sun, 24 May 2026 00:00:00 +0000</pubDate><dc:creator>Ajay Walia</dc:creator><description>&lt;style&gt;
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400&amp;family=Noto+Sans:wght@300;400;600;700&amp;display=swap');
.cs-article {
--bg: #080810;
--bg2: #0d0d1a;
--bg3: #111122;
--gold: #c9a227;
--gold-light: #e8cc6a;
--gold-dark: #7a5f0e;
--blue: #1a2744;
--blue2: #0f1d38;
--cream: #e8dcc8;
--muted: #9a8a6a;
--blossom: #c4909a;
--rule: rgba(201,162,39,0.22);
font-family: 'Noto Sans', sans-serif;
line-height: 1.75;
color: var(--cream);
background: var(--bg);
padding: 2.5rem;
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0,0,0,0.6);
}
.cs-article * { box-sizing: border-box; }
.cs-section { padding: 56px 0; border-bottom: 1px solid var(--rule); }
.cs-section:last-child { border-bottom: none; }
.cs-label { font-size: .7rem; letter-spacing: .2em; text-transform: uppercase; color: var(--gold); font-weight: 600; margin-bottom: 10px; }
.cs-article h2 { font-family: 'Noto Serif', serif; font-size: clamp(1.5rem, 3.5vw, 2.2rem); color: var(--gold-light); margin-bottom: 20px; margin-top: 0; }
.cs-article h3 { font-family: 'Noto Serif', serif; font-size: 1.2rem; color: var(--gold-light); margin-bottom: 12px; margin-top: 0; }
.cs-article p { margin-bottom: 18px; font-size: 1rem; color: var(--cream); opacity: 0.95; }
.cs-article ul { list-style: none; padding: 0; margin-bottom: 18px; }
.cs-article ul li { padding: 4px 0 4px 20px; position: relative; font-size: 1rem; }
.cs-article ul li::before { content: "—"; position: absolute; left: 0; color: var(--gold); }
.cs-statbar { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; background: var(--rule); border: 1px solid var(--rule); margin: 36px 0; border-radius: 4px; overflow: hidden; }
.cs-stat { background: var(--bg2); padding: 20px 14px; text-align: center; }
.cs-stat .num { font-family: 'Noto Serif', serif; font-size: 1.8rem; color: var(--gold); display: block; }
.cs-stat .lbl { font-size: .68rem; letter-spacing: .08em; color: var(--muted); text-transform: uppercase; }
.cs-visual { margin: 32px 0; border-radius: 6px; overflow-x: auto; overflow-y: hidden; border: 1px solid var(--rule); }
.cs-visual svg { display: block; width: 100%; height: auto; }
.cs-figure { margin: 32px 0; }
.cs-figure img, .cs-figure video { display: block; width: 100%; height: auto; border-radius: 6px; border: 1px solid var(--rule); }
.cs-figure figcaption { text-align: center; font-size: .78rem; color: var(--muted); font-style: italic; margin-top: 8px; }
.cs-hero-video { position: relative; margin: 0 0 16px 0; border-radius: 8px; overflow: hidden; border: 1px solid var(--rule); box-shadow: 0 4px 20px rgba(0,0,0,.5); }
.cs-hero-video video { display: block; width: 100%; height: auto; }
.cs-hero-video .overlay { position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 30px 48px; background: linear-gradient(transparent, rgba(8,8,16,.92) 30%); text-align: center; pointer-events: none; }
.cs-hero-video .overlay .h-title { font-family: 'Noto Serif', serif; font-size: clamp(2.2rem, 5.5vw, 4.5rem); color: #fff; font-weight: 900; letter-spacing: 2px; }
.cs-hero-video .overlay .h-sub { font-size: clamp(1rem, 2vw, 1.4rem); letter-spacing: .25em; color: var(--gold); font-weight: 700; margin-top: 14px; }
.cs-hero-video .overlay .h-by { font-size: clamp(0.85rem, 1.5vw, 1.15rem); letter-spacing: .15em; color: var(--muted); margin-top: 18px; font-weight: 500; }
.cs-cards { display: grid; grid-template-columns: repeat(auto-fit,minmax(230px,1fr)); gap: 14px; margin: 24px 0; }
.cs-card { background: var(--bg2); border: 1px solid var(--rule); border-radius: 6px; padding: 20px 18px; }
.cs-agent-row { display: grid; grid-template-columns: 150px 1fr; border: 1px solid var(--rule); border-radius: 6px; overflow: hidden; margin-bottom: 10px; background: var(--bg2); }
.cs-agent-label { background: var(--blue2); padding: 16px 14px; border-right: 1px solid var(--rule); display: flex; flex-direction: column; justify-content: center; }
.cs-agent-label .tier { font-size: .67rem; letter-spacing: .14em; color: var(--gold); text-transform: uppercase; margin-bottom: 3px; }
.cs-agent-label .role { font-family: 'Noto Serif', serif; font-size: .95rem; color: #fff; }
.cs-agent-label .replace { font-size: .67rem; color: var(--muted); margin-top: 5px; }
.cs-agent-body { padding: 14px 18px; }
.cs-agent-body .desc { font-size: .8rem; color: var(--muted); font-style: italic; margin-bottom: 8px; }
.cs-tag-row { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 6px; }
.cs-tag { font-size: .67rem; padding: 2px 8px; border-radius: 20px; background: rgba(201,162,39,.1); border: 1px solid var(--gold-dark); color: var(--gold-light); }
.cs-timeline { position: relative; margin: 24px 0; }
.cs-timeline::before { content: ''; position: absolute; left: 19px; top: 0; bottom: 0; width: 1px; background: var(--rule); }
.cs-tl-item { display: grid; grid-template-columns: 38px 1fr; gap: 14px; margin-bottom: 20px; }
.cs-tl-dot { width: 38px; height: 38px; border-radius: 50%; background: var(--bg2); border: 1px solid var(--gold); display: flex; align-items: center; justify-content: center; font-size: .7rem; color: var(--gold); font-weight: 700; position: relative; z-index: 1; }
.cs-tl-content { padding-top: 6px; }
.cs-tl-content h3 { font-size: .9rem; margin-bottom: 3px; }
.cs-tl-content p { font-size: .82rem; color: var(--muted); margin: 0; }
.cs-phase-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin: 24px 0; }
.cs-phase-card { background: var(--bg2); border: 1px solid var(--rule); border-radius: 6px; padding: 16px 14px; }
.cs-phase-num { font-size: .65rem; letter-spacing: .14em; color: var(--gold); text-transform: uppercase; margin-bottom: 5px; }
.cs-phase-title { font-family: 'Noto Serif', serif; font-size: .95rem; color: #fff; margin-bottom: 7px; }
.cs-phase-trigger { font-size: .68rem; color: var(--muted); border-top: 1px solid var(--rule); padding-top: 7px; margin-top: 7px; }
.cs-table { width: 100%; border-collapse: collapse; margin: 20px 0; font-size: .85rem; }
.cs-table th, .cs-table td { padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--rule); vertical-align: top; }
.cs-table th { color: var(--gold); font-weight: 600; font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; border-bottom: 1px solid var(--gold-dark); }
.cs-table td.k { color: var(--gold-light); font-family: 'Noto Serif', serif; width: 30%; }
.cs-table td.v { color: var(--cream); }
.cs-table td.w { color: var(--muted); font-size: .8rem; }
.cs-pull { border-left: 2px solid var(--gold); padding: 6px 0 6px 16px; margin: 24px 0; font-family: 'Noto Serif', serif; font-size: 1.05rem; color: var(--gold-light); font-style: italic; }
.cs-ornament { text-align: center; padding: 14px 0; color: var(--gold-dark); letter-spacing: .4em; font-size: .78rem; }
@media (max-width: 600px) {
.cs-article { padding: 1.25rem; }
.cs-statbar { grid-template-columns: repeat(2,1fr); }
.cs-phase-grid { grid-template-columns: 1fr 1fr; }
.cs-agent-row { grid-template-columns: 1fr; }
.cs-agent-label { border-right: none; border-bottom: 1px solid var(--rule); }
.cs-table { font-size: .78rem; }
.cs-table td.k { width: 35%; }
}
&lt;/style&gt;
&lt;div class="cs-article"&gt;
&lt;!-- ── HERO ── --&gt;
&lt;div class="cs-hero-video"&gt;
&lt;video autoplay muted loop playsinline preload="metadata" poster="/images/cortex-swarm/cortex-swarm-hero-v2.png"&gt;
&lt;source src="https://curiousbit.netlify.app/images/cortex-swarm/cortex-swarm-hero-v2.mp4" type="video/mp4"&gt;
&lt;img src="https://curiousbit.netlify.app/images/cortex-swarm/cortex-swarm-hero-v2.png" alt="Five masked specialists seated around a low table at twilight — the swarm as a team"&gt;
&lt;/video&gt;
&lt;div class="overlay"&gt;
&lt;div class="h-title"&gt;Cortex Swarm&lt;/div&gt;
&lt;div class="h-sub"&gt;REPLACING THE FOLLOW-THE-SUN MODEL · 2026&lt;/div&gt;
&lt;div class="h-by"&gt;AJAY WALIA · DIGITAL WORKPLACE OPERATIONS · MAY 2026&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- ══════════════════════════════
OPENING — set the thesis upfront
══════════════════════════════ --&gt;
&lt;div class="cs-section" style="padding-top:8px"&gt;
&lt;p&gt;Every employee depends on a Workplace Operations team they will never meet. It is the team that resets their MFA when they fly to a new country, recovers their shared mailbox when it stops syncing, pushes the Intune policy that lets them install a piece of software, and decides at 3am whether a regional O365 Or Exchange outage warrants paging a human.&lt;/p&gt;</description><content:encoded>&lt;![CDATA[<img src="https://curiousbit.netlify.app/images/cortex-swarm/cortex-swarm-hero-v2.png" alt="Automation" style="max-width:100%;height:auto;margin-bottom:1.5em;"/><style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400&family=Noto+Sans:wght@300;400;600;700&display=swap');
.cs-article {
--bg: #080810;
--bg2: #0d0d1a;
--bg3: #111122;
--gold: #c9a227;
--gold-light: #e8cc6a;
--gold-dark: #7a5f0e;
--blue: #1a2744;
--blue2: #0f1d38;
--cream: #e8dcc8;
--muted: #9a8a6a;
--blossom: #c4909a;
--rule: rgba(201,162,39,0.22);
font-family: 'Noto Sans', sans-serif;
line-height: 1.75;
color: var(--cream);
background: var(--bg);
padding: 2.5rem;
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0,0,0,0.6);
}
.cs-article * { box-sizing: border-box; }
.cs-section { padding: 56px 0; border-bottom: 1px solid var(--rule); }
.cs-section:last-child { border-bottom: none; }
.cs-label { font-size: .7rem; letter-spacing: .2em; text-transform: uppercase; color: var(--gold); font-weight: 600; margin-bottom: 10px; }
.cs-article h2 { font-family: 'Noto Serif', serif; font-size: clamp(1.5rem, 3.5vw, 2.2rem); color: var(--gold-light); margin-bottom: 20px; margin-top: 0; }
.cs-article h3 { font-family: 'Noto Serif', serif; font-size: 1.2rem; color: var(--gold-light); margin-bottom: 12px; margin-top: 0; }
.cs-article p { margin-bottom: 18px; font-size: 1rem; color: var(--cream); opacity: 0.95; }
.cs-article ul { list-style: none; padding: 0; margin-bottom: 18px; }
.cs-article ul li { padding: 4px 0 4px 20px; position: relative; font-size: 1rem; }
.cs-article ul li::before { content: "—"; position: absolute; left: 0; color: var(--gold); }
.cs-statbar { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; background: var(--rule); border: 1px solid var(--rule); margin: 36px 0; border-radius: 4px; overflow: hidden; }
.cs-stat { background: var(--bg2); padding: 20px 14px; text-align: center; }
.cs-stat .num { font-family: 'Noto Serif', serif; font-size: 1.8rem; color: var(--gold); display: block; }
.cs-stat .lbl { font-size: .68rem; letter-spacing: .08em; color: var(--muted); text-transform: uppercase; }
.cs-visual { margin: 32px 0; border-radius: 6px; overflow-x: auto; overflow-y: hidden; border: 1px solid var(--rule); }
.cs-visual svg { display: block; width: 100%; height: auto; }
.cs-figure { margin: 32px 0; }
.cs-figure img, .cs-figure video { display: block; width: 100%; height: auto; border-radius: 6px; border: 1px solid var(--rule); }
.cs-figure figcaption { text-align: center; font-size: .78rem; color: var(--muted); font-style: italic; margin-top: 8px; }
.cs-hero-video { position: relative; margin: 0 0 16px 0; border-radius: 8px; overflow: hidden; border: 1px solid var(--rule); box-shadow: 0 4px 20px rgba(0,0,0,.5); }
.cs-hero-video video { display: block; width: 100%; height: auto; }
.cs-hero-video .overlay { position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 30px 48px; background: linear-gradient(transparent, rgba(8,8,16,.92) 30%); text-align: center; pointer-events: none; }
.cs-hero-video .overlay .h-title { font-family: 'Noto Serif', serif; font-size: clamp(2.2rem, 5.5vw, 4.5rem); color: #fff; font-weight: 900; letter-spacing: 2px; }
.cs-hero-video .overlay .h-sub { font-size: clamp(1rem, 2vw, 1.4rem); letter-spacing: .25em; color: var(--gold); font-weight: 700; margin-top: 14px; }
.cs-hero-video .overlay .h-by { font-size: clamp(0.85rem, 1.5vw, 1.15rem); letter-spacing: .15em; color: var(--muted); margin-top: 18px; font-weight: 500; }
.cs-cards { display: grid; grid-template-columns: repeat(auto-fit,minmax(230px,1fr)); gap: 14px; margin: 24px 0; }
.cs-card { background: var(--bg2); border: 1px solid var(--rule); border-radius: 6px; padding: 20px 18px; }
.cs-agent-row { display: grid; grid-template-columns: 150px 1fr; border: 1px solid var(--rule); border-radius: 6px; overflow: hidden; margin-bottom: 10px; background: var(--bg2); }
.cs-agent-label { background: var(--blue2); padding: 16px 14px; border-right: 1px solid var(--rule); display: flex; flex-direction: column; justify-content: center; }
.cs-agent-label .tier { font-size: .67rem; letter-spacing: .14em; color: var(--gold); text-transform: uppercase; margin-bottom: 3px; }
.cs-agent-label .role { font-family: 'Noto Serif', serif; font-size: .95rem; color: #fff; }
.cs-agent-label .replace { font-size: .67rem; color: var(--muted); margin-top: 5px; }
.cs-agent-body { padding: 14px 18px; }
.cs-agent-body .desc { font-size: .8rem; color: var(--muted); font-style: italic; margin-bottom: 8px; }
.cs-tag-row { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 6px; }
.cs-tag { font-size: .67rem; padding: 2px 8px; border-radius: 20px; background: rgba(201,162,39,.1); border: 1px solid var(--gold-dark); color: var(--gold-light); }
.cs-timeline { position: relative; margin: 24px 0; }
.cs-timeline::before { content: ''; position: absolute; left: 19px; top: 0; bottom: 0; width: 1px; background: var(--rule); }
.cs-tl-item { display: grid; grid-template-columns: 38px 1fr; gap: 14px; margin-bottom: 20px; }
.cs-tl-dot { width: 38px; height: 38px; border-radius: 50%; background: var(--bg2); border: 1px solid var(--gold); display: flex; align-items: center; justify-content: center; font-size: .7rem; color: var(--gold); font-weight: 700; position: relative; z-index: 1; }
.cs-tl-content { padding-top: 6px; }
.cs-tl-content h3 { font-size: .9rem; margin-bottom: 3px; }
.cs-tl-content p { font-size: .82rem; color: var(--muted); margin: 0; }
.cs-phase-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin: 24px 0; }
.cs-phase-card { background: var(--bg2); border: 1px solid var(--rule); border-radius: 6px; padding: 16px 14px; }
.cs-phase-num { font-size: .65rem; letter-spacing: .14em; color: var(--gold); text-transform: uppercase; margin-bottom: 5px; }
.cs-phase-title { font-family: 'Noto Serif', serif; font-size: .95rem; color: #fff; margin-bottom: 7px; }
.cs-phase-trigger { font-size: .68rem; color: var(--muted); border-top: 1px solid var(--rule); padding-top: 7px; margin-top: 7px; }
.cs-table { width: 100%; border-collapse: collapse; margin: 20px 0; font-size: .85rem; }
.cs-table th, .cs-table td { padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--rule); vertical-align: top; }
.cs-table th { color: var(--gold); font-weight: 600; font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; border-bottom: 1px solid var(--gold-dark); }
.cs-table td.k { color: var(--gold-light); font-family: 'Noto Serif', serif; width: 30%; }
.cs-table td.v { color: var(--cream); }
.cs-table td.w { color: var(--muted); font-size: .8rem; }
.cs-pull { border-left: 2px solid var(--gold); padding: 6px 0 6px 16px; margin: 24px 0; font-family: 'Noto Serif', serif; font-size: 1.05rem; color: var(--gold-light); font-style: italic; }
.cs-ornament { text-align: center; padding: 14px 0; color: var(--gold-dark); letter-spacing: .4em; font-size: .78rem; }
@media (max-width: 600px) {
.cs-article { padding: 1.25rem; }
.cs-statbar { grid-template-columns: repeat(2,1fr); }
.cs-phase-grid { grid-template-columns: 1fr 1fr; }
.cs-agent-row { grid-template-columns: 1fr; }
.cs-agent-label { border-right: none; border-bottom: 1px solid var(--rule); }
.cs-table { font-size: .78rem; }
.cs-table td.k { width: 35%; }
}</style><div class="cs-article"><div class="cs-hero-video"><video autoplay= muted= loop= playsinline= preload="metadata" poster="/images/cortex-swarm/cortex-swarm-hero-v2.png"><source src="/images/cortex-swarm/cortex-swarm-hero-v2.mp4" type="video/mp4"><img src="/images/cortex-swarm/cortex-swarm-hero-v2.png" alt="Five masked specialists seated around a low table at twilight — the swarm as a team"/><div class="overlay"><div class="h-title">Cortex Swarm</div><div class="h-sub">REPLACING THE FOLLOW-THE-SUN MODEL · 2026</div><div class="h-by">AJAY WALIA · DIGITAL WORKPLACE OPERATIONS · MAY 2026</div></div></div><div class="cs-section" style="padding-top:8px"><p>Every employee depends on a Workplace Operations team they will never meet. It is the team that resets their MFA when they fly to a new country, recovers their shared mailbox when it stops syncing, pushes the Intune policy that lets them install a piece of software, and decides at 3am whether a regional O365 Or Exchange outage warrants paging a human.</p><p>This piece is about three things, in order:</p><ul><li><strong style="color:var(--gold-light)">First</strong> — how those teams are actually structured today, how they function day-to-day, and the structural problems they carry.</li><li><strong style="color:var(--gold-light)">Second</strong> — where agentic AI sits in 2026, and where the field is heading over the next two to three years.</li><li><strong style="color:var(--gold-light)">Third</strong> — how a small swarm of specialised agents can replace this team tier-for-tier, what efficiencies that produces, and the new set of challenges it creates in return.</li></ul><div class="cs-pull">The org chart is the answer. The five tiers that make a DWP team work for humans are the same five seams that make it work for agents.</div><div class="cs-statbar"><div class="cs-stat"><span class="num">5</span><span class="lbl">Autonomous agents<br>L1 → SDM</span></div><div class="cs-stat"><span class="num">~137</span><span class="lbl">FTE mirrored<br>across all tiers</span></div><div class="cs-stat"><span class="num">24×7</span><span class="lbl">Single team<br>no shift roster</span></div><div class="cs-stat"><span class="num">1-click</span><span class="lbl">Audit verify<br>any ticket</span></div></div></div><div class="cs-section"><div class="cs-label">Part 1 · Structure</div><h2>How Digital Workplace Operations Teams Are Structured Today</h2><p>A DWP team exists because every employee uses IT every day, and someone has to keep that working. For a Global 500 with 10,000–100,000+ employees, the work is too broad, too multilingual, and too time-zone-spanning for an in-house team. Almost without exception, it is outsourced to a Tier-1 IT services firm — TCS, Infosys, Wipro, Accenture, HCLTech, Cognizant — running a 24×7 follow-the-sun roster across multiple delivery centres.</p><h3 style="margin-top:28px">The Scope — What Actually Sits Under "Workplace"</h3><p>The label undersells the breadth. A typical DWP contract covers seven functional areas, each with its own runbooks, its own vendors, and its own escalation paths.</p><div class="cs-cards"><div class="cs-card"><h3>Identity</h3><p style="font-size:.82rem;color:var(--muted);margin:0">Who you are — joiner / mover / leaver, password, MFA, SSO, entitlements</p></div><div class="cs-card"><h3>Access</h3><p style="font-size:.82rem;color:var(--muted);margin:0">What you can use — catalogs, licenses, groups, approvals</p></div><div class="cs-card"><h3>Productivity</h3><p style="font-size:.82rem;color:var(--muted);margin:0">Outlook, Teams, M365, OneDrive, SharePoint</p></div><div class="cs-card"><h3>Endpoint</h3><p style="font-size:.82rem;color:var(--muted);margin:0">Laptops, peripherals, network, Intune compliance, patching</p></div><div class="cs-card"><h3>Applications</h3><p style="font-size:.82rem;color:var(--muted);margin:0">Line-of-business app support, vendor liaison</p></div><div class="cs-card"><h3>Infrastructure</h3><p style="font-size:.82rem;color:var(--muted);margin:0">Connectivity, VPN, cloud health, capacity</p></div><div class="cs-card"><h3>Change &amp; Governance</h3><p style="font-size:.82rem;color:var(--muted);margin:0">RFCs, CAB, RCAs, SLA reporting, customer comms</p></div></div><h3 style="margin-top:36px">The Five-Tier Hierarchy</h3><p>To deliver against this scope at scale, providers build a five-tier hierarchy. Each tier exists because of what the tier below it can't or shouldn't do. Tickets enter at the bottom and move upward only when scope, authority, or evidence demands it.</p><div class="cs-visual"><svg viewBox="0 0 820 420" xmlns="http://www.w3.org/2000/svg"><rect width="820" height="420" fill="#0d0d1a"/><text x="410" y="28" text-anchor="middle" font-family="Georgia,serif" font-size="11" fill="#c9a227" letter-spacing="2.5">REPORTING LINES, RESPONSIBILITY, AND VOLUME</text><line x1="120" y1="38" x2="700" y2="38" stroke="#c9a227" stroke-width=".4" stroke-opacity=".35"/><defs><marker id="dwparr" markerWidth="6" markerHeight="6" refX="3" refY="3" orient="auto"><path d="M0,0 L6,3 L0,6 Z" fill="#c9a227" fill-opacity=".5"/></marker></defs><pre><code> &lt;!-- SDM --&gt;
&lt;rect x="340" y="58" width="140" height="44" rx="4" fill="#1a2744" stroke="#c9a227" stroke-width=".9"/&gt;
&lt;text x="410" y="76" text-anchor="middle" font-size="10" fill="#e8cc6a" font-family="Georgia,serif"&gt;SDM&lt;/text&gt;
&lt;text x="410" y="90" text-anchor="middle" font-size="8" fill="#9a8a6a" font-family="sans-serif"&gt;Service Delivery Manager · ~2 FTE&lt;/text&gt;
&lt;!-- Architect --&gt;
&lt;rect x="340" y="128" width="140" height="44" rx="4" fill="#1a2744" stroke="#c9a227" stroke-width=".9"/&gt;
&lt;text x="410" y="146" text-anchor="middle" font-size="10" fill="#e8cc6a" font-family="Georgia,serif"&gt;Architect&lt;/text&gt;
&lt;text x="410" y="160" text-anchor="middle" font-size="8" fill="#9a8a6a" font-family="sans-serif"&gt;Design Authority · ~3 FTE&lt;/text&gt;
&lt;!-- L3 --&gt;
&lt;rect x="340" y="198" width="140" height="44" rx="4" fill="#1a2744" stroke="#c9a227" stroke-width=".9"/&gt;
&lt;text x="410" y="216" text-anchor="middle" font-size="10" fill="#e8cc6a" font-family="Georgia,serif"&gt;L3 Engineering&lt;/text&gt;
&lt;text x="410" y="230" text-anchor="middle" font-size="8" fill="#9a8a6a" font-family="sans-serif"&gt;Senior Engineers · ~12 FTE&lt;/text&gt;
&lt;!-- L2 --&gt;
&lt;rect x="200" y="268" width="420" height="44" rx="4" fill="#0f1a30" stroke="#c9a227" stroke-width=".9"/&gt;
&lt;text x="410" y="286" text-anchor="middle" font-size="10" fill="#e8cc6a" font-family="Georgia,serif"&gt;L2 Specialists&lt;/text&gt;
&lt;text x="410" y="300" text-anchor="middle" font-size="8" fill="#9a8a6a" font-family="sans-serif"&gt;M365 · Intune · Exchange · ServiceNow · ~40 FTE · 2 shifts&lt;/text&gt;
&lt;!-- L1 --&gt;
&lt;rect x="80" y="338" width="660" height="48" rx="4" fill="#0a1020" stroke="#c9a227" stroke-width="1.2"/&gt;
&lt;text x="410" y="358" text-anchor="middle" font-size="11" fill="#c9a227" font-weight="700" font-family="sans-serif"&gt;L1 Service Desk&lt;/text&gt;
&lt;text x="410" y="374" text-anchor="middle" font-size="8.5" fill="#9a8a6a" font-family="sans-serif"&gt;~80 FTE · 3 follow-the-sun shifts · handles ~80% of all ticket volume&lt;/text&gt;
&lt;!-- Reporting lines --&gt;
&lt;line x1="410" y1="172" x2="410" y2="198" stroke="#c9a227" stroke-width=".8" stroke-opacity=".55" stroke-dasharray="3,2"/&gt;
&lt;line x1="410" y1="102" x2="410" y2="128" stroke="#c9a227" stroke-width=".8" stroke-opacity=".55" stroke-dasharray="3,2"/&gt;
&lt;line x1="410" y1="242" x2="410" y2="268" stroke="#c9a227" stroke-width=".8" stroke-opacity=".55" marker-end="url(#dwparr)"/&gt;
&lt;line x1="410" y1="312" x2="410" y2="338" stroke="#c9a227" stroke-width=".8" stroke-opacity=".55" marker-end="url(#dwparr)"/&gt;
&lt;!-- Side annotations --&gt;
&lt;text x="500" y="80" font-size="8" fill="#9a8a6a" font-family="sans-serif"&gt;↔ owns the customer relationship&lt;/text&gt;
&lt;text x="500" y="150" font-size="8" fill="#9a8a6a" font-family="sans-serif"&gt;↔ owns design + RCA authority&lt;/text&gt;
&lt;text x="500" y="220" font-size="8" fill="#9a8a6a" font-family="sans-serif"&gt;↔ root cause + change requests&lt;/text&gt;
&lt;text x="160" y="290" font-size="8" fill="#9a8a6a" font-family="sans-serif"&gt;↔ specialist diagnosis&lt;/text&gt;
&lt;text x="40" y="360" font-size="8" fill="#9a8a6a" font-family="sans-serif" font-weight="600"&gt;FRONT LINE&lt;/text&gt;
&lt;text x="410" y="408" text-anchor="middle" font-size="8" fill="#9a8a6a" font-family="sans-serif" font-style="italic"&gt;Tickets enter at L1 and escalate upward only when scope, authority, or evidence demands it.&lt;/text&gt;
&lt;/svg&gt;</code></pre></div><p style="font-size:.88rem;color:var(--muted);font-style:italic">The exact FTE counts vary with employee population and contract scope. The shape — heavy at the base, narrowing to a point — is universal.</p></div><div class="cs-section"><div class="cs-label">Part 2 · Function</div><h2>How They Actually Function Day-to-Day</h2><p>Three forces govern day-to-day operation: time zones, ticket flow, and knowledge. Understanding all three is what makes the rest of the piece make sense.</p><h3 style="margin-top:24px">Time Zones — the Follow-the-Sun Roster</h3><p>Coverage is achieved by handing tickets between geographies as the sun moves. A ticket opened in Sydney at 4pm local rolls over to Manila, then to Mumbai or Hyderabad, then to Krakow or Sofia, then to a US east-coast hub. Three or four formal shift handoffs per day, every day, forever.</p><div class="cs-visual"><svg viewBox="0 0 820 320" xmlns="http://www.w3.org/2000/svg"><rect width="820" height="320" fill="#0d0d1a"/><text x="410" y="24" text-anchor="middle" font-size="10" fill="#c9a227" letter-spacing="2.5" font-family="Georgia,serif">A 24-HOUR DAY ACROSS THREE GEOGRAPHIES</text><pre><code> &lt;!-- 24-hour ring --&gt;
&lt;circle cx="410" cy="170" r="120" fill="#0a1020" stroke="#c9a227" stroke-width=".6" stroke-opacity=".45"/&gt;
&lt;circle cx="410" cy="170" r="98" fill="none" stroke="#c9a227" stroke-width=".3" stroke-opacity=".3"/&gt;
&lt;text x="410" y="62" text-anchor="middle" font-size="8" fill="#9a8a6a" font-family="sans-serif"&gt;00:00 UTC&lt;/text&gt;
&lt;text x="540" y="174" text-anchor="middle" font-size="8" fill="#9a8a6a" font-family="sans-serif"&gt;06:00&lt;/text&gt;
&lt;text x="410" y="296" text-anchor="middle" font-size="8" fill="#9a8a6a" font-family="sans-serif"&gt;12:00&lt;/text&gt;
&lt;text x="280" y="174" text-anchor="middle" font-size="8" fill="#9a8a6a" font-family="sans-serif"&gt;18:00&lt;/text&gt;
&lt;!-- APAC sector (0-8 UTC) --&gt;
&lt;path d="M 410 170 L 410 50 A 120 120 0 0 1 514 230 Z" fill="#1a2744" fill-opacity=".55" stroke="#c9a227" stroke-width=".4"/&gt;
&lt;text x="478" y="120" text-anchor="middle" font-size="10" fill="#e8cc6a" font-family="Georgia,serif"&gt;APAC&lt;/text&gt;
&lt;text x="478" y="134" text-anchor="middle" font-size="7.5" fill="#9a8a6a" font-family="sans-serif"&gt;Manila · Sydney&lt;/text&gt;
&lt;text x="478" y="145" text-anchor="middle" font-size="7" fill="#9a8a6a" font-family="sans-serif"&gt;08:00 – 18:00 local&lt;/text&gt;
&lt;!-- EMEA sector (8-16 UTC) --&gt;
&lt;path d="M 410 170 L 514 230 A 120 120 0 0 1 306 230 Z" fill="#162038" fill-opacity=".55" stroke="#c9a227" stroke-width=".4"/&gt;
&lt;text x="410" y="240" text-anchor="middle" font-size="10" fill="#e8cc6a" font-family="Georgia,serif"&gt;EMEA / India&lt;/text&gt;
&lt;text x="410" y="254" text-anchor="middle" font-size="7.5" fill="#9a8a6a" font-family="sans-serif"&gt;Mumbai · Krakow · Sofia&lt;/text&gt;
&lt;text x="410" y="265" text-anchor="middle" font-size="7" fill="#9a8a6a" font-family="sans-serif"&gt;08:00 – 18:00 local&lt;/text&gt;
&lt;!-- AMER sector (16-24 UTC) --&gt;
&lt;path d="M 410 170 L 306 230 A 120 120 0 0 1 410 50 Z" fill="#111830" fill-opacity=".55" stroke="#c9a227" stroke-width=".4"/&gt;
&lt;text x="342" y="120" text-anchor="middle" font-size="10" fill="#e8cc6a" font-family="Georgia,serif"&gt;AMER&lt;/text&gt;
&lt;text x="342" y="134" text-anchor="middle" font-size="7.5" fill="#9a8a6a" font-family="sans-serif"&gt;Atlanta · Dallas&lt;/text&gt;
&lt;text x="342" y="145" text-anchor="middle" font-size="7" fill="#9a8a6a" font-family="sans-serif"&gt;08:00 – 18:00 local&lt;/text&gt;
&lt;!-- Handoff markers --&gt;
&lt;circle cx="410" cy="50" r="5" fill="#c9a227"/&gt;
&lt;circle cx="514" cy="230" r="5" fill="#c9a227"/&gt;
&lt;circle cx="306" cy="230" r="5" fill="#c9a227"/&gt;
&lt;!-- Right-side notes --&gt;
&lt;text x="660" y="80" font-size="9" fill="#c9a227" font-family="Georgia,serif"&gt;Three handoffs / day&lt;/text&gt;
&lt;text x="660" y="100" font-size="7.5" fill="#9a8a6a" font-family="sans-serif"&gt;Open tickets transfer at each&lt;/text&gt;
&lt;text x="660" y="112" font-size="7.5" fill="#9a8a6a" font-family="sans-serif"&gt;geographic boundary&lt;/text&gt;
&lt;text x="660" y="140" font-size="9" fill="#c9a227" font-family="Georgia,serif"&gt;Context lost at each handoff&lt;/text&gt;
&lt;text x="660" y="160" font-size="7.5" fill="#9a8a6a" font-family="sans-serif"&gt;Notes summarised, not&lt;/text&gt;
&lt;text x="660" y="172" font-size="7.5" fill="#9a8a6a" font-family="sans-serif"&gt;replayed in full&lt;/text&gt;
&lt;text x="660" y="200" font-size="9" fill="#c9a227" font-family="Georgia,serif"&gt;Weekend &amp;amp; holiday gaps&lt;/text&gt;
&lt;text x="660" y="220" font-size="7.5" fill="#9a8a6a" font-family="sans-serif"&gt;Coverage thins where&lt;/text&gt;
&lt;text x="660" y="232" font-size="7.5" fill="#9a8a6a" font-family="sans-serif"&gt;no region is in business hours&lt;/text&gt;
&lt;/svg&gt;</code></pre></div><h3 style="margin-top:36px">Ticket Flow — Entry, Triage, Escalation, Closure</h3><p>Every employee interaction is a ticket. Most enter via chat or self-service portal, a smaller share through phone or email. From entry, the path is the same: triage at L1, attempt resolution, escalate if the agent at the current tier cannot solve it within authority and budget, then close.</p><div class="cs-visual"><svg viewBox="0 0 820 230" xmlns="http://www.w3.org/2000/svg"><rect width="820" height="230" fill="#0d0d1a"/><text x="410" y="22" text-anchor="middle" font-size="10" fill="#c9a227" letter-spacing="2" font-family="Georgia,serif">TICKET LIFECYCLE — THE COMMON PATH</text><defs><marker id="tfarr" markerWidth="6" markerHeight="6" refX="3" refY="3" orient="auto"><path d="M0,0 L6,3 L0,6 Z" fill="#c9a227"/></marker></defs><pre><code> &lt;!-- Entry sources --&gt;
&lt;g transform="translate(40,80)"&gt;
&lt;rect width="100" height="34" rx="3" fill="#0a1020" stroke="#c9a227" stroke-width=".7"/&gt;
&lt;text x="50" y="15" text-anchor="middle" font-size="7.5" fill="#e8cc6a" font-family="sans-serif"&gt;CHAT / PORTAL&lt;/text&gt;
&lt;text x="50" y="27" text-anchor="middle" font-size="7" fill="#9a8a6a" font-family="sans-serif"&gt;~70% of entries&lt;/text&gt;
&lt;rect y="44" width="100" height="34" rx="3" fill="#0a1020" stroke="#c9a227" stroke-width=".5" stroke-opacity=".5"/&gt;
&lt;text x="50" y="59" text-anchor="middle" font-size="7.5" fill="#e8cc6a" font-family="sans-serif"&gt;PHONE&lt;/text&gt;
&lt;text x="50" y="71" text-anchor="middle" font-size="7" fill="#9a8a6a" font-family="sans-serif"&gt;~20%&lt;/text&gt;
&lt;rect y="88" width="100" height="34" rx="3" fill="#0a1020" stroke="#c9a227" stroke-width=".5" stroke-opacity=".5"/&gt;
&lt;text x="50" y="103" text-anchor="middle" font-size="7.5" fill="#e8cc6a" font-family="sans-serif"&gt;EMAIL / OTHER&lt;/text&gt;
&lt;text x="50" y="115" text-anchor="middle" font-size="7" fill="#9a8a6a" font-family="sans-serif"&gt;~10%&lt;/text&gt;
&lt;/g&gt;
&lt;line x1="145" y1="118" x2="195" y2="118" stroke="#c9a227" stroke-width=".7" marker-end="url(#tfarr)"/&gt;
&lt;!-- Triage --&gt;
&lt;g transform="translate(200,98)"&gt;
&lt;rect width="105" height="44" rx="3" fill="#162038" stroke="#c9a227" stroke-width=".9"/&gt;
&lt;text x="52" y="20" text-anchor="middle" font-size="9" fill="#e8cc6a" font-family="Georgia,serif"&gt;L1 Triage&lt;/text&gt;
&lt;text x="52" y="34" text-anchor="middle" font-size="7" fill="#9a8a6a" font-family="sans-serif"&gt;Categorise · prioritise&lt;/text&gt;
&lt;/g&gt;
&lt;line x1="310" y1="120" x2="360" y2="120" stroke="#c9a227" stroke-width=".7" marker-end="url(#tfarr)"/&gt;
&lt;!-- Resolution attempt --&gt;
&lt;g transform="translate(365,98)"&gt;
&lt;rect width="120" height="44" rx="3" fill="#162038" stroke="#c9a227" stroke-width=".9"/&gt;
&lt;text x="60" y="20" text-anchor="middle" font-size="9" fill="#e8cc6a" font-family="Georgia,serif"&gt;Resolve in tier&lt;/text&gt;
&lt;text x="60" y="34" text-anchor="middle" font-size="7" fill="#9a8a6a" font-family="sans-serif"&gt;SOP · KB · tools&lt;/text&gt;
&lt;/g&gt;
&lt;!-- Branch up: escalate --&gt;
&lt;line x1="425" y1="98" x2="425" y2="60" stroke="#c9a227" stroke-width=".7" marker-end="url(#tfarr)"/&gt;
&lt;g transform="translate(380,30)"&gt;
&lt;rect width="90" height="34" rx="3" fill="#1a2744" stroke="#c9a227" stroke-width=".7"/&gt;
&lt;text x="45" y="15" text-anchor="middle" font-size="8" fill="#e8cc6a" font-family="Georgia,serif"&gt;Escalate&lt;/text&gt;
&lt;text x="45" y="27" text-anchor="middle" font-size="7" fill="#9a8a6a" font-family="sans-serif"&gt;L1 → L2 → L3&lt;/text&gt;
&lt;/g&gt;
&lt;text x="442" y="80" font-size="6.5" fill="#9a8a6a" font-family="sans-serif"&gt;~20%&lt;/text&gt;
&lt;!-- Branch right: close --&gt;
&lt;line x1="487" y1="120" x2="550" y2="120" stroke="#c9a227" stroke-width=".7" marker-end="url(#tfarr)"/&gt;
&lt;g transform="translate(555,98)"&gt;
&lt;rect width="95" height="44" rx="3" fill="#0a1020" stroke="#c9a227" stroke-width=".9"/&gt;
&lt;text x="47" y="20" text-anchor="middle" font-size="9" fill="#e8cc6a" font-family="Georgia,serif"&gt;Close&lt;/text&gt;
&lt;text x="47" y="34" text-anchor="middle" font-size="7" fill="#9a8a6a" font-family="sans-serif"&gt;Notify · KB tag&lt;/text&gt;
&lt;/g&gt;
&lt;text x="510" y="115" font-size="6.5" fill="#9a8a6a" font-family="sans-serif"&gt;~80%&lt;/text&gt;
&lt;!-- Loop back from escalate to resolve at higher tier --&gt;
&lt;path d="M 470 47 Q 540 47 540 100" fill="none" stroke="#c9a227" stroke-width=".6" stroke-opacity=".5" stroke-dasharray="3,2"/&gt;
&lt;text x="615" y="55" font-size="7" fill="#9a8a6a" font-family="sans-serif" font-style="italic"&gt;Higher tier owns it now,&lt;/text&gt;
&lt;text x="615" y="67" font-size="7" fill="#9a8a6a" font-family="sans-serif" font-style="italic"&gt;same flow recurses&lt;/text&gt;
&lt;!-- Bottom strip: SLA clock --&gt;
&lt;rect x="40" y="170" width="740" height="40" rx="3" fill="#080810" stroke="#c9a227" stroke-width=".4" stroke-opacity=".4"/&gt;
&lt;text x="410" y="188" text-anchor="middle" font-size="8.5" fill="#c9a227" font-family="Georgia,serif"&gt;SLA CLOCK runs continuously · pauses only on AWAITING_USER · resumes on every state change&lt;/text&gt;
&lt;text x="410" y="202" text-anchor="middle" font-size="7.5" fill="#9a8a6a" font-family="sans-serif"&gt;Time to acknowledge · time to resolve · time to communicate — measured per priority (P1–P4)&lt;/text&gt;
&lt;/svg&gt;</code></pre></div><h3 style="margin-top:36px">Knowledge — Runbooks, KBs, and Tribal Memory</h3><p>Each tier owns a knowledge base scoped to its authority. L1 has SOPs for ~40 standard scenarios. L2 holds vendor documentation, Intune policy templates, and Exchange runbooks. L3 holds architecture decision records, past postmortems, and vendor escalation contacts. The Architect carries the long-term design library; the SDM holds SLA templates, comms playbooks, and historical breach reports.</p><p>A great deal also lives in<em>tribal memory</em> — the senior engineer who happens to remember that a similar incident last August was caused by a CA policy. That memory walks out the door every time someone resigns.</p><figure class="cs-figure"><video autoplay= muted= loop= playsinline= preload="metadata" poster="/images/cortex-swarm/dwp-operations-floor.png"><source src="/images/cortex-swarm/dwp-operations-floor.mp4" type="video/mp4"><img src="/images/cortex-swarm/dwp-operations-floor.png" alt="Atmospheric illustration of a 24×7 IT operations floor across three time zones"/><figcaption>The operations floor — a continent away, three shifts deep, somewhere working through your ticket right now.</figcaption></figure></div><div class="cs-section"><div class="cs-label">Part 3 · Challenges</div><h2>What's Structurally Wrong With This Model</h2><p>Nothing in the model is broken; it just isn't designed for the kind of demand it now carries. The pain points below are not the fault of any one team — they are consequences of<em>how</em> the model is built. Each tier carries some version of every one of them.</p><div class="cs-cards"><div class="cs-card"><div class="cs-label" style="font-size:.62rem">01</div><h3>Shift Gravity</h3><ul><li>Three follow-the-sun shifts every 24 hours</li><li>Context is summarised, not replayed, at every boundary</li><li>Onshore-offshore split hides inefficiency in plain sight</li></ul></div><div class="cs-card"><div class="cs-label" style="font-size:.62rem">02</div><h3>Quality Variance</h3><ul><li>Varies by shift, by tenure, by individual</li><li>SLA breaches cluster on weekends and holidays</li><li>The customer never sees an even service level</li></ul></div><div class="cs-card"><div class="cs-label" style="font-size:.62rem">03</div><h3>Attrition Tax</h3><ul><li>20–35% annual attrition at L1, lower but real higher up</li><li>4–8 weeks of training before a new hire is productive</li><li>Tribal knowledge leaves with every resignation</li></ul></div><div class="cs-card"><div class="cs-label" style="font-size:.62rem">04</div><h3>Inelastic Capacity</h3><ul><li>A 2× ticket spike cannot be staffed in &lt; 24 hours</li><li>Patch-Tuesday outages routinely take SLA hits</li><li>Surge headcount is a fiction; surge overtime is what actually happens</li></ul></div><div class="cs-card"><div class="cs-label" style="font-size:.62rem">05</div><h3>Audit Friction</h3><ul><li>Reconstructing what happened on a ticket takes weeks</li><li>Chat logs, ticket history, and admin-tool actions live in different systems</li><li>G500 internal-audit reviews drag on for months</li></ul></div><div class="cs-card"><div class="cs-label" style="font-size:.62rem">06</div><h3>Language &amp; KB Silos</h3><ul><li>Multilingual coverage means hiring native speakers locally</li><li>Knowledge bases drift between tiers, regions, and locales</li><li>New runbooks are rarely peer-reviewed for quality</li></ul></div></div><h3 style="margin-top:36px">The Headcount Paradox</h3><p>Stack the team by volume and headcount and the same shape appears every time: an inverted pyramid where the tier carrying the most repetition is also the tier carrying the most people, the most attrition, and the lowest unit-economics. The next two parts argue this is exactly the part the next wave of agentic AI can credibly absorb.</p><div class="cs-visual"><svg viewBox="0 0 820 320" xmlns="http://www.w3.org/2000/svg"><rect width="820" height="320" fill="#0d0d1a"/><text x="410" y="24" text-anchor="middle" font-size="10" fill="#c9a227" letter-spacing="2.5" font-family="Georgia,serif">WHERE THE PEOPLE AND THE TICKETS SIT</text><line x1="120" y1="34" x2="700" y2="34" stroke="#c9a227" stroke-width=".4" stroke-opacity=".3"/><pre><code> &lt;polygon points="410,46 468,80 352,80" fill="#1a2744" stroke="#c9a227" stroke-width=".8"/&gt;
&lt;text x="410" y="68" text-anchor="middle" font-size="8" fill="#e8cc6a" font-family="sans-serif"&gt;SDM · ~2 FTE · 10% touches&lt;/text&gt;
&lt;polygon points="352,82 468,82 500,118 320,118" fill="#162038" stroke="#c9a227" stroke-width=".8"/&gt;
&lt;text x="410" y="105" text-anchor="middle" font-size="8.5" fill="#e8cc6a" font-family="sans-serif"&gt;ARCHITECT · ~3 FTE · 5% touches&lt;/text&gt;
&lt;polygon points="320,120 500,120 536,158 284,158" fill="#111830" stroke="#c9a227" stroke-width=".8"/&gt;
&lt;text x="410" y="144" text-anchor="middle" font-size="9.5" fill="#e8cc6a" font-family="sans-serif"&gt;L3 · ~12 FTE · 4% tickets&lt;/text&gt;
&lt;polygon points="284,160 536,160 576,202 244,202" fill="#0e1528" stroke="#c9a227" stroke-width=".8"/&gt;
&lt;text x="410" y="187" text-anchor="middle" font-size="10.5" fill="#e8cc6a" font-family="sans-serif"&gt;L2 · ~40 FTE · 15% tickets&lt;/text&gt;
&lt;polygon points="244,204 576,204 630,262 190,262" fill="#0a1020" stroke="#c9a227" stroke-width="1.1"/&gt;
&lt;text x="410" y="234" text-anchor="middle" font-size="12.5" fill="#c9a227" font-weight="bold" font-family="sans-serif"&gt;L1 · ~80 FTE · 3 SHIFTS · 80% tickets&lt;/text&gt;
&lt;text x="410" y="250" text-anchor="middle" font-size="8.5" fill="#9a8a6a" font-family="sans-serif"&gt;most volume · most repetition · highest attrition&lt;/text&gt;
&lt;rect x="60" y="282" width="700" height="30" rx="4" fill="#111122" stroke="#c9a227" stroke-width=".5" stroke-opacity=".5"/&gt;
&lt;text x="410" y="302" text-anchor="middle" font-size="9.5" fill="#c9a227" font-family="Georgia,serif" font-style="italic"&gt;Headcount and decisions are concentrated exactly where they are easiest to automate.&lt;/text&gt;
&lt;/svg&gt;</code></pre></div></div><div class="cs-section"><div class="cs-label">Part 4 · State of the Art</div><h2>Where Agentic AI Sits in 2026</h2><figure class="cs-figure"><video autoplay= muted= loop= playsinline= preload="metadata" poster="/images/cortex-swarm/capability-ramp-temple.png"><source src="/images/cortex-swarm/capability-ramp-temple.mp4" type="video/mp4"><img src="/images/cortex-swarm/capability-ramp-temple.png" alt="Six-step stone temple staircase ascending into a starlit sky"/><figcaption>Six years, six steps — each layer of capability built on the one beneath it.</figcaption></figure><p>Two years ago, "AI agent" meant a chatbot with a system prompt. In 2026 it means something specific: a model that can decompose a goal, call tools to gather evidence, maintain state across turns, and stop when the work is done. The shift is real, and it is what makes the rest of this piece possible.</p><h3 style="margin-top:24px">A Six-Year Capability Ramp</h3><p>Each year since 2020 has unlocked a layer of capability that wasn't there the year before. The cumulative effect is what now allows specialised agents to do specialist work, not just general chat.</p><div class="cs-visual"><svg viewBox="0 0 820 280" xmlns="http://www.w3.org/2000/svg"><rect width="820" height="280" fill="#0d0d1a"/><text x="410" y="22" text-anchor="middle" font-size="10" fill="#c9a227" letter-spacing="2" font-family="Georgia,serif">LLM CAPABILITY · CUMULATIVE LAYERS · 2020 → 2026</text><line x1="50" y1="240" x2="780" y2="240" stroke="#c9a227" stroke-width=".7" stroke-opacity=".55"/><pre><code> &lt;!-- Year ticks --&gt;
&lt;g font-size="8" fill="#9a8a6a" font-family="sans-serif" text-anchor="middle"&gt;
&lt;text x="110" y="258"&gt;2020&lt;/text&gt;
&lt;text x="220" y="258"&gt;2021&lt;/text&gt;
&lt;text x="330" y="258"&gt;2022&lt;/text&gt;
&lt;text x="440" y="258"&gt;2023&lt;/text&gt;
&lt;text x="550" y="258"&gt;2024&lt;/text&gt;
&lt;text x="660" y="258"&gt;2025&lt;/text&gt;
&lt;text x="770" y="258"&gt;2026&lt;/text&gt;
&lt;/g&gt;
&lt;!-- Capability stacking bars --&gt;
&lt;g&gt;
&lt;rect x="92" y="200" width="36" height="40" fill="#1a2744" stroke="#c9a227" stroke-width=".4"/&gt;
&lt;rect x="202" y="180" width="36" height="60" fill="#1a2744" stroke="#c9a227" stroke-width=".4"/&gt;
&lt;rect x="312" y="158" width="36" height="82" fill="#1a2744" stroke="#c9a227" stroke-width=".4"/&gt;
&lt;rect x="422" y="128" width="36" height="112" fill="#1a2744" stroke="#c9a227" stroke-width=".4"/&gt;
&lt;rect x="532" y="98" width="36" height="142" fill="#1a2744" stroke="#c9a227" stroke-width=".4"/&gt;
&lt;rect x="642" y="74" width="36" height="166" fill="#1a2744" stroke="#c9a227" stroke-width=".4"/&gt;
&lt;rect x="752" y="58" width="22" height="182" fill="#e8cc6a" stroke="#c9a227" stroke-width=".4"/&gt;
&lt;/g&gt;
&lt;!-- Layer labels --&gt;
&lt;text x="50" y="80" font-size="8.5" fill="#e8cc6a" font-family="Georgia,serif"&gt;Multi-agent&lt;/text&gt;
&lt;text x="50" y="92" font-size="7" fill="#9a8a6a" font-family="sans-serif"&gt;orchestration&lt;/text&gt;
&lt;text x="50" y="115" font-size="8.5" fill="#e8cc6a" font-family="Georgia,serif"&gt;Local inference&lt;/text&gt;
&lt;text x="50" y="127" font-size="7" fill="#9a8a6a" font-family="sans-serif"&gt;30B–70B on laptop&lt;/text&gt;
&lt;text x="50" y="148" font-size="8.5" fill="#e8cc6a" font-family="Georgia,serif"&gt;Reliable tool use&lt;/text&gt;
&lt;text x="50" y="160" font-size="7" fill="#9a8a6a" font-family="sans-serif"&gt;structured output&lt;/text&gt;
&lt;text x="50" y="178" font-size="8.5" fill="#e8cc6a" font-family="Georgia,serif"&gt;Reasoning &amp;amp; RAG&lt;/text&gt;
&lt;text x="50" y="190" font-size="7" fill="#9a8a6a" font-family="sans-serif"&gt;retrieval-augmented&lt;/text&gt;
&lt;text x="50" y="208" font-size="8.5" fill="#e8cc6a" font-family="Georgia,serif"&gt;Instruction tuning&lt;/text&gt;
&lt;text x="50" y="220" font-size="7" fill="#9a8a6a" font-family="sans-serif"&gt;long context&lt;/text&gt;
&lt;text x="50" y="234" font-size="8.5" fill="#e8cc6a" font-family="Georgia,serif"&gt;Pre-training&lt;/text&gt;
&lt;text x="410" y="48" text-anchor="middle" font-size="9" fill="#c9a227" font-family="Georgia,serif" font-style="italic"&gt;2026: every layer needed for autonomous tier-aligned agents is in place.&lt;/text&gt;
&lt;/svg&gt;</code></pre></div><h3 style="margin-top:36px">What "Agentic" Actually Means</h3><p>Four ingredients distinguish an agent from a chatbot. Every component is now boring engineering — no novel research required.</p><div class="cs-visual"><svg viewBox="0 0 820 280" xmlns="http://www.w3.org/2000/svg"><rect width="820" height="280" fill="#0d0d1a"/><text x="410" y="22" text-anchor="middle" font-size="10" fill="#c9a227" letter-spacing="2" font-family="Georgia,serif">ANATOMY OF AN AGENT</text><pre><code> &lt;!-- Central agent core --&gt;
&lt;circle cx="410" cy="150" r="58" fill="#1a2744" stroke="#e8cc6a" stroke-width="1.2"/&gt;
&lt;text x="410" y="148" text-anchor="middle" font-size="12" fill="#e8cc6a" font-family="Georgia,serif"&gt;Agent&lt;/text&gt;
&lt;text x="410" y="164" text-anchor="middle" font-size="8" fill="#9a8a6a" font-family="sans-serif"&gt;persona + system prompt&lt;/text&gt;
&lt;!-- Four ingredients --&gt;
&lt;g transform="translate(140,90)"&gt;
&lt;rect width="150" height="60" rx="4" fill="#0a1020" stroke="#c9a227" stroke-width=".7"/&gt;
&lt;text x="75" y="20" text-anchor="middle" font-size="9.5" fill="#e8cc6a" font-family="Georgia,serif"&gt;Reasoning&lt;/text&gt;
&lt;text x="75" y="34" text-anchor="middle" font-size="7.5" fill="#9a8a6a" font-family="sans-serif"&gt;Decompose · plan · reflect&lt;/text&gt;
&lt;text x="75" y="46" text-anchor="middle" font-size="7.5" fill="#9a8a6a" font-family="sans-serif"&gt;Why a step, not just what&lt;/text&gt;
&lt;/g&gt;
&lt;g transform="translate(530,90)"&gt;
&lt;rect width="150" height="60" rx="4" fill="#0a1020" stroke="#c9a227" stroke-width=".7"/&gt;
&lt;text x="75" y="20" text-anchor="middle" font-size="9.5" fill="#e8cc6a" font-family="Georgia,serif"&gt;Tool Use&lt;/text&gt;
&lt;text x="75" y="34" text-anchor="middle" font-size="7.5" fill="#9a8a6a" font-family="sans-serif"&gt;Structured calls · typed inputs&lt;/text&gt;
&lt;text x="75" y="46" text-anchor="middle" font-size="7.5" fill="#9a8a6a" font-family="sans-serif"&gt;Real-world side effects&lt;/text&gt;
&lt;/g&gt;
&lt;g transform="translate(140,170)"&gt;
&lt;rect width="150" height="60" rx="4" fill="#0a1020" stroke="#c9a227" stroke-width=".7"/&gt;
&lt;text x="75" y="20" text-anchor="middle" font-size="9.5" fill="#e8cc6a" font-family="Georgia,serif"&gt;Memory&lt;/text&gt;
&lt;text x="75" y="34" text-anchor="middle" font-size="7.5" fill="#9a8a6a" font-family="sans-serif"&gt;Conversation · KB retrieval&lt;/text&gt;
&lt;text x="75" y="46" text-anchor="middle" font-size="7.5" fill="#9a8a6a" font-family="sans-serif"&gt;State across turns&lt;/text&gt;
&lt;/g&gt;
&lt;g transform="translate(530,170)"&gt;
&lt;rect width="150" height="60" rx="4" fill="#0a1020" stroke="#c9a227" stroke-width=".7"/&gt;
&lt;text x="75" y="20" text-anchor="middle" font-size="9.5" fill="#e8cc6a" font-family="Georgia,serif"&gt;Authority&lt;/text&gt;
&lt;text x="75" y="34" text-anchor="middle" font-size="7.5" fill="#9a8a6a" font-family="sans-serif"&gt;Bounded scope · approvals&lt;/text&gt;
&lt;text x="75" y="46" text-anchor="middle" font-size="7.5" fill="#9a8a6a" font-family="sans-serif"&gt;When to act vs escalate&lt;/text&gt;
&lt;/g&gt;
&lt;!-- Connecting lines --&gt;
&lt;line x1="290" y1="120" x2="358" y2="135" stroke="#c9a227" stroke-width=".5" stroke-opacity=".5"/&gt;
&lt;line x1="530" y1="120" x2="462" y2="135" stroke="#c9a227" stroke-width=".5" stroke-opacity=".5"/&gt;
&lt;line x1="290" y1="200" x2="358" y2="170" stroke="#c9a227" stroke-width=".5" stroke-opacity=".5"/&gt;
&lt;line x1="530" y1="200" x2="462" y2="170" stroke="#c9a227" stroke-width=".5" stroke-opacity=".5"/&gt;
&lt;text x="410" y="266" text-anchor="middle" font-size="8" fill="#9a8a6a" font-family="sans-serif" font-style="italic"&gt;An agent is a system prompt, a model, a memory, a tool registry, and rules about when to call which.&lt;/text&gt;
&lt;/svg&gt;</code></pre></div><h3 style="margin-top:36px">Three Independent Shifts That Made This Credible</h3><p>Each on its own is interesting. Together, they remove the standard objections G500 buyers raise to bringing AI inside the perimeter.</p><div class="cs-visual"><svg viewBox="0 0 820 240" xmlns="http://www.w3.org/2000/svg"><rect width="820" height="240" fill="#0d0d1a"/><circle cx="185" cy="120" r="80" fill="#0a1428" stroke="#c9a227" stroke-width=".8" stroke-opacity=".7"/><circle cx="410" cy="120" r="80" fill="#0a1428" stroke="#c9a227" stroke-width=".8" stroke-opacity=".7"/><circle cx="635" cy="120" r="80" fill="#0a1428" stroke="#c9a227" stroke-width=".8" stroke-opacity=".7"/><text x="185" y="98" text-anchor="middle" font-size="22" fill="#c9a227" font-family="Georgia,serif">30B–70B</text><text x="185" y="116" text-anchor="middle" font-size="8" fill="#9a8a6a" font-family="sans-serif">open-weight params</text><text x="185" y="138" text-anchor="middle" font-size="8.5" fill="#e8dcc8" font-family="sans-serif">Tool-calling · reasoning</text><text x="185" y="152" text-anchor="middle" font-size="8.5" fill="#e8dcc8" font-family="sans-serif">Multi-step planning</text><text x="185" y="178" text-anchor="middle" font-size="8" fill="#c9a227" font-family="Georgia,serif" font-style="italic">Model Capability</text><pre><code> &lt;text x="410" y="98" text-anchor="middle" font-size="22" fill="#c9a227" font-family="Georgia,serif"&gt;Local&lt;/text&gt;
&lt;text x="410" y="116" text-anchor="middle" font-size="8" fill="#9a8a6a" font-family="sans-serif"&gt;on-device inference&lt;/text&gt;
&lt;text x="410" y="138" text-anchor="middle" font-size="8.5" fill="#e8dcc8" font-family="sans-serif"&gt;No data leaves building&lt;/text&gt;
&lt;text x="410" y="152" text-anchor="middle" font-size="8.5" fill="#e8dcc8" font-family="sans-serif"&gt;Compliance objection gone&lt;/text&gt;
&lt;text x="410" y="178" text-anchor="middle" font-size="8" fill="#c9a227" font-family="Georgia,serif" font-style="italic"&gt;Inference Economics&lt;/text&gt;
&lt;text x="635" y="98" text-anchor="middle" font-size="22" fill="#c9a227" font-family="Georgia,serif"&gt;100%&lt;/text&gt;
&lt;text x="635" y="116" text-anchor="middle" font-size="8" fill="#9a8a6a" font-family="sans-serif"&gt;safety-pass target&lt;/text&gt;
&lt;text x="635" y="138" text-anchor="middle" font-size="8.5" fill="#e8dcc8" font-family="sans-serif"&gt;Semantic grading&lt;/text&gt;
&lt;text x="635" y="152" text-anchor="middle" font-size="8.5" fill="#e8dcc8" font-family="sans-serif"&gt;Adversarial eval cases&lt;/text&gt;
&lt;text x="635" y="178" text-anchor="middle" font-size="8" fill="#c9a227" font-family="Georgia,serif" font-style="italic"&gt;Eval Discipline&lt;/text&gt;
&lt;/svg&gt;</code></pre></div><h3 style="margin-top:36px">A Capability Map by Tier — Ready Now vs Emerging</h3><p>This is not a roadmap; it is an honest read of what's possible today. "Ready" means the prompt, tool set, KB and eval pattern are known. "Emerging" means the approach is understood but still being measured.</p><div class="cs-cards"><div class="cs-card"><div class="cs-label" style="font-size:.62rem;color:var(--gold-light)">L1 · Ready Now</div><h3>Front-Line Desk</h3><ul><li>Identity verification · password / MFA / unlock</li><li>Catalog software install + approval</li><li>Outlook / Teams diagnostics</li><li>Printer · peripheral pairing</li><li>KB retrieval + grounded response</li></ul></div><div class="cs-card"><div class="cs-label" style="font-size:.62rem;color:var(--gold-light)">L2 · Ready</div><h3>App Specialist</h3><ul><li>App log structured analysis</li><li>Service health diagnostic</li><li>Intune compliance + push</li><li>Mailbox + M365 admin actions</li><li>Hypothesis-test workflows</li></ul></div><div class="cs-card"><div class="cs-label" style="font-size:.62rem;color:var(--gold-light)">L3 · Emerging</div><h3>Senior Engineer</h3><ul><li>Infrastructure root-cause</li><li>AD attribute engineering</li><li>Kusto / log-analytics</li><li>Change request authoring</li><li>Emergency change application</li></ul></div><div class="cs-card"><div class="cs-label" style="font-size:.62rem;color:var(--gold-light)">Architect · Emerging</div><h3>Design Authority</h3><ul><li>Change review against ADR library</li><li>P1 RCA authoring</li><li>Pattern-vs-one-off classification</li><li>Capacity-review triggers</li><li>Design-impact assessment</li></ul></div><div class="cs-card"><div class="cs-label" style="font-size:.62rem;color:var(--gold-light)">SDM · Emerging</div><h3>Delivery Manager</h3><ul><li>Customer comms drafting</li><li>SLA dashboard + breach alerts</li><li>War-room convene flow</li><li>Weekly briefing generation</li><li>Status update cadence</li></ul></div></div></div><div class="cs-section"><div class="cs-label">Part 5 · Trajectory</div><h2>Where Agentic AI Is Heading — Next 2–3 Years</h2><p>The trajectory of the last six years points in a clear direction: from a single model answering a single question, to<em>swarms</em> of specialised agents collaborating on bounded problems under an orchestrator they cannot themselves modify.</p><div class="cs-visual"><svg viewBox="0 0 820 260" xmlns="http://www.w3.org/2000/svg"><rect width="820" height="260" fill="#0d0d1a"/><text x="410" y="22" text-anchor="middle" font-size="10" fill="#c9a227" letter-spacing="2.5" font-family="Georgia,serif">FROM SINGLE MODEL TO SPECIALISED SWARM</text><line x1="50" y1="180" x2="780" y2="180" stroke="#c9a227" stroke-width=".5" stroke-opacity=".5"/><defs><marker id="evarr" markerWidth="6" markerHeight="6" refX="3" refY="3" orient="auto"><path d="M0,0 L6,3 L0,6 Z" fill="#c9a227" fill-opacity=".7"/></marker></defs><pre><code> &lt;!-- Stage 1: LLM --&gt;
&lt;g transform="translate(90,80)"&gt;
&lt;circle r="32" fill="#0a1428" stroke="#c9a227" stroke-width=".8"/&gt;
&lt;text y="4" text-anchor="middle" font-size="11" fill="#e8cc6a" font-family="Georgia,serif"&gt;LLM&lt;/text&gt;
&lt;text y="56" text-anchor="middle" font-size="8" fill="#c9a227" font-family="sans-serif" font-weight="700"&gt;2020–2023&lt;/text&gt;
&lt;text y="72" text-anchor="middle" font-size="7.5" fill="#9a8a6a" font-family="sans-serif"&gt;Single model&lt;/text&gt;
&lt;text y="84" text-anchor="middle" font-size="7.5" fill="#9a8a6a" font-family="sans-serif"&gt;Chat completion&lt;/text&gt;
&lt;/g&gt;
&lt;line x1="130" y1="110" x2="195" y2="110" stroke="#c9a227" stroke-width=".7" marker-end="url(#evarr)"/&gt;
&lt;!-- Stage 2: Agent --&gt;
&lt;g transform="translate(245,80)"&gt;
&lt;circle r="34" fill="#0a1428" stroke="#c9a227" stroke-width=".9"/&gt;
&lt;text y="4" text-anchor="middle" font-size="11" fill="#e8cc6a" font-family="Georgia,serif"&gt;Agent&lt;/text&gt;
&lt;text y="56" text-anchor="middle" font-size="8" fill="#c9a227" font-family="sans-serif" font-weight="700"&gt;2023–2024&lt;/text&gt;
&lt;text y="72" text-anchor="middle" font-size="7.5" fill="#9a8a6a" font-family="sans-serif"&gt;+ Tools + Memory&lt;/text&gt;
&lt;text y="84" text-anchor="middle" font-size="7.5" fill="#9a8a6a" font-family="sans-serif"&gt;Single task loop&lt;/text&gt;
&lt;/g&gt;
&lt;line x1="287" y1="110" x2="352" y2="110" stroke="#c9a227" stroke-width=".7" marker-end="url(#evarr)"/&gt;
&lt;!-- Stage 3: Multi-agent --&gt;
&lt;g transform="translate(404,80)"&gt;
&lt;circle r="36" fill="#0a1428" stroke="#c9a227" stroke-width="1"/&gt;
&lt;text y="0" text-anchor="middle" font-size="10" fill="#e8cc6a" font-family="Georgia,serif"&gt;Multi-&lt;/text&gt;
&lt;text y="12" text-anchor="middle" font-size="10" fill="#e8cc6a" font-family="Georgia,serif"&gt;agent&lt;/text&gt;
&lt;text y="56" text-anchor="middle" font-size="8" fill="#c9a227" font-family="sans-serif" font-weight="700"&gt;2024–2026&lt;/text&gt;
&lt;text y="72" text-anchor="middle" font-size="7.5" fill="#9a8a6a" font-family="sans-serif"&gt;Planner + executors&lt;/text&gt;
&lt;text y="84" text-anchor="middle" font-size="7.5" fill="#9a8a6a" font-family="sans-serif"&gt;Verifier loops&lt;/text&gt;
&lt;/g&gt;
&lt;line x1="448" y1="110" x2="513" y2="110" stroke="#c9a227" stroke-width=".7" marker-end="url(#evarr)"/&gt;
&lt;!-- Stage 4: Specialised Swarm --&gt;
&lt;g transform="translate(573,80)"&gt;
&lt;circle r="38" fill="#1a2744" stroke="#e8cc6a" stroke-width="1.4"/&gt;
&lt;text y="0" text-anchor="middle" font-size="10" fill="#e8cc6a" font-family="Georgia,serif"&gt;Specialised&lt;/text&gt;
&lt;text y="12" text-anchor="middle" font-size="10" fill="#e8cc6a" font-family="Georgia,serif"&gt;Swarm&lt;/text&gt;
&lt;text y="56" text-anchor="middle" font-size="8" fill="#e8cc6a" font-family="sans-serif" font-weight="700"&gt;2026 →&lt;/text&gt;
&lt;text y="72" text-anchor="middle" font-size="7.5" fill="#9a8a6a" font-family="sans-serif"&gt;Role-aligned agents&lt;/text&gt;
&lt;text y="84" text-anchor="middle" font-size="7.5" fill="#9a8a6a" font-family="sans-serif"&gt;Bounded authority&lt;/text&gt;
&lt;/g&gt;
&lt;line x1="619" y1="110" x2="694" y2="110" stroke="#c9a227" stroke-width=".7" marker-end="url(#evarr)"/&gt;
&lt;!-- Stage 5: Enterprise --&gt;
&lt;g transform="translate(740,80)"&gt;
&lt;circle r="32" fill="#0a1428" stroke="#c9a227" stroke-width=".6" stroke-dasharray="3,2"/&gt;
&lt;text y="4" text-anchor="middle" font-size="9" fill="#9a8a6a" font-family="Georgia,serif"&gt;Enterprise&lt;/text&gt;
&lt;text y="56" text-anchor="middle" font-size="8" fill="#9a8a6a" font-family="sans-serif" font-weight="700"&gt;2027 →&lt;/text&gt;
&lt;text y="72" text-anchor="middle" font-size="7.5" fill="#9a8a6a" font-family="sans-serif"&gt;Cross-function&lt;/text&gt;
&lt;text y="84" text-anchor="middle" font-size="7.5" fill="#9a8a6a" font-family="sans-serif"&gt;Swarm-of-swarms&lt;/text&gt;
&lt;/g&gt;
&lt;text x="410" y="218" text-anchor="middle" font-size="9" fill="#c9a227" font-family="Georgia,serif" font-style="italic"&gt;Cortex Swarm sits at the fourth stage. The fifth is what this pattern unlocks once it's proven inside one function.&lt;/text&gt;
&lt;/svg&gt;</code></pre></div><h3 style="margin-top:36px">Three Bets About the Next 24 Months</h3><div class="cs-cards"><div class="cs-card"><div class="cs-label" style="font-size:.62rem">Bet 01</div><h3>Specialisation beats generalisation</h3><p style="font-size:.85rem;color:var(--cream);margin:0">One large general agent doing everything is brittle. Five small role-aligned agents — each with its own persona, tools, and KB — are more reliable, more debuggable, and more auditable.</p></div><div class="cs-card"><div class="cs-label" style="font-size:.62rem">Bet 02</div><h3>The orchestrator is the operating system</h3><p style="font-size:.85rem;color:var(--cream);margin:0">Frameworks like LangChain / LangGraph / Autogen are scaffolding. Production systems will hold their durable value in a bespoke orchestrator that owns state, audit, identity, and policy — not in any library it depends on.</p></div><div class="cs-card"><div class="cs-label" style="font-size:.62rem">Bet 03</div><h3>Compliance becomes the product</h3><p style="font-size:.85rem;color:var(--cream);margin:0">The agent that wins inside a regulated enterprise is not the one with the highest benchmark — it's the one whose every action a G500 internal-audit team can replay in one click.</p></div></div></div><div class="cs-section"><div class="cs-label">Part 6 · The Cortex Swarm</div><h2>How a Five-Agent Swarm Replaces the Five-Tier Team</h2><figure class="cs-figure"><img src="/images/cortex-swarm/mirror-reflection.png" alt="A Japanese silver mirror reflecting five human silhouettes as five glowing agent crests — the mirror principle made literal"><figcaption>The mirror principle — the agent inherits the role the human already plays.</figcaption></figure><p>The idea is structurally simple.<em>Don't reinvent the team. Mirror it.</em> One agent per tier. Distinct persona, tools, knowledge base, and authority. The org chart<strong style="color:var(--gold)">is</strong> the system architecture.</p><div class="cs-pull">If a human L2 specialist refuses to apply a config change without log evidence, the L2 agent does the same. If the Architect won't approve a change without checking the ADR library, neither does the Architect agent.</div><h3 style="margin-top:24px">Human Team ↔ Agent Swarm — Tier for Tier</h3><div class="cs-visual"><svg viewBox="0 0 820 360" xmlns="http://www.w3.org/2000/svg"><rect width="820" height="360" fill="#0d0d1a"/><text x="200" y="28" text-anchor="middle" font-size="10" fill="#c9a227" letter-spacing="2" font-family="Georgia,serif">HUMAN TEAM</text><text x="620" y="28" text-anchor="middle" font-size="10" fill="#c9a227" letter-spacing="2" font-family="Georgia,serif">CORTEX SWARM</text><line x1="50" y1="38" x2="350" y2="38" stroke="#c9a227" stroke-width=".4" stroke-opacity=".4"/><line x1="470" y1="38" x2="770" y2="38" stroke="#c9a227" stroke-width=".4" stroke-opacity=".4"/><defs><marker id="mirarr" markerWidth="6" markerHeight="6" refX="3" refY="3" orient="auto"><path d="M0,0 L6,3 L0,6 Z" fill="#c9a227"/></marker></defs><pre><code> &lt;!-- Pairs --&gt;
&lt;g font-family="Georgia,serif"&gt;
&lt;!-- SDM --&gt;
&lt;rect x="80" y="56" width="240" height="44" rx="3" fill="#0a1020" stroke="#c9a227" stroke-width=".7"/&gt;
&lt;text x="200" y="74" text-anchor="middle" font-size="10" fill="#e8cc6a"&gt;SDM · 2 FTE&lt;/text&gt;
&lt;text x="200" y="88" text-anchor="middle" font-size="8" fill="#9a8a6a" font-family="sans-serif"&gt;Customer voice · SLA · war room&lt;/text&gt;
&lt;line x1="320" y1="78" x2="470" y2="78" stroke="#c9a227" stroke-width=".6" stroke-opacity=".5" marker-end="url(#mirarr)"/&gt;
&lt;rect x="480" y="56" width="240" height="44" rx="3" fill="#1a2744" stroke="#e8cc6a" stroke-width=".9"/&gt;
&lt;text x="600" y="74" text-anchor="middle" font-size="10" fill="#e8cc6a"&gt;SDM Agent&lt;/text&gt;
&lt;text x="600" y="88" text-anchor="middle" font-size="8" fill="#9a8a6a" font-family="sans-serif"&gt;Same persona · same tools · always on&lt;/text&gt;
&lt;!-- Architect --&gt;
&lt;rect x="80" y="112" width="240" height="44" rx="3" fill="#0a1020" stroke="#c9a227" stroke-width=".7"/&gt;
&lt;text x="200" y="130" text-anchor="middle" font-size="10" fill="#e8cc6a"&gt;Architect · 3 FTE&lt;/text&gt;
&lt;text x="200" y="144" text-anchor="middle" font-size="8" fill="#9a8a6a" font-family="sans-serif"&gt;Design authority · ADRs · RCAs&lt;/text&gt;
&lt;line x1="320" y1="134" x2="470" y2="134" stroke="#c9a227" stroke-width=".6" stroke-opacity=".5" marker-end="url(#mirarr)"/&gt;
&lt;rect x="480" y="112" width="240" height="44" rx="3" fill="#1a2744" stroke="#e8cc6a" stroke-width=".9"/&gt;
&lt;text x="600" y="130" text-anchor="middle" font-size="10" fill="#e8cc6a"&gt;Architect Agent&lt;/text&gt;
&lt;text x="600" y="144" text-anchor="middle" font-size="8" fill="#9a8a6a" font-family="sans-serif"&gt;Pattern-vs-one-off · ADR-gated&lt;/text&gt;
&lt;!-- L3 --&gt;
&lt;rect x="80" y="168" width="240" height="44" rx="3" fill="#0a1020" stroke="#c9a227" stroke-width=".7"/&gt;
&lt;text x="200" y="186" text-anchor="middle" font-size="10" fill="#e8cc6a"&gt;L3 · 12 FTE&lt;/text&gt;
&lt;text x="200" y="200" text-anchor="middle" font-size="8" fill="#9a8a6a" font-family="sans-serif"&gt;Root cause · changes · vendor escalation&lt;/text&gt;
&lt;line x1="320" y1="190" x2="470" y2="190" stroke="#c9a227" stroke-width=".6" stroke-opacity=".5" marker-end="url(#mirarr)"/&gt;
&lt;rect x="480" y="168" width="240" height="44" rx="3" fill="#1a2744" stroke="#e8cc6a" stroke-width=".9"/&gt;
&lt;text x="600" y="186" text-anchor="middle" font-size="10" fill="#e8cc6a"&gt;L3 Agent&lt;/text&gt;
&lt;text x="600" y="200" text-anchor="middle" font-size="8" fill="#9a8a6a" font-family="sans-serif"&gt;Same diagnostics · proposes change request&lt;/text&gt;
&lt;!-- L2 --&gt;
&lt;rect x="80" y="224" width="240" height="44" rx="3" fill="#0a1020" stroke="#c9a227" stroke-width=".7"/&gt;
&lt;text x="200" y="242" text-anchor="middle" font-size="10" fill="#e8cc6a"&gt;L2 · 40 FTE&lt;/text&gt;
&lt;text x="200" y="256" text-anchor="middle" font-size="8" fill="#9a8a6a" font-family="sans-serif"&gt;App / platform · log-driven diagnosis&lt;/text&gt;
&lt;line x1="320" y1="246" x2="470" y2="246" stroke="#c9a227" stroke-width=".6" stroke-opacity=".5" marker-end="url(#mirarr)"/&gt;
&lt;rect x="480" y="224" width="240" height="44" rx="3" fill="#1a2744" stroke="#e8cc6a" stroke-width=".9"/&gt;
&lt;text x="600" y="242" text-anchor="middle" font-size="10" fill="#e8cc6a"&gt;L2 Agent&lt;/text&gt;
&lt;text x="600" y="256" text-anchor="middle" font-size="8" fill="#9a8a6a" font-family="sans-serif"&gt;Reads logs · hypothesis-test · bounces back&lt;/text&gt;
&lt;!-- L1 --&gt;
&lt;rect x="80" y="280" width="240" height="44" rx="3" fill="#0a1020" stroke="#c9a227" stroke-width="1.1"/&gt;
&lt;text x="200" y="298" text-anchor="middle" font-size="10" fill="#c9a227" font-weight="700"&gt;L1 · 80 FTE · 3 shifts&lt;/text&gt;
&lt;text x="200" y="312" text-anchor="middle" font-size="8" fill="#9a8a6a" font-family="sans-serif"&gt;Front-line desk · password · catalog · printer&lt;/text&gt;
&lt;line x1="320" y1="302" x2="470" y2="302" stroke="#c9a227" stroke-width="1" marker-end="url(#mirarr)"/&gt;
&lt;rect x="480" y="280" width="240" height="44" rx="3" fill="#1a2744" stroke="#e8cc6a" stroke-width="1.4"/&gt;
&lt;text x="600" y="298" text-anchor="middle" font-size="10" fill="#e8cc6a" font-weight="700"&gt;L1 Agent · always on&lt;/text&gt;
&lt;text x="600" y="312" text-anchor="middle" font-size="8" fill="#9a8a6a" font-family="sans-serif"&gt;Same persona · 25 tools · escalates on rule&lt;/text&gt;
&lt;/g&gt;
&lt;text x="410" y="348" text-anchor="middle" font-size="8.5" fill="#9a8a6a" font-family="sans-serif" font-style="italic"&gt;Each pair shares the same persona, scope and authority. The agent inherits the role; the orchestrator inherits the rules.&lt;/text&gt;
&lt;/svg&gt;</code></pre></div><h3 style="margin-top:36px">One Orchestrator. Five Agents. Clean Seams.</h3><p>The architecture is deliberately conservative. The model proposes; the orchestrator and adapters decide whether the proposal executes. Bespoke ~250-line orchestrator. No LangChain. No LangGraph. No Autogen.</p><div class="cs-visual"><svg viewBox="0 0 820 340" xmlns="http://www.w3.org/2000/svg"><rect width="820" height="340" fill="#0d0d1a"/><text x="14" y="68" font-size="7" fill="#9a8a6a" font-family="sans-serif">FRONTEND</text><text x="14" y="126" font-size="7" fill="#9a8a6a" font-family="sans-serif">ORCHESTRATOR</text><text x="14" y="182" font-size="7" fill="#9a8a6a" font-family="sans-serif">AGENTS</text><text x="14" y="238" font-size="7" fill="#9a8a6a" font-family="sans-serif">TOOLS</text><text x="14" y="288" font-size="7" fill="#9a8a6a" font-family="sans-serif">ADAPTERS</text><text x="14" y="328" font-size="7" fill="#9a8a6a" font-family="sans-serif">INFERENCE</text><rect x="74" y="46" width="730" height="36" rx="3" fill="#1a2744" stroke="#c9a227" stroke-width=".7"/><text x="439" y="61" text-anchor="middle" font-size="9" fill="#e8cc6a" font-family="sans-serif" font-weight="600">Web Portal</text><text x="439" y="74" text-anchor="middle" font-size="7.5" fill="#9a8a6a" font-family="sans-serif">Next.js 15 · Tailwind · shadcn/ui · Chat · Ticket Explorer · SDM Dashboard</text><rect x="74" y="94" width="730" height="36" rx="3" fill="#162038" stroke="#e8cc6a" stroke-width="1"/><text x="439" y="109" text-anchor="middle" font-size="9" fill="#e8cc6a" font-family="sans-serif" font-weight="700">Orchestrator (bespoke ~250 lines)</text><text x="439" y="122" text-anchor="middle" font-size="7.5" fill="#9a8a6a" font-family="sans-serif">State machine · Identity gate · Audit emission · Output validation · Budget enforcement</text><rect x="74" y="142" width="730" height="36" rx="3" fill="#0f1a30" stroke="#c9a227" stroke-width=".7"/><text x="439" y="157" text-anchor="middle" font-size="9" fill="#e8cc6a" font-family="sans-serif" font-weight="600">Agent Registry</text><text x="439" y="170" text-anchor="middle" font-size="7.5" fill="#9a8a6a" font-family="sans-serif">l1 · l2 · l3 · architect · sdm · planner/verifier (P3) · voice/i18n (P4-5)</text><rect x="74" y="192" width="730" height="36" rx="3" fill="#0a1020" stroke="#c9a227" stroke-width=".7"/><text x="439" y="207" text-anchor="middle" font-size="9" fill="#e8cc6a" font-family="sans-serif" font-weight="600">Tool Registry (~60 tools)</text><text x="439" y="220" text-anchor="middle" font-size="7.5" fill="#9a8a6a" font-family="sans-serif">Identity · Access · Productivity · Endpoint · Observability · Change · Communications</text><rect x="74" y="242" width="730" height="36" rx="3" fill="#080f1c" stroke="#c9a227" stroke-width=".7"/><text x="439" y="257" text-anchor="middle" font-size="9" fill="#e8cc6a" font-family="sans-serif" font-weight="600">Adapter Layer</text><text x="439" y="270" text-anchor="middle" font-size="7.5" fill="#9a8a6a" font-family="sans-serif">ITSM · Identity · Endpoint · Catalog · Approval · Obs · Change · Comms · Voice (mock | real)</text><rect x="74" y="290" width="348" height="36" rx="3" fill="#080810" stroke="#c9a227" stroke-width=".5" stroke-opacity=".5" stroke-dasharray="4,3"/><text x="248" y="305" text-anchor="middle" font-size="8" fill="#9a8a6a" font-family="sans-serif">Sidecars: ChromaDB+BGE-M3 · SHA-256 audit chain · State machine · Budgets</text><text x="248" y="319" text-anchor="middle" font-size="7.5" fill="#9a8a6a" font-family="sans-serif">SQLite (P1) → Postgres (P2+) · per-role namespace</text><rect x="434" y="290" width="370" height="36" rx="3" fill="#080810" stroke="#e8cc6a" stroke-width=".8"/><text x="619" y="305" text-anchor="middle" font-size="8.5" fill="#e8cc6a" font-family="sans-serif">LM Studio @ 127.0.0.1:1234/v1</text><text x="619" y="319" text-anchor="middle" font-size="7.5" fill="#9a8a6a" font-family="sans-serif">Qwen3-Coder-Next (P1) · Larger models for L3/Architect in P2-3</text><line x1="439" y1="82" x2="439" y2="94" stroke="#c9a227" stroke-width=".5" stroke-opacity=".4"/><line x1="439" y1="130" x2="439" y2="142" stroke="#c9a227" stroke-width=".5" stroke-opacity=".4"/><line x1="439" y1="178" x2="439" y2="192" stroke="#c9a227" stroke-width=".5" stroke-opacity=".4"/><line x1="439" y1="228" x2="439" y2="242" stroke="#c9a227" stroke-width=".5" stroke-opacity=".4"/><line x1="439" y1="278" x2="439" y2="290" stroke="#c9a227" stroke-width=".5" stroke-opacity=".4"/></svg></div><h3 style="margin-top:36px">The Five Agents — in Detail</h3><div style="margin-top:20px"><div class="cs-agent-row"><div class="cs-agent-label"><div class="tier">L1 · Phase 1</div><div class="role">Service Desk</div><div class="replace">replaces ~80 FTE · 3 shifts · 80% tickets</div></div><div class="cs-agent-body"><div class="desc">"Polite. Fast. Scripted. Resolves common categories. Never speculates on root cause."</div><ul><li>Password / MFA / unlock · Catalog install · Printer · Outlook/Teams basics</li><li>25 tools without further approval; mutating tools pass the identity gate</li><li>Escalates after 2 failed attempts; infra/outage/security always escalate</li><li>Target SLA: TTA &lt; 5 min · TTR &lt; 30 min</li></ul><div class="cs-tag-row"><span class="cs-tag">Identity</span><span class="cs-tag">Access</span><span class="cs-tag">Productivity</span><span class="cs-tag">Endpoint</span></div></div></div><div class="cs-agent-row"><div class="cs-agent-label"><div class="tier">L2 · Phase 2</div><div class="role">App Specialist</div><div class="replace">replaces ~40 FTE · 2 shifts · 15% tickets</div></div><div class="cs-agent-body"><div class="desc">"Specialist. Methodical. Demands diagnostics before acting. Reads logs."</div><ul><li>App log analysis · Intune compliance + push · Exchange diagnostics</li><li>Hypothesis-test workflows — escalates only after evidence is gathered</li><li>Rejects wrongly-escalated tickets back to L1 with structured rationale</li><li>Target SLA: TTA &lt; 30 min · TTR &lt; 4 hrs</li></ul><div class="cs-tag-row"><span class="cs-tag">M365</span><span class="cs-tag">Intune</span><span class="cs-tag">Exchange</span><span class="cs-tag">ServiceNow</span></div></div></div><div class="cs-agent-row"><div class="cs-agent-label"><div class="tier">L3 · Phase 2</div><div class="role">Senior Engineer</div><div class="replace">replaces ~12 FTE · day + oncall · 4% tickets</div></div><div class="cs-agent-body"><div class="desc">"Root-cause focused. Drives change requests. Consults Architect for design-impacting fixes."</div><ul><li>AD/Identity engineering · Kusto/log-analytics · Emergency change application</li><li>Authors RCA stubs — Architect finalises</li><li>Consults Architect for design-impacting changes</li><li>Target SLA: TTA &lt; 2 hrs · TTR &lt; 24 hrs</li></ul><div class="cs-tag-row"><span class="cs-tag">AD Engineering</span><span class="cs-tag">Infrastructure</span><span class="cs-tag">Change Mgmt</span><span class="cs-tag">Security</span></div></div></div><div class="cs-agent-row"><div class="cs-agent-label"><div class="tier">Architect · Phase 3</div><div class="role">Design Authority</div><div class="replace">replaces ~3 FTE · 5% touches</div></div><div class="cs-agent-body"><div class="desc">"Asks 'is this a one-off or a pattern?' Advises and gates — not a doer."</div><ul><li>Approves/rejects change requests against the ADR library</li><li>Authors P1 RCAs · pattern-vs-one-off classification · capacity reviews</li><li>May veto L3-proposed changes</li><li>Target SLA: Design review ≤ 2 biz days · RCA ≤ 5 days</li></ul><div class="cs-tag-row"><span class="cs-tag">ADR Library</span><span class="cs-tag">Change Review</span><span class="cs-tag">RCA</span><span class="cs-tag">Capacity</span></div></div></div><div class="cs-agent-row"><div class="cs-agent-label"><div class="tier">SDM · Phase 3</div><div class="role">Delivery Manager</div><div class="replace">replaces ~2 FTE · 10% touches</div></div><div class="cs-agent-body"><div class="desc">"Customer-facing. SLA-driven. Calm under pressure. Owns comms cadence."</div><ul><li>SLA dashboard · customer comms · war-room convening · weekly briefing</li><li>Cannot make technical decisions — can demand them by SLA-bound deadline</li><li>Can convene a war room without prior approval</li><li>Target SLA: Customer comms &lt; 1 hr (P1) · weekly briefing every Friday</li></ul><div class="cs-tag-row"><span class="cs-tag">SLA Governance</span><span class="cs-tag">Customer Comms</span><span class="cs-tag">War Room</span><span class="cs-tag">Weekly Briefing</span></div></div></div></div><h3 style="margin-top:44px">Five Collaboration Patterns</h3><p>Five patterns cover every interaction between the five agents. Escalation is just the first.</p><div class="cs-cards"><div class="cs-card"><h3>Escalation</h3><p style="font-size:.82rem;color:var(--cream);margin:0">L1 → L2 → L3 with filtered conversation history per tier scope. The higher tier sees only what's relevant to its authority.</p></div><div class="cs-card"><h3>Bounce-back</h3><p style="font-size:.82rem;color:var(--cream);margin:0">L2 or L3 → L1 with structured de-escalation rationale. Cycle detection prevents loops.</p></div><div class="cs-card"><h3>Design gate</h3><p style="font-size:.82rem;color:var(--cream);margin:0">L3 → Architect via<code style="font-size:.75rem;color:var(--gold-light)">propose_change_request</code>; result returns via<code style="font-size:.75rem;color:var(--gold-light)">respond_to_l3</code>.</p></div><div class="cs-card"><h3>War-room</h3><p style="font-size:.82rem;color:var(--cream);margin:0">SDM forces L3 + Architect to sync on a single ticket thread under stricter time budgets.</p></div><div class="cs-card"><h3>Internal escalate</h3><p style="font-size:.82rem;color:var(--cream);margin:0">SDM → SP leadership (humans) on systemic breach patterns — humans re-enter the loop only when patterns demand it.</p></div></div><h3 style="margin-top:44px">A Representative Ticket — End to End</h3><p><em style="color:var(--muted)">Scenario: "Team shared mailbox stopped syncing."</em> A representative ticket traversing all five agents under a formal 13-state machine.</p><div class="cs-visual"><svg viewBox="0 0 820 400" xmlns="http://www.w3.org/2000/svg"><rect width="820" height="400" fill="#0d0d1a"/><text x="410" y="20" text-anchor="middle" font-size="7" fill="#9a8a6a" letter-spacing="1.5" font-family="sans-serif">STATE MACHINE TRACE</text><text x="410" y="35" text-anchor="middle" font-size="6" fill="#c9a227" font-family="monospace">NEW → TRIAGED → DIAGNOSING → AWAITING_L2 → DIAGNOSING(L2) → AWAITING_L3 → DIAGNOSING(L3) → AWAITING_APPROVAL → ACTING(L3) → VERIFYING → RESOLVED</text><line x1="40" y1="43" x2="780" y2="43" stroke="#c9a227" stroke-width=".3" stroke-opacity=".35"/><g transform="translate(0,52)"><circle cx="40" cy="20" r="16" fill="#0a1020" stroke="#9a8a6a" stroke-width=".7"/><text x="40" y="25" text-anchor="middle" font-size="11" fill="#9a8a6a">👤</text><text x="78" y="16" font-size="9" fill="#9a8a6a" font-family="sans-serif" font-weight="600">EMPLOYEE</text><text x="78" y="29" font-size="8" fill="#e8dcc8" font-family="sans-serif">Files chat: "Team shared mailbox stopped syncing"</text><line x1="40" y1="36" x2="40" y2="52" stroke="#c9a227" stroke-width=".5" stroke-opacity=".3"/></g><g transform="translate(0,108)"><circle cx="40" cy="20" r="16" fill="#0a1020" stroke="#c9a227" stroke-width=".8"/><text x="40" y="25" text-anchor="middle" font-size="8" fill="#c9a227" font-family="sans-serif" font-weight="700">L1</text><text x="78" y="16" font-size="9" fill="#c9a227" font-family="sans-serif" font-weight="600">DESK AGENT</text><text x="78" y="29" font-size="8" fill="#e8dcc8" font-family="sans-serif">Triages → Productivity/Mailbox. Beyond L1 SOPs. Calls<tspan font-family="monospace" font-size="7.5">escalate_to_l2()</tspan></text><line x1="40" y1="36" x2="40" y2="52" stroke="#c9a227" stroke-width=".5" stroke-opacity=".3"/></g><g transform="translate(0,164)"><circle cx="40" cy="20" r="16" fill="#0a1020" stroke="#c9a227" stroke-width=".8"/><text x="40" y="25" text-anchor="middle" font-size="8" fill="#c9a227" font-family="sans-serif" font-weight="700">L2</text><text x="78" y="16" font-size="9" fill="#c9a227" font-family="sans-serif" font-weight="600">APP SPECIALIST</text><text x="78" y="29" font-size="8" fill="#e8dcc8" font-family="sans-serif">Inspects Exchange logs. Tenant-level drift detected. Calls<tspan font-family="monospace" font-size="7.5">escalate_to_l3()</tspan></text><line x1="40" y1="36" x2="40" y2="52" stroke="#c9a227" stroke-width=".5" stroke-opacity=".3"/></g><g transform="translate(0,220)"><circle cx="40" cy="20" r="16" fill="#1a2744" stroke="#e8cc6a" stroke-width=".9"/><text x="40" y="25" text-anchor="middle" font-size="8" fill="#e8cc6a" font-family="sans-serif" font-weight="700">L3</text><text x="78" y="16" font-size="9" fill="#e8cc6a" font-family="sans-serif" font-weight="600">SENIOR ENGINEER</text><text x="78" y="29" font-size="8" fill="#e8dcc8" font-family="sans-serif">Queries AD + tenant. CA policy change = root cause. Calls<tspan font-family="monospace" font-size="7.5">propose_change_request()</tspan></text><line x1="40" y1="36" x2="40" y2="52" stroke="#c9a227" stroke-width=".5" stroke-opacity=".3"/></g><g transform="translate(0,276)"><circle cx="40" cy="20" r="16" fill="#0a1020" stroke="#c9a227" stroke-width=".8"/><text x="40" y="25" text-anchor="middle" font-size="7" fill="#c9a227" font-family="sans-serif" font-weight="700">ARCH</text><text x="78" y="16" font-size="9" fill="#c9a227" font-family="sans-serif" font-weight="600">ARCHITECT</text><text x="78" y="29" font-size="8" fill="#e8dcc8" font-family="sans-serif">Reviews ADR library. Approves:<tspan font-family="monospace" font-size="7.5">approve_change(conditions=["monitor_7d"])</tspan></text><line x1="40" y1="36" x2="40" y2="52" stroke="#c9a227" stroke-width=".5" stroke-opacity=".3"/></g><g transform="translate(0,332)"><circle cx="40" cy="20" r="16" fill="#1a2744" stroke="#e8cc6a" stroke-width=".9"/><text x="40" y="25" text-anchor="middle" font-size="8" fill="#e8cc6a" font-family="sans-serif" font-weight="700">L3</text><text x="78" y="16" font-size="9" fill="#e8cc6a" font-family="sans-serif" font-weight="600">RESOLVED — L3 APPLIES · L1 CLOSES · SDM LOGS</text><text x="78" y="29" font-size="8" fill="#e8dcc8" font-family="sans-serif">Change applied. Sync verified. Employee notified. Hash-chained audit emitted for full lifecycle.</text></g><rect x="490" y="100" width="302" height="188" rx="4" fill="#111122" stroke="#c9a227" stroke-width=".6" stroke-opacity=".4"/><text x="641" y="120" text-anchor="middle" font-size="8.5" fill="#c9a227" letter-spacing="1.5" font-family="sans-serif">WHAT THIS PROVES</text><line x1="508" y1="127" x2="775" y2="127" stroke="#c9a227" stroke-width=".3" stroke-opacity=".3"/><text x="510" y="146" font-size="8" fill="#e8dcc8" font-family="sans-serif">→ Every tier did exactly its scope — no overreach</text><text x="510" y="163" font-size="8" fill="#e8dcc8" font-family="sans-serif">→ Architect gated without executing</text><text x="510" y="180" font-size="8" fill="#e8dcc8" font-family="sans-serif">→ SDM never intervened (SLA healthy)</text><text x="510" y="197" font-size="8" fill="#e8dcc8" font-family="sans-serif">→ State machine refused backward transitions</text><text x="510" y="214" font-size="8" fill="#e8dcc8" font-family="sans-serif">→ G500 audit team replays from single ticket ID</text><text x="510" y="231" font-size="8" fill="#e8dcc8" font-family="sans-serif">→ Every tool call, KB hit &amp; state change logged</text></svg></div><h3 style="margin-top:44px">A P1 Incident — 5 Minutes, No Human Paged</h3><p>Region-wide Exchange Online failure. The swarm runs the entire war-room cycle while humans are asleep.</p><div class="cs-visual"><svg viewBox="0 0 820 175" xmlns="http://www.w3.org/2000/svg"><rect width="820" height="175" fill="#0d0d1a"/><line x1="36" y1="72" x2="784" y2="72" stroke="#c9a227" stroke-width=".9" stroke-opacity=".45"/><g transform="translate(62,72)"><circle cy="0" r="9" fill="#c9a227"/><text y="-17" text-anchor="middle" font-size="8" fill="#c9a227" font-family="sans-serif" font-weight="700">T+0</text><text y="20" text-anchor="middle" font-size="7" fill="#9a8a6a" font-family="sans-serif">DETECTOR</text><text y="34" text-anchor="middle" font-size="7" fill="#e8dcc8" font-family="sans-serif">14 failures</text><text y="46" text-anchor="middle" font-size="7" fill="#e8dcc8" font-family="sans-serif">in 60 secs</text><text y="58" text-anchor="middle" font-size="7" fill="#c9a227" font-family="sans-serif">P1 created</text></g><g transform="translate(198,72)"><circle cy="0" r="9" fill="#c9a227"/><text y="-17" text-anchor="middle" font-size="8" fill="#c9a227" font-family="sans-serif" font-weight="700">T+15s</text><text y="20" text-anchor="middle" font-size="7" fill="#9a8a6a" font-family="sans-serif">SDM</text><text y="34" text-anchor="middle" font-size="7" fill="#e8dcc8" font-family="sans-serif">War room</text><text y="46" text-anchor="middle" font-size="7" fill="#e8dcc8" font-family="sans-serif">L3+Arch sync</text><text y="58" text-anchor="middle" font-size="7" fill="#e8dcc8" font-family="sans-serif">comms/15min</text></g><g transform="translate(366,72)"><circle cy="0" r="10" fill="#1a2744" stroke="#e8cc6a" stroke-width="1.3"/><text y="-17" text-anchor="middle" font-size="8" fill="#e8cc6a" font-family="sans-serif" font-weight="700">T+45s</text><text y="20" text-anchor="middle" font-size="7" fill="#9a8a6a" font-family="sans-serif">L3</text><text y="34" text-anchor="middle" font-size="7" fill="#e8dcc8" font-family="sans-serif">CA policy</text><text y="46" text-anchor="middle" font-size="7" fill="#e8dcc8" font-family="sans-serif">identified</text><text y="58" text-anchor="middle" font-size="7" fill="#c9a227" font-family="sans-serif">propose rollback</text></g><g transform="translate(530,72)"><circle cy="0" r="9" fill="#c9a227"/><text y="-17" text-anchor="middle" font-size="8" fill="#c9a227" font-family="sans-serif" font-weight="700">T+90s</text><text y="20" text-anchor="middle" font-size="7" fill="#9a8a6a" font-family="sans-serif">ARCHITECT</text><text y="34" text-anchor="middle" font-size="7" fill="#e8dcc8" font-family="sans-serif">ADR review</text><text y="46" text-anchor="middle" font-size="7" fill="#e8dcc8" font-family="sans-serif">Approves</text><text y="58" text-anchor="middle" font-size="7" fill="#e8dcc8" font-family="sans-serif">5% sample</text></g><g transform="translate(700,72)"><circle cy="0" r="10" fill="#c9a227" stroke="#e8cc6a" stroke-width="1.3"/><text y="-17" text-anchor="middle" font-size="8" fill="#c9a227" font-family="sans-serif" font-weight="700">T+5min</text><text y="20" text-anchor="middle" font-size="7" fill="#9a8a6a" font-family="sans-serif">RESOLVED</text><text y="34" text-anchor="middle" font-size="7" fill="#e8dcc8" font-family="sans-serif">Applied &amp;</text><text y="46" text-anchor="middle" font-size="7" fill="#e8dcc8" font-family="sans-serif">verified</text><text y="58" text-anchor="middle" font-size="7" fill="#c9a227" font-family="sans-serif">Comms sent</text></g><text x="410" y="152" text-anchor="middle" font-size="8" fill="#9a8a6a" font-family="sans-serif" font-style="italic">Humans receive the post-incident notification — they were never paged at 3am.</text></svg></div></div><div class="cs-section"><div class="cs-label">Part 7 · Efficiency</div><h2>What Changes — and Why It Compounds</h2><p>None of the gains below are individually surprising. The point is that all seven happen simultaneously, on the same architecture, against the same SLAs that already exist on the contract.</p><table class="cs-table"><thead><tr><th>Dimension</th><th>Today (Human Team)</th><th>With Cortex Swarm</th></tr></thead><tbody><tr><td class="k">Coverage</td><td class="v">3 follow-the-sun shifts with formal handoffs</td><td class="v">Single team, always on. No handoffs. No context lost between geographies.</td></tr><tr><td class="k">Capacity</td><td class="v">Inelastic. 2× spike can't be staffed in &lt; 24h</td><td class="v">Elastic by definition. 10× spike = 10× concurrent agent instances.</td></tr><tr><td class="k">Quality</td><td class="v">Varies by shift, tenure, individual</td><td class="v">Even. Same prompt, same KB, same eval bar everywhere.</td></tr><tr><td class="k">Speed</td><td class="v">P1 page → human awake → diagnose: 30–60 min</td><td class="v">P1 detect → diagnose → propose → approve → apply: 5 min.</td></tr><tr><td class="k">Languages</td><td class="v">Each language needs native-speaker hiring</td><td class="v">EN/HI/DE on the same agent. Locale bundle is a config file.</td></tr><tr><td class="k">Audit</td><td class="v">Reconstruct from chat + ticket + admin logs over weeks</td><td class="v">One ticket ID → hash-chained replay of every tool call and state change.</td></tr><tr><td class="k">Knowledge</td><td class="v">Walks out with every resignation. 4–8 weeks to rebuild.</td><td class="v">Persistent. KB is versioned. Prompts and tools are reviewed in PR.</td></tr></tbody></table><h3 style="margin-top:36px">The Compounding Effect</h3><p>Speed compounds with capacity (faster resolution × elastic concurrency = shorter incident windows). Audit compounds with quality (every action is replayable, so every regression has a fix that ships in a single PR rather than a memo). Language compounds with coverage (one swarm serves every region in every supported language at the same SLA).</p><div class="cs-pull">The org chart was never the bottleneck. The bottleneck was the shift roster underneath it.</div></div><div class="cs-section"><div class="cs-label">Part 8 · New Challenges</div><h2>The Honest List — What Could Go Wrong</h2><p>The model is not free. It trades a familiar set of operational problems for a less familiar set of socio-technical ones. Each one below is real; each one has a specific mitigation already wired into Cortex Swarm.</p><table class="cs-table"><thead><tr><th>Challenge</th><th>What It Looks Like</th><th>Mitigation</th></tr></thead><tbody><tr><td class="k">Trust gap</td><td class="v">End users distrust "the bot". CIOs distrust autonomy.</td><td class="w">Phase-gated rollout. Human approval on every mutating tool until evals plateau. Audit replay UI for skeptical buyers.</td></tr><tr><td class="k">Audit scrutiny</td><td class="v">Regulators want to know "what did the model decide and why?"</td><td class="w">Hash-chained SHA-256 audit. Every tool call, KB chunk, and state change is replayable in one click via<code style="font-size:.78rem;color:var(--gold-light)">/audit/verify</code>.</td></tr><tr><td class="k">Prompt injection</td><td class="v">Adversarial input tries to make the model exfiltrate or escalate.</td><td class="w">Six layered defences: directive precedence, &lt;data&gt;-tagged inputs, identity gate, Pydantic validation, rate limits, output filter.</td></tr><tr><td class="k">Model drift</td><td class="v">A new model version regresses on something nobody noticed.</td><td class="w">52 eval cases as a CI gate. Semantic grading on resolution, tool-correctness, grounding, citation.<code style="font-size:.78rem;color:var(--gold-light)">make evals</code> fails the build.</td></tr><tr><td class="k">Long-tail edge cases</td><td class="v">Rare scenarios the agent has never seen.</td><td class="w">Escalation patterns. Out-of-scope intent triggers<code style="font-size:.78rem;color:var(--gold-light)">escalate_out_of_scope()</code> to the next tier or to a human.</td></tr><tr><td class="k">Change management</td><td class="v">Humans whose roles dissolve. SP commercial models built on FTE counts.</td><td class="w">The hardest one. Honest position: agents replace tier responsibilities, not the function. Senior staff move to swarm operations, KB curation, and eval authoring.</td></tr><tr><td class="k">Cost &amp; scaling</td><td class="v">Inference cost grows with ticket volume.</td><td class="w">Local inference (LM Studio + Qwen3-Coder-Next) keeps marginal cost low. Bigger models reserved for L3/Architect on rare paths.</td></tr><tr><td class="k">Failure modes</td><td class="v">"Right tool, hallucinated reasoning." Confident wrong answers.</td><td class="w">Formal 13-state machine. Mutating tools callable only in<code style="font-size:.78rem;color:var(--gold-light)">ACTING</code>.<code style="font-size:.78rem;color:var(--gold-light)">RESOLVED</code> reachable only from<code style="font-size:.78rem;color:var(--gold-light)">VERIFYING</code>.</td></tr></tbody></table><h3 style="margin-top:36px">Six Security Defences in Depth</h3><div class="cs-timeline"><div class="cs-tl-item"><div class="cs-tl-dot">01</div><div class="cs-tl-content"><h3>System-prompt directive</h3><p>SECURITY DIRECTIVE at highest precedence — cannot be overridden by user input.</p></div></div><div class="cs-tl-item"><div class="cs-tl-dot">02</div><div class="cs-tl-content"><h3>Input/output normalisation</h3><p>&lt;user_message&gt; and &lt;tool_output&gt; treated as DATA, never instructions.</p></div></div><div class="cs-tl-item"><div class="cs-tl-dot">03</div><div class="cs-tl-content"><h3>Identity-gate decorator</h3><p>Orchestrator blocks cross-user mutations even if the model forgets to check.</p></div></div><div class="cs-tl-item"><div class="cs-tl-dot">04</div><div class="cs-tl-content"><h3>Tool input validation</h3><p>Pydantic + allow-lists. Schema mismatches rejected before execution.</p></div></div><div class="cs-tl-item"><div class="cs-tl-dot">05</div><div class="cs-tl-content"><h3>Per-session rate limit</h3><p>Max 30 tool calls / 10 min · 50 chat turns / hour — prevents runaway loops.</p></div></div><div class="cs-tl-item"><div class="cs-tl-dot">06</div><div class="cs-tl-content"><h3>Output filter</h3><p>Leaked-secret patterns stripped before reaching the UI layer.</p></div></div></div><figure class="cs-figure"><img src="/images/cortex-swarm/swarm-with-guardrails.png" alt="Nihonga-style illustration of five agent crests bound by gold cord — guardrails as composition"><figcaption>Authority is bounded by composition: the model proposes, the orchestrator and adapters dispose.</figcaption></figure></div><div class="cs-section"><div class="cs-label">Part 9 · Delivery</div><h2>Six Phases Over ~12 Months</h2><p>Phase 1 ships in 5 weeks. Each later phase is a drop-in module gated on an explicit trigger — not an arbitrary date.</p><div class="cs-phase-grid"><div class="cs-phase-card"><div class="cs-phase-num">Phase 01 · Now · ~50h</div><div class="cs-phase-title">Foundation</div><ul><li>L1 agent · EN chat</li><li>Stub L2/L3 · mock backends</li><li>State machine + 52 evals</li><li>Hash-chained audit</li></ul><div class="cs-phase-trigger">Trigger: Building now</div></div><div class="cs-phase-card"><div class="cs-phase-num">Phase 02 · ~35h</div><div class="cs-phase-title">Specialist Tiers</div><ul><li>Full L2 + L3 agents</li><li>Real ServiceNow / AD / Intune</li><li>Real OIDC SSO</li><li>KB pruning via evals</li></ul><div class="cs-phase-trigger">Trigger: First pilot signed</div></div><div class="cs-phase-card"><div class="cs-phase-num">Phase 03 · ~45h</div><div class="cs-phase-title">Planning Architecture</div><ul><li>Architect + SDM agents</li><li>Planner / Executor / Verifier</li><li>SDM dashboard + war-room</li></ul><div class="cs-phase-trigger">Trigger: Eval data shows plateau</div></div><div class="cs-phase-card"><div class="cs-phase-num">Phase 04 · ~25h</div><div class="cs-phase-title">Multilingual</div><ul><li>HI + DE locale bundles</li><li>Per-locale KB ingest</li><li>KB provenance + trust tiers</li></ul><div class="cs-phase-trigger">Trigger: External KB integrated</div></div><div class="cs-phase-card"><div class="cs-phase-num">Phase 05 · ~20h</div><div class="cs-phase-title">Voice</div><ul><li>Sarvam (EN/HI) · Azure (DE)</li><li>ElevenLabs alternate</li><li>Browser mic + playback</li></ul><div class="cs-phase-trigger">Trigger: Demand-driven</div></div><div class="cs-phase-card"><div class="cs-phase-num">Phase 06 · ~12h</div><div class="cs-phase-title">Multi-Tenant</div><ul><li>Tenant ID propagation</li><li>Branded shells per tenant</li><li>Per-tenant SLA dashboards</li></ul><div class="cs-phase-trigger">Trigger: Second client signed</div></div></div><div class="cs-visual" style="margin-top:24px"><svg viewBox="0 0 820 90" xmlns="http://www.w3.org/2000/svg"><rect width="820" height="90" fill="#0d0d1a"/><text x="410" y="18" text-anchor="middle" font-size="7" fill="#9a8a6a" letter-spacing="2" font-family="sans-serif">~12 MONTHS · TRIGGER-GATED · EACH PHASE IS A DROP-IN MODULE</text><line x1="36" y1="46" x2="784" y2="46" stroke="#c9a227" stroke-width=".8" stroke-opacity=".4"/><circle cx="90" cy="46" r="13" fill="#c9a227"/><text x="90" y="50" text-anchor="middle" font-size="8" fill="#080810" font-weight="700" font-family="sans-serif">P1</text><text x="90" y="72" text-anchor="middle" font-size="7" fill="#c9a227" font-family="sans-serif">5 weeks</text><circle cx="218" cy="46" r="10" fill="#0a1428" stroke="#c9a227" stroke-width="1"/><text x="218" y="50" text-anchor="middle" font-size="8" fill="#c9a227" font-family="sans-serif">P2</text><text x="218" y="72" text-anchor="middle" font-size="7" fill="#9a8a6a" font-family="sans-serif">pilot+</text><circle cx="374" cy="46" r="10" fill="#0a1428" stroke="#c9a227" stroke-width="1"/><text x="374" y="50" text-anchor="middle" font-size="8" fill="#c9a227" font-family="sans-serif">P3</text><text x="374" y="72" text-anchor="middle" font-size="7" fill="#9a8a6a" font-family="sans-serif">plateau</text><circle cx="522" cy="46" r="10" fill="#0a1428" stroke="#c9a227" stroke-width="1"/><text x="522" y="50" text-anchor="middle" font-size="8" fill="#c9a227" font-family="sans-serif">P4</text><text x="522" y="72" text-anchor="middle" font-size="7" fill="#9a8a6a" font-family="sans-serif">multilingual</text><circle cx="644" cy="46" r="10" fill="#0a1428" stroke="#c9a227" stroke-width="1"/><text x="644" y="50" text-anchor="middle" font-size="8" fill="#c9a227" font-family="sans-serif">P5</text><text x="644" y="72" text-anchor="middle" font-size="7" fill="#9a8a6a" font-family="sans-serif">voice</text><circle cx="750" cy="46" r="10" fill="#0a1428" stroke="#c9a227" stroke-width="1"/><text x="750" y="50" text-anchor="middle" font-size="8" fill="#c9a227" font-family="sans-serif">P6</text><text x="750" y="72" text-anchor="middle" font-size="7" fill="#9a8a6a" font-family="sans-serif">multi-tenant</text></svg></div></div><div class="cs-section" style="border-bottom:none"><div class="cs-label">Closing</div><h2>The Org Chart Was Always the Answer</h2><p>Every senior engineer who has ever worked in IT operations recognises the five-tier shape. It's the shape that emerges every time, in every geography, in every sector, because the responsibilities map cleanly onto the kinds of decisions a team needs to make. That same shape is exactly what makes a swarm legible: each agent does what the role already does, no more, no less, and the rest of the building knows where to send its ticket.</p><p>The interesting work over the next year is not adding more agents. It is sharpening the seams between them — better identity gates, better KB provenance, faster audit replays, tighter eval cases — so that what runs in production is a system anyone in IT operations can trust without having to also be an AI specialist.</p><div class="cs-statbar"><div class="cs-stat"><span class="num">5</span><span class="lbl">Agents<br>L1 · L2 · L3 · Arch · SDM</span></div><div class="cs-stat"><span class="num">~137</span><span class="lbl">FTE mirrored<br>across all tiers</span></div><div class="cs-stat"><span class="num">24×7</span><span class="lbl">Single team<br>no shift roster</span></div><div class="cs-stat"><span class="num">1-click</span><span class="lbl">Audit verify<br>any ticket</span></div></div><div class="cs-ornament" style="margin-top:40px">· · ·</div><p style="text-align:center;margin-top:20px;color:var(--muted);font-size:.85rem"><strong style="color:var(--gold);font-family:'Noto Serif',serif">Ajay Walia</strong> · Digital Workplace Operations · May 2026<br><a href="https://linkedin.com/in/ajaywalia" style="color:var(--gold)">LinkedIn: /in/ajaywalia</a></p></div></div>
]]></content:encoded><media:content url="https://curiousbit.netlify.app/images/cortex-swarm/cortex-swarm-hero-v2.png" medium="image"><media:title type="plain">Automation</media:title></media:content><category>artificial-intelligence</category><category>agentic-ai</category><category>digital-workplace</category><category>itil</category><category>automation</category><category>llm</category><category>Projects</category></item><item><title>RAG Chatbot from indexed public documentation</title><link>https://curiousbit.netlify.app/rag-chatbot-from-indexed-public-documentation/</link><guid isPermaLink="true">https://curiousbit.netlify.app/rag-chatbot-from-indexed-public-documentation/</guid><pubDate>Tue, 19 May 2026 00:00:00 +0000</pubDate><dc:creator>Ajay Walia</dc:creator><description>&lt;p&gt;This article documents the design and implementation of a domain-specific Retrieval-Augmented Generation (RAG) conversational assistant. The project was completed as the &lt;strong&gt;Week 15 Graded Mini Project&lt;/strong&gt; of the &lt;strong&gt;IITM Pravartak Professional Certificate Programme in Agentic AI and Applications&lt;/strong&gt;. The brief required the construction of an assistant that retrieves content from a private document set and produces answers grounded in that retrieved context, while refusing to answer when supporting evidence is absent.&lt;/p&gt;</description><content:encoded>&lt;![CDATA[<img src="https://curiousbit.netlify.app/images/IITM/IIT1.jpg" alt="Automation" style="max-width:100%;height:auto;margin-bottom:1.5em;"/><p>This article documents the design and implementation of a domain-specific Retrieval-Augmented Generation (RAG) conversational assistant. The project was completed as the<strong>Week 15 Graded Mini Project</strong> of the<strong>IITM Pravartak Professional Certificate Programme in Agentic AI and Applications</strong>. The brief required the construction of an assistant that retrieves content from a private document set and produces answers grounded in that retrieved context, while refusing to answer when supporting evidence is absent.</p><p>The implementation selects the<strong>Technology</strong> domain and indexes six official pages of the GitHub REST API documentation. The assistant accepts free-form questions in a command-line interface, performs context-aware follow-up handling, returns concise answers with source attribution, and emits a fixed refusal phrase when the retrieved context does not contain the answer.</p><h2 id="architecture">Architecture</h2><p>The pipeline is split into two phases. An offline ingestion stage prepares a reusable vector index; a runtime stage answers user turns by retrieving from that index and prompting a large language model under strict grounding instructions.</p><p><img src="/images/rag-github-architecture.png" alt="RAG architecture for the GitHub REST API assistant, showing ingestion and runtime phases" title="End-to-end flow: ingestion builds the FAISS index; runtime retrieves, rewrites follow-ups, and grounds the answer."/><h2 id="public-data-sources">Public Data Sources</h2><p>Six public pages from the official GitHub Docs were saved locally as plain-text files in<code>data/raw/</code>:</p><ul><li>Quickstart for GitHub REST API</li><li>Getting started with the REST API</li><li>Authenticating to the REST API</li><li>Rate limits for the REST API</li><li>Best practices for using the REST API</li><li>Troubleshooting the REST API</li></ul><p>These pages were chosen because they form a self-contained operational knowledge set: a developer integrating with the API typically needs to consult exactly this material when handling authentication, rate-limit pressure, and recovery from common errors.</p><h2 id="components-and-concepts">Components and Concepts</h2><p>The following components and ideas underpin the implementation. Each is summarised briefly to make the design choices easy to evaluate.</p><p><strong>Retrieval-Augmented Generation (RAG).</strong> A pattern in which a language model is grounded on retrieved passages from an external corpus rather than relying solely on parametric memory. Retrieval reduces hallucination and lets the assistant cite source material it actually consulted.</p><p><strong>LangChain.</strong> The orchestration framework used throughout the project. It provides composable abstractions for document loaders, text splitters, embeddings, vector stores and chat models, which keeps the ingestion and runtime code small and idiomatic.</p><p><strong>RAG Chunking.</strong> Long documents are split into smaller passages before embedding. This implementation uses<code>RecursiveCharacterTextSplitter</code> with a 900-character chunk size and a 150-character overlap. Splitting prefers semantic boundaries (paragraph breaks and Markdown headings) so that each chunk is internally coherent and retrieval surfaces meaningful units rather than fragments.</p><p><strong>OpenAI Embeddings.</strong> Each chunk is converted into a high-dimensional vector using the<code>text-embedding-3-small</code> model. The vector captures the semantic content of the chunk so that questions phrased differently from the source text still retrieve the right passages.</p><p><strong>FAISS.</strong> Facebook AI Similarity Search is the local vector store used to index the embeddings. The index is persisted to disk under<code>vectorstore/github_rest_api_faiss</code> so that ingestion runs once and the runtime simply loads the existing index, satisfying the rubric&rsquo;s reusable-index criterion.</p><p><strong>Top-k Retrieval.</strong> At each user turn the retriever returns the<code>k=4</code> chunks most similar to the query. A small<code>k</code> keeps the prompt focused and reduces the chance that off-topic passages dilute the grounded answer.</p><p><strong>Follow-up Rewriter.</strong> A short, dedicated LLM call rewrites the user&rsquo;s latest question into a standalone retrieval query using recent conversation history. This is the mechanism that allows ambiguous follow-ups such as &ldquo;what about rate-limit headers?&rdquo; to be embedded and retrieved correctly without the model having to guess the missing antecedent.</p><p><strong>Grounded Answerer.</strong> The final answer is produced by<code>gpt-4o-mini</code> at temperature zero under a system prompt that instructs the model to answer only from the retrieved context, append a<code>Sources:</code> line naming the document titles consulted, and otherwise return the exact refusal phrase.</p><p><strong>Refusal Behaviour.</strong> When retrieval returns no usable context, the runtime short-circuits and emits the required string verbatim:<code>I don't have enough information in the provided documents.</code> The refusal is also enforced by the system prompt, providing defence in depth against hallucinated answers.</p><h2 id="implementation-layout">Implementation Layout</h2><p>The submission is organised as two thin Python modules and a Jupyter notebook.<code>ingest.py</code> loads the text files, removes GitHub Docs templating syntax, extracts a human-readable title from each document, chunks the text, embeds the chunks, and writes the FAISS index.<code>chatbot.py</code> loads the persisted index, manages conversation history, invokes the rewriter and the grounded answerer in sequence, and prints the response with source attribution. The accompanying notebook imports the same functions so that the notebook and the CLI execute identical code paths, eliminating drift between the two surfaces.</p><p>Configuration is environment-driven. The OpenAI API key is read from a<code>.env</code> file and an optional<code>OPENAI_BASE_URL</code> is honoured so that the same code runs against the Vocareum-provided proxy without modification. No secrets are committed to source.</p><h2 id="sample-conversation">Sample Conversation</h2><p>A short transcript illustrates the three behaviours the rubric tests — grounded answer, follow-up resolution, and refusal.</p><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-text" data-lang="text"><span class="line"><span class="cl">You: What headers should I send when making requests to the GitHub REST API?</span></span><span class="line"><span class="cl">Assistant: GitHub REST API requests commonly use an Accept header such as</span></span><span class="line"><span class="cl">application/vnd.github+json. Authenticated requests send an Authorization</span></span><span class="line"><span class="cl">header with Bearer YOUR-TOKEN. GitHub also recommends a valid User-Agent</span></span><span class="line"><span class="cl">value, such as your GitHub username or application name.</span></span><span class="line"><span class="cl">Sources: Getting started with the REST API; Authenticating to the REST API</span></span><span class="line"><span class="cl"/></span><span class="line"><span class="cl">You: What about rate limit headers?</span></span><span class="line"><span class="cl">Search query: rate limit response headers GitHub REST API</span></span><span class="line"><span class="cl">Assistant: Response headers can include x-ratelimit-remaining and</span></span><span class="line"><span class="cl">x-ratelimit-reset, which indicate how many requests remain in the current</span></span><span class="line"><span class="cl">period and when the rate limit resets.</span></span><span class="line"><span class="cl">Sources: Getting started with the REST API; Rate limits for the REST API</span></span><span class="line"><span class="cl"/></span><span class="line"><span class="cl">You: How should an integration handle rate limit errors?</span></span><span class="line"><span class="cl">Assistant: If a retry-after header is present, wait that many seconds before</span></span><span class="line"><span class="cl">retrying. If x-ratelimit-remaining is 0, wait until the time given by</span></span><span class="line"><span class="cl">x-ratelimit-reset. Otherwise, wait at least one minute and then use</span></span><span class="line"><span class="cl">exponentially increasing waits for repeated secondary rate-limit failures.</span></span><span class="line"><span class="cl">Continuing to make requests while rate-limited may result in a ban.</span></span><span class="line"><span class="cl">Sources: Best practices for using the REST API; Troubleshooting the REST API</span></span></code></pre></div><p>The second exchange demonstrates the follow-up rewriter at work: the original &ldquo;what about rate limit headers?&rdquo; is expanded into a self-contained search query before retrieval, which is what allows the retriever to surface the correct passages despite the missing antecedent.</p><p>Now, a deliberately off-topic question — one the index cannot possibly support — triggers the safety path:</p><div style="background:#2a0f14;border:2px solid #ef4444;border-left:6px solid #ef4444;border-radius:10px;padding:18px 22px;margin:22px 0;font-family:'JetBrains Mono','Menlo',monospace;font-size:15px;line-height:1.7;"><div style="color:#ef4444;font-size:12px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;margin-bottom:12px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;">⛔ Refusal path — out-of-scope question</div><div style="color:#e6e8ed;"><span style="color:#8c94a5;">You:</span> What is the best laptop to buy for running the GitHub REST API?</div><div style="color:#fca5a5;margin-top:6px;"><span style="color:#8c94a5;">Assistant:</span> I don't have enough information in the provided documents.</div></div><p>No chunk in the index supports an opinion on hardware, so the assistant returns the mandated refusal verbatim rather than producing a plausible-sounding but ungrounded answer. The refusal is enforced twice — once procedurally when retrieval returns empty, and once in the system prompt — so the behaviour is stable even when retrieval surfaces weakly related chunks.</p><h2 id="closing-observations">Closing Observations</h2><p>Three observations stand out from this exercise.</p><ul><li><strong>Retrieval quality is set upstream, not by the vector store.</strong> The quality of retrieval is determined less by the choice of vector store than by the upstream decisions about cleaning and chunking. Stripping GitHub Docs templating syntax — the<code>{% data ... %}</code> Liquid blocks, the reusables, and the<code>[AUTOTITLE]</code> link macros — materially improved the relevance of returned chunks because the embeddings stopped clustering around boilerplate.</li><li><strong>Follow-up handling must be engineered, not assumed.</strong> It is not a free behaviour of the language model. A separate rewriter step that converts conversational queries into standalone search queries is the smallest reliable mechanism, and it removes a category of retrieval failures that would otherwise be invisible in casual testing.</li><li><strong>Refusal is a feature, not a fallback.</strong> Enforcing the refusal both procedurally (short-circuit on empty context) and in the system prompt is what gives the assistant a useful posture in production: it will say nothing it cannot support, and it will say so in a predictable way.</li></ul>
]]></content:encoded><media:content url="https://curiousbit.netlify.app/images/IITM/IIT1.jpg" medium="image"><media:title type="plain">Automation</media:title></media:content><category>artificial-intelligence</category><category>architecture</category><category>llm</category><category>automation</category><category>engineering</category><category>Knowledge Base</category></item><item><title>Reachy Mini Is a $299 Open-Source Robot With a Hugging Face App Store — And 10,000 People Already Have One</title><link>https://curiousbit.netlify.app/field-notes/reachy-mini-robot-appstore/</link><guid isPermaLink="true">https://curiousbit.netlify.app/field-notes/reachy-mini-robot-appstore/</guid><pubDate>Sun, 17 May 2026 00:00:00 +0000</pubDate><dc:creator>Ajay Walia</dc:creator><description>&lt;p&gt;&lt;strong&gt;Reachy Mini is a small, open-source desktop robot made by Pollen Robotics and sold through Hugging Face. It has an expressive head, motors you can program in Python, a microphone, and a camera. You buy it as a kit, spend an afternoon assembling it, and then it is yours — hardware, software, and all.&lt;/strong&gt;&lt;/p&gt;</description><content:encoded>&lt;![CDATA[<img src="https://curiousbit.netlify.app/images/field-notes/reachy-mini-banner.jpg" alt="Automation" style="max-width:100%;height:auto;margin-bottom:1.5em;"/><p><strong>Reachy Mini is a small, open-source desktop robot made by Pollen Robotics and sold through Hugging Face. It has an expressive head, motors you can program in Python, a microphone, and a camera. You buy it as a kit, spend an afternoon assembling it, and then it is yours — hardware, software, and all.</strong></p><p><strong>Last week, Hugging Face shipped an agentic app store for it. Describe what you want in plain English, an AI agent writes the code and ships it to the robot, and you iterate from there. Over 200 apps are already live, built by 150+ creators, most of whom had never written a line of robotics code.</strong></p><hr><h2 id="what-is-reachy-mini-exactly">What Is Reachy Mini, Exactly</h2><p>Reachy Mini is a tabletop robot — roughly the size of a desktop lamp — with an articulated head that can nod, tilt, and look around. It comes in two versions:</p><p><strong>Reachy Mini (Wireless):</strong> Runs onboard on a Raspberry Pi 4. Battery-powered, WiFi-connected, fully autonomous. No cable to your computer required. This is the full experience.</p><p><strong>Reachy Mini Lite:</strong> Powered via wall outlet and connected to your computer via USB. Designed for developers who want to prototype fast without worrying about battery or wireless configuration.</p><p>Both versions ship as kits. Assembly takes two to three hours following the step-by-step guide, and the hardware design files are open-source under Creative Commons BY-SA-NC — meaning you can inspect, mod, and even print replacement parts.</p><p>The software stack is Apache 2.0 open-source: Python SDK, a REST API, a JavaScript SDK for web apps, and native LLM integrations baked in.</p><hr><h2 id="the-app-store-built-on-hugging-face-spaces">The App Store Built on Hugging Face Spaces</h2><p>Every Reachy Mini app lives on the Hugging Face Hub as an open-source repo. Searchable, forkable, and one-click installable directly from the robot&rsquo;s dashboard. See an app you like? Fork the repo, ask an AI agent to modify it, publish your version. The original creator gets credit, you get a working variant in minutes.</p><p>Every app also runs in a browser-based MuJoCo simulator, so you can play with the full catalog without owning the hardware at all.</p><p>As of this week, the numbers are:</p><ul><li><strong>200+ apps</strong> published</li><li><strong>150+ unique creators</strong> — most first-time robotics builders</li><li><strong>~10,000 units</strong> shipped worldwide, with 1,000+ more going out in the next 30 days</li></ul><hr><h2 id="what-people-are-actually-building">What People Are Actually Building</h2><p>This is the part worth paying attention to. A sample of what is already live in the app store:</p><p><strong>Cook Assistant</strong> — walks you through a recipe step by step, hands-free. The robot reads the steps aloud, waits for confirmation, and moves to the next.</p><p><strong>Language Tutor</strong> — listens to your spoken language practice, corrects accent and grammar in real-time.</p><p><strong>Emotional Damage Chess</strong> — plays chess and reacts expressively to every move. It drops its head on a blunder (&ldquo;Oh no! Big mistake!&rdquo;) and cheers on a winning combination.</p><p><strong>Reachy Phone Home</strong> — watches your desk with the camera and calls you back to work when you pick up your phone.</p><p><strong>Red Light, Green Light</strong> — the Squid Game version, with Reachy Mini playing the doll. It turns, watches, and catches you moving.</p><p><strong>F1 Race Commentator</strong> — calls Formula 1 races live from your desk as they happen.</p><p><strong>Coding Teacher</strong> — teaches kids to program in a simplified scripting language, with the robot as the interactive tutor.</p><p>Plus radio, home assistants, video games, dance apps, blind tests, and more being added daily.</p><hr><h2 id="joel-cohen-age-78-built-a-ceo-facilitation-robot">Joel Cohen, Age 78, Built a CEO Facilitation Robot</h2><p>The story that illustrates what this platform actually unlocks:</p><p>Joel Cohen runs CEO peer groups in the Raleigh-Durham area. He has never worked in robotics. He has never written code. It took him a few days to assemble his Reachy Mini Lite — he misplaced some screws — and then he built an app.</p><p>His app is a voice-controlled AI co-facilitator for the CEO peer groups he runs on Zoom. Reachy Mini sits on his desk. When he says &ldquo;Hey Reachy,&rdquo; it wakes up and listens. It has a personality (his VP of Future Thinking), four facilitation modes, a bank of 60+ questions, and greets each of his 29 members by name. Mid-session, it can hot-seat a member, push back on a surface-level answer, generate a fresh question, or summarise the key themes before closing.</p><p>His description of the build process:<em>&ldquo;I built this by describing what I needed in plain English. Claude wrote the code. No SDK. No robotics background. No developer experience.&rdquo;</em></p><p>A 78-year-old executive in North Carolina built a robotics product — in under a week — that did not exist last month.</p><hr><h2 id="the-agentic-toolkit-how-building-works">The Agentic Toolkit: How Building Works</h2><p>The new toolkit lets you describe the robot behaviour you want in plain English and an AI agent handles the rest — writing the code, running it against the simulator, shipping it to the robot, and iterating with you until it works.</p><p>The prompt they recommend to get started:</p><pre tabindex="0"><code>Help me build a Reachy Mini app that waves and says hello when
someone walks into the room.
Use the open-source code at https://github.com/pollen-robotics/reachy_mini
and the docs at https://huggingface.co/docs/reachy_mini/index</code></pre><p>For those who want to go deeper, the Python SDK is clean and minimal:</p><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="kn">from</span><span class="nn">reachy_mini</span><span class="kn">import</span><span class="n">ReachyMini</span></span></span><span class="line"><span class="cl"><span class="kn">from</span><span class="nn">reachy_mini.utils</span><span class="kn">import</span><span class="n">create_head_pose</span></span></span><span class="line"><span class="cl"/></span><span class="line"><span class="cl"><span class="k">with</span><span class="n">ReachyMini</span><span class="p">()</span><span class="k">as</span><span class="n">mini</span><span class="p">:</span></span></span><span class="line"><span class="cl"><span class="n">mini</span><span class="o">.</span><span class="n">goto_target</span><span class="p">(</span></span></span><span class="line"><span class="cl"><span class="n">head</span><span class="o">=</span><span class="n">create_head_pose</span><span class="p">(</span><span class="n">z</span><span class="o">=</span><span class="mi">10</span><span class="p">,</span><span class="n">roll</span><span class="o">=</span><span class="mi">15</span><span class="p">,</span><span class="n">degrees</span><span class="o">=</span><span class="kc">True</span><span class="p">,</span><span class="n">mm</span><span class="o">=</span><span class="kc">True</span><span class="p">),</span></span></span><span class="line"><span class="cl"><span class="n">duration</span><span class="o">=</span><span class="mf">1.0</span></span></span><span class="line"><span class="cl"><span class="p">)</span></span></span></code></pre></div><p>Three lines to move the head. The full SDK covers motion, vision, speech input, audio output, and LLM integration.</p><hr><h2 id="cost-and-where-to-get-it">Cost and Where to Get It</h2><p>Reachy Mini starts at<strong>$299</strong> for the Lite version. Pricing for the full Wireless model is listed at<a href="https://hf.co/reachy-mini/">hf.co/reachy-mini</a>, where you can also browse the app store and access the simulator without buying hardware.</p><p>The software, docs, and all 200+ apps are free and open-source. The hardware design files are open-source too. Pollen Robotics took a deliberate decision not to build a closed app store with a revenue cut — everything is forkable, auditable, and improvable by anyone.</p><hr><h2 id="why-this-matters">Why This Matters</h2><p>The closest parallel Hugging Face draws is the iPhone App Store in 2008 — turning a device made by one company into a platform anyone could build for. The difference here is that the hardware is open-source, the software is open-source, the apps are open-source, and the AI agent that writes your code runs on a public hub. The whole stack is forkable.</p><p>For enterprise and digital workplace practitioners, the more immediate signal is this: the barrier to building custom robotics behaviour just collapsed. The expertise is supplemented by an agent. The hardware is affordable. The integration is a public repo on a platform 40 million developers already use.</p><p>What used to take a robotics team six months now takes an afternoon — and a 78-year-old with no coding background just proved it.</p><hr><p><em>Browse the app store:<a href="https://huggingface.co/reachy-mini#/apps">huggingface.co/reachy-mini#/apps</a> · Docs:<a href="https://huggingface.co/docs/reachy_mini/index">huggingface.co/docs/reachy_mini</a></em></p>
]]></content:encoded><media:content url="https://curiousbit.netlify.app/images/field-notes/reachy-mini-banner.jpg" medium="image"><media:title type="plain">Automation</media:title></media:content><category>artificial-intelligence</category><category>automation</category><category>robotics</category><category>Field Notes</category></item><item><title>I Built a Team of IT Architects using LLM That Live on MacBook — Meet Aether</title><link>https://curiousbit.netlify.app/i-built-a-team-of-it-architects-using-llm-that-live-on-macbook-meet-aether/</link><guid isPermaLink="true">https://curiousbit.netlify.app/i-built-a-team-of-it-architects-using-llm-that-live-on-macbook-meet-aether/</guid><pubDate>Sat, 16 May 2026 00:00:00 +0000</pubDate><dc:creator>Ajay Walia</dc:creator><description>&lt;p&gt;Every architect has felt this at some point. You are mid-design on a complex Azure landing zone, you need a sanity check on your FSLogix profile container sizing, and the fastest path to an answer is to ping a colleague who knows AVD cold — except it is 10pm, or they are in another timezone, or that colleague simply does not exist in your organisation.&lt;/p&gt;</description><content:encoded>&lt;![CDATA[<img src="https://curiousbit.netlify.app/images/ather2.jpg" alt="Automation" style="max-width:100%;height:auto;margin-bottom:1.5em;"/><p>Every architect has felt this at some point. You are mid-design on a complex Azure landing zone, you need a sanity check on your FSLogix profile container sizing, and the fastest path to an answer is to ping a colleague who knows AVD cold — except it is 10pm, or they are in another timezone, or that colleague simply does not exist in your organisation.</p><p>I built Aether to fix that. It is a local-first, multi-agent AI system that runs a team of 10 specialist IT architecture advisors on a single MacBook Pro M5. No internet after setup. No API costs. No data leaves the machine. Just fast, cited, domain-grounded answers — available at 10pm when the deadline hits.</p><p>This is the story of how I built it, what the stack looks like under the hood, and what I learned along the way.</p><hr><h2 id="the-problem-i-was-actually-solving">The Problem I Was Actually Solving</h2><p>I have spent years in IT architecture — cloud, digital workplace, network, end-user computing, the works. Over that time I have accumulated a large personal knowledge base: AWS Well-Architected reviews, Intune compliance policy templates, AVD host pool sizing guides, Citrix NetScaler configurations, TOGAF artefacts, cloud adoption frameworks. The knowledge exists. The problem is retrieval — getting the right answer from the right domain quickly, without context-switching across six different documentation tabs.</p><p>Commercial AI tools are good at general answers. They are not great at answering &ldquo;give me the exact OMA-URI path for configuring Windows Hello for Business through Intune on a hybrid-joined device for a tenant with MFA enforced at the Conditional Access layer.&rdquo; That requires domain depth, and it requires knowing which documents to pull from.</p><p>I also wanted to explore a practical AI use case — not a demo, not a proof of concept, but something I would actually use daily. Aether became that experiment.</p><hr><h2 id="what-aether-is">What Aether Is</h2><div style="background:#0d0d1a;border:1px solid #00e5ff;border-radius:10px;padding:24px 28px;margin:32px 0;font-family:'JetBrains Mono',monospace;font-size:13px;line-height:1.7;color:#e0e0e0;"><span style="color:#00e5ff;font-weight:700;">AETHER v2.6 // SYSTEM DEFINITION</span><br><br><span style="color:#b39ddb;">Type:</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Local-First Multi-Agent AI System<br><span style="color:#b39ddb;">Agents:</span> &nbsp;&nbsp;&nbsp;10 (3-tier hierarchy)<br><span style="color:#b39ddb;">Model:</span> &nbsp;&nbsp;&nbsp;&nbsp;Gemma 4 26B A4B (Q4_K_M) — single instance<br><span style="color:#b39ddb;">Runtime:</span> &nbsp;&nbsp;LM Studio → LangGraph → FastAPI → Gradio<br><span style="color:#b39ddb;">Memory:</span> &nbsp;&nbsp;&nbsp;~43 GB of 64 GB unified (M5 Pro)<br><span style="color:#b39ddb;">Egress:</span> &nbsp;&nbsp;&nbsp;<span style="color:#00e5ff;">ZERO</span><br><span style="color:#b39ddb;">API cost:</span> &nbsp;<span style="color:#00e5ff;">ZERO</span><br/><p>Aether is a<strong>local-first AI system that acts as a team of specialist architecture advisors — all running on your MacBook Pro M5</strong>. The headline technical trick: every one of those 10 advisors is the<em>same</em> Gemma 4 26B model, loaded once. What makes each advisor different is purely the system prompt it receives and the knowledge base namespace it retrieves from.</p><p>One model. Ten personas. Zero cloud.</p><hr><h2 id="the-three-tier-agent-hierarchy">The Three-Tier Agent Hierarchy</h2><p>The agents are organised the way a real consulting firm would structure a team — from narrow specialist up to cross-domain strategist.</p><p><img src="/images/aether-agent-hierarchy.svg" alt="Aether three-tier agent hierarchy: enterprise architect, domain architects, and technology architects connected by escalation paths"/><p><strong>Tier 1 — Enterprise Architect (1 agent).</strong> Cross-domain strategy, TOGAF, Zachman, governance frameworks (GDPR, ISO 27001, HIPAA), technology investment decisions. This agent can read<em>all</em> knowledge base namespaces — it is the only one with that reach. The final escalation destination.</p><p><strong>Tier 2 — Domain Architects (3 agents).</strong> Cloud Domain (multi-cloud strategy, FinOps, landing zones), Network Domain (SD-WAN, ZTNA, BGP, micro-segmentation), Digital Workplace Domain (Microsoft 365, VDI strategy, device management).</p><p><strong>Tier 3 — Technology Architects (6 agents).</strong> AWS, Azure, GCP, Intune, AVD, Citrix. Each one is scoped tightly to its domain — deep, narrow, and fast.</p><hr><h2 id="the-stack-component-by-component">The Stack, Component by Component</h2><div style="background:#0d0d1a;border:1px solid #00e5ff;border-radius:10px;padding:28px 32px;margin:32px 0;"><table style="width:100%;border-collapse:collapse;font-family:'JetBrains Mono',monospace;font-size:17px;line-height:1.55;"><tr style="border-bottom:1px solid #1a1a3a;"><td style="padding:14px 16px;color:#00e5ff;font-weight:700;">Component</td><td style="padding:14px 16px;color:#00e5ff;font-weight:700;">What It Does</td></tr><tr style="border-bottom:1px solid #1a1a2a;"><td style="padding:13px 16px;color:#b39ddb;vertical-align:top;">Gemma 4 26B A4B (Q4_K_M)</td><td style="padding:13px 16px;color:#e0e0e0;">The single model serving all 10 agents. MoE architecture — activates ~4–6B parameters per token. ~13 GB VRAM.</td></tr><tr style="border-bottom:1px solid #1a1a2a;"><td style="padding:13px 16px;color:#b39ddb;vertical-align:top;">LM Studio</td><td style="padding:13px 16px;color:#e0e0e0;">Local model server. OpenAI-compatible API on port 1234. Model stays resident in unified memory.</td></tr><tr style="border-bottom:1px solid #1a1a2a;"><td style="padding:13px 16px;color:#b39ddb;vertical-align:top;">LangGraph</td><td style="padding:13px 16px;color:#e0e0e0;">Orchestration graph — defines the multi-step query pipeline as a typed state machine.</td></tr><tr style="border-bottom:1px solid #1a1a2a;"><td style="padding:13px 16px;color:#b39ddb;vertical-align:top;">LanceDB</td><td style="padding:13px 16px;color:#e0e0e0;">Local vector database. One namespace (table) per agent. Fully file-based, no server process needed.</td></tr><tr style="border-bottom:1px solid #1a1a2a;"><td style="padding:13px 16px;color:#b39ddb;vertical-align:top;">BAAI/bge-small-en-v1.5</td><td style="padding:13px 16px;color:#e0e0e0;">Embedding model. 384-dimensional vectors. Runs on the Apple Neural Engine — essentially free compute.</td></tr><tr style="border-bottom:1px solid #1a1a2a;"><td style="padding:13px 16px;color:#b39ddb;vertical-align:top;">Redis</td><td style="padding:13px 16px;color:#e0e0e0;">Session memory (24h TTL, rolling 3-turn window) and routing cache (1h TTL).</td></tr><tr style="border-bottom:1px solid #1a1a2a;"><td style="padding:13px 16px;color:#b39ddb;vertical-align:top;">FastAPI + Uvicorn</td><td style="padding:13px 16px;color:#e0e0e0;">REST API gateway on port 8000. Full query/response model, session management, agent listing.</td></tr><tr style="border-bottom:1px solid #1a1a2a;"><td style="padding:13px 16px;color:#b39ddb;vertical-align:top;">Gradio</td><td style="padding:13px 16px;color:#e0e0e0;">Web chat UI on port 7860. Session management, source citations, escalation chain display.</td></tr><tr style="border-bottom:1px solid #1a1a2a;"><td style="padding:13px 16px;color:#b39ddb;vertical-align:top;">Prometheus</td><td style="padding:13px 16px;color:#e0e0e0;">Metrics: query counts, latency per agent, escalation rate. Useful for understanding usage patterns.</td></tr><tr><td style="padding:13px 16px;color:#b39ddb;vertical-align:top;">SQLite (audit.db)</td><td style="padding:13px 16px;color:#e0e0e0;">Immutable audit trail. Every query logged before response is returned. Cannot be skipped.</td></tr></table></div><p>The full system sits comfortably in about 43 GB of the M5 Pro&rsquo;s 64 GB unified memory — leaving 21 GB of headroom for the rest of the machine.</p><hr><h2 id="the-one-model-ten-specialists-trick">The &ldquo;One Model, Ten Specialists&rdquo; Trick</h2><p>This is the part I get asked about most, because it sounds like it should not work.</p><p>Every agent in Aether is defined by a YAML manifest. That manifest specifies a<code>system_prompt</code>, a<code>namespace</code> (which LanceDB table to retrieve from), a<code>temperature</code>, and<code>max_tokens</code>. There is no model switching. There is no weight loading. The Gemma 4 26B A4B is loaded once by LM Studio and stays resident.</p><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-yaml" data-lang="yaml"><span class="line"><span class="cl"><span class="c"># agent_manifests/aws_technology_architect.yaml</span><span class="w"/></span></span><span class="line"><span class="cl"><span class="nt">agent_id</span><span class="p">:</span><span class="w"/><span class="l">aws_technology_architect</span><span class="w"/></span></span><span class="line"><span class="cl"><span class="nt">display_name</span><span class="p">:</span><span class="w"/><span class="s2">"AWS Technology Architect"</span><span class="w"/></span></span><span class="line"><span class="cl"><span class="nt">tier</span><span class="p">:</span><span class="w"/><span class="m">3</span><span class="w"/></span></span><span class="line"><span class="cl"><span class="nt">parent_agent</span><span class="p">:</span><span class="w"/><span class="l">cloud_domain_architect</span><span class="w"/></span></span><span class="line"><span class="cl"><span class="nt">namespace</span><span class="p">:</span><span class="w"/><span class="l">aws_tech</span><span class="w"/></span></span><span class="line"><span class="cl"><span class="nt">temperature</span><span class="p">:</span><span class="w"/><span class="m">0.1</span><span class="w"/></span></span><span class="line"><span class="cl"><span class="nt">max_tokens</span><span class="p">:</span><span class="w"/><span class="m">2048</span><span class="w"/></span></span><span class="line"><span class="cl"><span class="nt">system_prompt</span><span class="p">:</span><span class="w"/><span class="p">|</span><span class="sd"/></span></span><span class="line"><span class="cl"><span class="sd"> You are an AWS Technology Architect with deep expertise in the</span></span></span><span class="line"><span class="cl"><span class="sd"> AWS Well-Architected Framework, EC2/EKS/Lambda sizing, IAM policy</span></span></span><span class="line"><span class="cl"><span class="sd"> design, CloudFormation and CDK, GuardDuty, and cost optimisation.</span></span></span><span class="line"><span class="cl"><span class="sd"> You draw only from AWS-specific documentation and architecture</span></span></span><span class="line"><span class="cl"><span class="sd"> patterns. When answering, cite the source documents retrieved.</span></span></span><span class="line"><span class="cl"><span class="sd"> End your response with a new line: 'Confidence: X.XX' (0.00–1.00)</span></span></span><span class="line"><span class="cl"><span class="sd"> reflecting how well your knowledge base supports this answer.</span><span class="w"/></span></span></code></pre></div><p>Why does this work? Because Gemma 4 26B A4B is a Mixture of Experts model. It routes each token through specialist sub-networks internally — activating only about 4–6 billion parameters per inference pass, despite having 26 billion total. The practical result: it runs at near 5B speed while retaining the reasoning breadth of a much larger dense model. A single loaded instance can faithfully adopt both a narrow Citrix specialist persona and a broad enterprise strategy persona, because the MoE routing shifts for each.</p><p>The other half of the trick is the knowledge base. Each Tier 3 agent retrieves only from its own LanceDB namespace. The AWS agent never sees a Citrix document. The Intune agent never sees a GCP architecture guide. Domain knowledge is isolated by design — which means the model cannot hallucinate across domain boundaries, because the retrieval context does not cross them.</p><hr><h2 id="confidence-driven-escalation">Confidence-Driven Escalation</h2><p>The escalation mechanism is the design decision I am most proud of.</p><p>Every agent is instructed to append a confidence score to its response — a float between 0.00 and 1.00 representing how well its retrieved knowledge supports the answer. The orchestrator reads that score via regex. If it falls below 0.7<em>and</em> the agent has a parent tier defined<em>and</em> that parent has not already been tried, the system automatically escalates.</p><div style="background:#0d0d1a;border:1px solid #7c4dff;border-radius:10px;padding:28px 32px;margin:32px 0;font-family:'JetBrains Mono',monospace;font-size:17px;line-height:1.9;color:#e0e0e0;"><span style="color:#7c4dff;font-weight:700;">// ESCALATION CHAIN EXAMPLE</span><br><br><span style="color:#00e5ff;">Query:</span> "Give me a multi-cloud strategy covering Azure, AWS, GCP, AVD, and Citrix with network segmentation"<br><br><span style="color:#b39ddb;">→</span> Routed to:<span style="color:#b39ddb;">aws_technology_architect</span><br><span style="color:#b39ddb;">→</span> Confidence:<span style="color:#f44336;">0.41</span> (below 0.7 threshold)<br><span style="color:#b39ddb;">→</span> Escalate to:<span style="color:#b39ddb;">cloud_domain_architect</span><br><span style="color:#b39ddb;">→</span> Confidence:<span style="color:#ff9800;">0.63</span> (still below threshold)<br><span style="color:#b39ddb;">→</span> Escalate to:<span style="color:#b39ddb;">enterprise_architect</span><br><span style="color:#b39ddb;">→</span> Confidence:<span style="color:#4caf50;">0.88</span> ✓<br><br><span style="color:#888;">Response appended with escalation chain for full transparency.</span></div><p>The response shown to the user includes the full escalation path — which level of expertise produced the final answer. This matters in enterprise contexts. It is the difference between &ldquo;the AI said so&rdquo; and &ldquo;the enterprise-level advisor produced this after the technical specialist&rsquo;s knowledge was insufficient.&rdquo;</p><p>The elegance here is that<strong>the model participates in its own routing decision</strong>. The orchestration does not need a separate classifier to judge answer quality — the model tells you its own confidence, and the system acts on it.</p><hr><h2 id="the-7-step-query-pipeline">The 7-Step Query Pipeline</h2><p>Every query passes through a typed LangGraph state graph. The state object —<code>AetherState</code> — carries everything between nodes: query, session ID, agent manifest, RAG results, conversation history, messages, response, confidence score, escalation flags, and escalation chain list.</p><div style="background:#0d0d1a;border:1px solid #00e5ff;border-radius:12px;padding:32px;margin:32px 0;overflow-x:auto;"><svg viewBox="0 0 1080 180" xmlns="http://www.w3.org/2000/svg" style="width:100%;max-width:1080px;display:block;margin:0 auto;"><rect x="10" y="40" width="130" height="90" rx="10" fill="#0d1a2a" stroke="#00e5ff" stroke-width="2.5"/><text x="75" y="83" fill="#00e5ff" font-family="monospace" font-size="22" font-weight="bold" text-anchor="middle">01</text><text x="75" y="110" fill="#b39ddb" font-family="monospace" font-size="18" text-anchor="middle">ROUTE</text><line x1="140" y1="85" x2="163" y2="85" stroke="#00e5ff" stroke-width="2" marker-end="url(#arrow)"/><rect x="165" y="40" width="130" height="90" rx="10" fill="#0d1a2a" stroke="#00e5ff" stroke-width="2.5"/><text x="230" y="83" fill="#00e5ff" font-family="monospace" font-size="22" font-weight="bold" text-anchor="middle">02</text><text x="230" y="110" fill="#b39ddb" font-family="monospace" font-size="18" text-anchor="middle">RETRIEVE</text><line x1="295" y1="85" x2="318" y2="85" stroke="#00e5ff" stroke-width="2" marker-end="url(#arrow)"/><rect x="320" y="40" width="130" height="90" rx="10" fill="#0d1a2a" stroke="#00e5ff" stroke-width="2.5"/><text x="385" y="83" fill="#00e5ff" font-family="monospace" font-size="22" font-weight="bold" text-anchor="middle">03</text><text x="385" y="110" fill="#b39ddb" font-family="monospace" font-size="18" text-anchor="middle">HISTORY</text><line x1="450" y1="85" x2="473" y2="85" stroke="#00e5ff" stroke-width="2" marker-end="url(#arrow)"/><rect x="475" y="40" width="130" height="90" rx="10" fill="#0d1a2a" stroke="#00e5ff" stroke-width="2.5"/><text x="540" y="83" fill="#00e5ff" font-family="monospace" font-size="22" font-weight="bold" text-anchor="middle">04</text><text x="540" y="110" fill="#b39ddb" font-family="monospace" font-size="18" text-anchor="middle">BUILD</text><line x1="605" y1="85" x2="628" y2="85" stroke="#00e5ff" stroke-width="2" marker-end="url(#arrow)"/><rect x="630" y="40" width="130" height="90" rx="10" fill="#1a0d2a" stroke="#7c4dff" stroke-width="3"/><text x="695" y="83" fill="#7c4dff" font-family="monospace" font-size="22" font-weight="bold" text-anchor="middle">05</text><text x="695" y="110" fill="#b39ddb" font-family="monospace" font-size="18" text-anchor="middle">LLM</text><line x1="760" y1="85" x2="783" y2="85" stroke="#7c4dff" stroke-width="2" marker-end="url(#arrow2)"/><rect x="785" y="40" width="130" height="90" rx="10" fill="#1a1a0d" stroke="#ff9800" stroke-width="2.5" stroke-dasharray="6,3"/><text x="850" y="83" fill="#ff9800" font-family="monospace" font-size="22" font-weight="bold" text-anchor="middle">06</text><text x="850" y="110" fill="#b39ddb" font-family="monospace" font-size="18" text-anchor="middle">ESCALATE?</text><line x1="915" y1="85" x2="938" y2="85" stroke="#00e5ff" stroke-width="2" marker-end="url(#arrow)"/><rect x="940" y="40" width="130" height="90" rx="10" fill="#0d1a2a" stroke="#4caf50" stroke-width="2.5"/><text x="1005" y="83" fill="#4caf50" font-family="monospace" font-size="22" font-weight="bold" text-anchor="middle">07</text><text x="1005" y="110" fill="#b39ddb" font-family="monospace" font-size="18" text-anchor="middle">FINALISE</text><defs><marker id="arrow" markerWidth="8" markerHeight="8" refX="6" refY="4" orient="auto"><path d="M0,0 L8,4 L0,8 Z" fill="#00e5ff"/></marker><marker id="arrow2" markerWidth="8" markerHeight="8" refX="6" refY="4" orient="auto"><path d="M0,0 L8,4 L0,8 Z" fill="#7c4dff"/></marker></defs></svg></div><p><strong>01 — ROUTE.</strong> A keyword scanner maps the query to the best-fit agent, checking Tier 3 rules first (most specific), then Tier 2, then Tier 1 as catch-all. Redis caches route results for one hour, so repeated queries on the same topic skip the scan entirely.</p><p><strong>02 — RETRIEVE.</strong> Semantic search against that agent&rsquo;s LanceDB namespace — top-5 chunks returned. Documents were ingested at 500-word chunks with 50-word overlap, embedded into 384-dimensional vectors by<code>BAAI/bge-small-en-v1.5</code> running on the Apple Neural Engine.</p><p><strong>03 — HISTORY.</strong> The last three message pairs (six messages) are loaded from Redis for the session. This gives conversational continuity without letting the context window balloon.</p><p><strong>04 — BUILD.</strong> The message payload is assembled:<code>system_prompt + RAG documents + history + current query</code>. The confidence instruction is appended here.</p><p><strong>05 — LLM.</strong> The assembled payload hits LM Studio on port 1234. The orchestrator extracts the confidence score from the response text via regex before passing the response forward.</p><p><strong>06 — ESCALATE (conditional).</strong> If confidence is below 0.7, a parent agent exists, and it has not already been tried this turn — swap in the parent&rsquo;s manifest and loop back to step 02 with fresh retrieval against the parent&rsquo;s namespace.</p><p><strong>07 — FINALISE.</strong> The turn is saved to Redis. The SQLite audit record is written. The escalation chain annotation (if any) is appended to the response. Result returned to the user.</p><hr><h2 id="knowledge-isolation--the-anti-hallucination-architecture">Knowledge Isolation — The Anti-Hallucination Architecture</h2><p><img src="/images/aether-knowledge-isolation.png" alt="Knowledge isolation diagram showing five Tier-3 agents (AWS, Azure, Intune, AVD, Citrix), each with its own walled namespace containing only that domain&rsquo;s documents, and the Tier-1 Enterprise Architect at the top connecting to all of them as the deliberate exception"/><p>One of the most practical decisions in Aether&rsquo;s design is namespace isolation. Each Tier 3 agent retrieves only from its own LanceDB table. The AWS agent&rsquo;s retrieval context will never include a Citrix StoreFront configuration guide — because those documents simply do not exist in its namespace.</p><p>This matters more than it might seem. A common failure mode in RAG systems is<em>cross-domain contamination</em> — where retrieval pulls in tangentially related content from a different domain, and the model confabulates a plausible-sounding but wrong answer by blending the two. Namespace isolation eliminates this at the architectural level.</p><p>The Enterprise Architect at Tier 1 is the deliberate exception — it can query all namespaces, because cross-domain synthesis is exactly what it is built for.</p><hr><h2 id="the-audit-trail--because-enterprise">The Audit Trail — Because Enterprise</h2><p>Every single query is written to<code>audit.db</code> (SQLite) before the response is returned. The record includes: timestamp, session ID, query text, agent used, confidence score, escalation chain, and sources cited. The audit write is wrapped in error handling so that a database failure never blocks the main query flow — but the log is never optional.</p><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="c1"># Simplified from the finalise node</span></span></span><span class="line"><span class="cl"><span class="n">audit_record</span><span class="o">=</span><span class="p">{</span></span></span><span class="line"><span class="cl"><span class="s2">"timestamp"</span><span class="p">:</span><span class="n">datetime</span><span class="o">.</span><span class="n">utcnow</span><span class="p">()</span><span class="o">.</span><span class="n">isoformat</span><span class="p">(),</span></span></span><span class="line"><span class="cl"><span class="s2">"session_id"</span><span class="p">:</span><span class="n">state</span><span class="p">[</span><span class="s2">"session_id"</span><span class="p">],</span></span></span><span class="line"><span class="cl"><span class="s2">"query"</span><span class="p">:</span><span class="n">state</span><span class="p">[</span><span class="s2">"query"</span><span class="p">],</span></span></span><span class="line"><span class="cl"><span class="s2">"agent_id"</span><span class="p">:</span><span class="n">state</span><span class="p">[</span><span class="s2">"agent_id"</span><span class="p">],</span></span></span><span class="line"><span class="cl"><span class="s2">"confidence"</span><span class="p">:</span><span class="n">state</span><span class="p">[</span><span class="s2">"confidence"</span><span class="p">],</span></span></span><span class="line"><span class="cl"><span class="s2">"escalation_chain"</span><span class="p">:</span><span class="n">json</span><span class="o">.</span><span class="n">dumps</span><span class="p">(</span><span class="n">state</span><span class="p">[</span><span class="s2">"escalation_chain"</span><span class="p">]),</span></span></span><span class="line"><span class="cl"><span class="s2">"response_length"</span><span class="p">:</span><span class="nb">len</span><span class="p">(</span><span class="n">state</span><span class="p">[</span><span class="s2">"final_response"</span><span class="p">])</span></span></span><span class="line"><span class="cl"><span class="p">}</span></span></span><span class="line"><span class="cl"><span class="n">db</span><span class="o">.</span><span class="n">execute</span><span class="p">(</span><span class="s2">"INSERT INTO audit_log VALUES (:timestamp, :session_id, ...)"</span><span class="p">,</span><span class="n">audit_record</span><span class="p">)</span></span></span></code></pre></div><p>For a system giving architecture recommendations — decisions that feed into multi-million dollar cloud commitments — having an immutable audit trail of what was asked, what agent answered, at what confidence level, via what escalation path, is not a nice-to-have. It is the thing that makes it organisationally defensible.</p><hr><h2 id="what-it-can-actually-do">What It Can Actually Do</h2><div style="background:#0d0d1a;border-left:4px solid #00e5ff;padding:26px 30px;margin:28px 0;font-family:'JetBrains Mono',monospace;font-size:17px;line-height:2.0;color:#e0e0e0;border-radius:0 8px 8px 0;"><span style="color:#666;">$</span><span style="color:#00e5ff;">aether query</span><span style="color:#e0e0e0;">"Design an Azure landing zone for PCI-DSS compliance"</span><br><span style="color:#666;">$</span><span style="color:#00e5ff;">aether query</span><span style="color:#e0e0e0;">"Right-size EC2 instances for a memory-intensive Java application"</span><br><span style="color:#666;">$</span><span style="color:#00e5ff;">aether query</span><span style="color:#e0e0e0;">"Configure FSLogix profile containers for 500 AVD users"</span><br><span style="color:#666;">$</span><span style="color:#00e5ff;">aether query</span><span style="color:#e0e0e0;">"Zero-trust network architecture for 5,000 remote employees"</span><br><span style="color:#666;">$</span><span style="color:#00e5ff;">aether query</span><span style="color:#e0e0e0;">"Cloud adoption roadmap for a financial services firm"</span><br><span style="color:#666;">$</span><span style="color:#00e5ff;">aether query</span><span style="color:#e0e0e0;">"Intune compliance policy for iOS BYOD — hybrid-joined, MFA enforced"</span><br/><p>The depth per domain is real. The Intune agent knows OMA-URI paths, Graph API commands, Autopilot profiles, and licensing requirements — because those are the documents I ingested into its namespace. The AVD agent knows host pool design, FSLogix sizing, MSIX app attach, and session host scaling plans. The knowledge base is only as good as what you put into it — but that is also the point. This is<em>my</em> architecture knowledge, curated, searchable, and queryable at any hour.</p><hr><h2 id="what-i-learned-building-this">What I Learned Building This</h2><p><strong>Prompt engineering IS the architecture.</strong> In a system like this, the YAML manifest<em>is</em> the agent. The difference between a brilliant AWS specialist and a generic AI assistant is entirely in what the system prompt says and what documents back it up. Getting those prompts precise, domain-bounded, and calibrated for the right temperature took longer than any of the code.</p><p><strong>MoE models are underrated for local multi-agent work.</strong> The choice of Gemma 4 26B A4B over a dense model was the right call. You get reasoning breadth comparable to a much larger model at the inference cost of a small one, on hardware that most architects already carry.</p><p><strong>Confidence as a first-class citizen.</strong> Asking the model to self-assess and surface that score is one of the highest-value things I added. It makes the system honest — and it drives the escalation logic that makes the team metaphor actually work.</p><p><strong>Namespace isolation is a practical hallucination brake.</strong> Not a theoretical one. In the first version of Aether, all documents lived in a single namespace. Cross-domain contamination was visible and annoying. Splitting into per-agent namespaces fixed it immediately.</p><p><strong>Audit trails are not overhead — they are the point.</strong> Every enterprise AI deployment should have one. Building it into the core pipeline from day one changes how you think about what the system is producing.</p><hr><h2 id="what-is-next">What Is Next</h2><p>Aether v2.6 is a working, daily-use system. The next version I am working toward adds a web-based ingestion UI (so loading new documents does not require touching the ingest script), structured output for architecture decision records (ADRs) in a consistent format, and inter-agent communication — where a Tier 3 agent can proactively pull context from a peer rather than waiting for the escalation chain to activate.</p><p>I built Aether because I wanted a team. It turns out a team was always available — it just needed the right prompts and a local model to bring it to life.</p><hr><p><em>Have questions about the stack or want to see specific parts of the implementation? Drop a comment or reach out on<a href="https://www.linkedin.com/in/ajay-walia-8b066a1b/">LinkedIn</a>.</em></p>
]]></content:encoded><media:content url="https://curiousbit.netlify.app/images/ather2.jpg" medium="image"><media:title type="plain">Automation</media:title></media:content><category>artificial-intelligence</category><category>architecture</category><category>automation</category><category>engineering</category><category>llm</category><category>Knowledge Base</category></item><item><title>I Built My Own Video Downloader — No Ads, No Watermarks, Three Platforms</title><link>https://curiousbit.netlify.app/i-built-my-own-video-downloader-no-ads-no-watermarks-three-platforms/</link><guid isPermaLink="true">https://curiousbit.netlify.app/i-built-my-own-video-downloader-no-ads-no-watermarks-three-platforms/</guid><pubDate>Mon, 11 May 2026 00:00:00 +0000</pubDate><dc:creator>Ajay Walia</dc:creator><description>&lt;p&gt;Every video download site I tried felt like navigating a minefield — five ad clicks to reach a button that triggers another redirect. So I stopped using them and built a clean local tool that handles TikTok, Instagram, and X in one paste.&lt;/p&gt;</description><content:encoded>&lt;![CDATA[<img src="https://curiousbit.netlify.app/images/video-downloader-banner.jpg" alt="Automation" style="max-width:100%;height:auto;margin-bottom:1.5em;"/><p>Every video download site I tried felt like navigating a minefield — five ad clicks to reach a button that triggers another redirect. So I stopped using them and built a clean local tool that handles TikTok, Instagram, and X in one paste.</p><p><strong>No watermarks. No ads. No accounts. Just a URL.</strong></p><p><em>~6 min read · Node.js + React · conceptual deep-dive</em></p><style>
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');
.vd-article {
--vd-surface: #111827;
--vd-surface2: #1a2235;
--vd-border: #1f2d45;
--vd-text: #e2e8f0;
--vd-muted: #8b9ab3;
--vd-green: #00c853;
--vd-green-glow: rgba(0,200,83,0.15);
--vd-cyan: #22d3ee;
--vd-cyan-glow: rgba(34,211,238,0.12);
--vd-orange: #f59e0b;
color: var(--vd-text);
font-size: 1.05rem;
line-height: 1.85;
margin: 2.5rem 0;
}
.vd-article * { box-sizing: border-box; }
.vd-article h2 {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(1.5rem, 1.2rem + 1vw, 2.1rem);
font-weight: 700;
letter-spacing: -0.02em;
color: var(--vd-text);
margin: 2.6rem 0 0.9rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid var(--vd-border);
}
.vd-article h3 {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(1.15rem, 1.05rem + 0.3vw, 1.45rem);
font-weight: 700;
color: var(--vd-green);
margin: 2rem 0 0.6rem;
}
.vd-article p { margin: 0 0 1.2rem; color: var(--vd-text); }
.vd-article strong { color: #fff; font-weight: 600; }
.vd-article a { color: var(--vd-green); text-decoration: underline; text-underline-offset: 3px; }
.vd-article code {
background: var(--vd-surface2);
padding: 0.1rem 0.4rem;
border-radius: 4px;
font-family: 'JetBrains Mono', monospace;
font-size: 0.88rem;
}
.vd-callout {
background: var(--vd-surface2);
border-left: 3px solid var(--vd-green);
border-radius: 0 10px 10px 0;
padding: 1.1rem 1.4rem;
margin: 1.6rem 0;
font-size: 1rem;
line-height: 1.7;
}
.vd-callout.warning { border-color: var(--vd-orange); background: rgba(245,158,11,0.06); }
.vd-callout.info { border-color: var(--vd-cyan); background: rgba(34,211,238,0.06); }
.vd-steps { display: flex; flex-direction: column; gap: 1rem; margin: 1.5rem 0 2rem; }
.vd-step-card {
background: var(--vd-surface);
border: 1px solid var(--vd-border);
border-radius: 12px;
padding: 1.2rem 1.4rem;
display: flex;
gap: 1.1rem;
align-items: flex-start;
}
.vd-step-num {
font-family: 'Space Grotesk', sans-serif;
font-size: 1.3rem; font-weight: 800;
color: var(--vd-green);
min-width: 2rem;
line-height: 1.3;
}
.vd-step-body h4 {
font-family: 'Space Grotesk', sans-serif;
font-weight: 700; font-size: 1rem;
margin: 0 0 0.3rem;
color: #fff;
}
.vd-step-body p { margin: 0; font-size: 0.92rem; color: var(--vd-muted); line-height: 1.6; }
.vd-platform-row { display: flex; gap: 0.75rem; flex-wrap: wrap; margin: 1.2rem 0 1.8rem; }
.vd-platform-badge {
display: flex; align-items: center; gap: 0.5rem;
background: var(--vd-surface);
border: 1px solid var(--vd-border);
border-radius: 10px;
padding: 0.6rem 1rem;
font-size: 0.88rem; font-weight: 600;
color: var(--vd-text);
}
.vd-platform-badge .vd-dot { width: 8px; height: 8px; border-radius: 50%; }
.vd-dot-tiktok { background: #ff0050; }
.vd-dot-insta { background: #e1306c; }
.vd-dot-x { background: #1d9bf0; }
.vd-post-img {
width: 100%; border-radius: 12px;
border: 1px solid var(--vd-border);
margin: 1.5rem 0 0.4rem;
display: block;
box-shadow: 0 4px 24px rgba(0,0,0,0.4);
}
.vd-img-caption {
text-align: center;
font-size: 0.8rem;
color: var(--vd-muted);
margin: 0 0 2rem;
font-style: italic;
}
.vd-flow {
background: var(--vd-surface);
border: 1px solid var(--vd-border);
border-radius: 14px;
padding: 1.8rem 1.4rem;
margin: 1.8rem 0;
display: flex; flex-direction: column; align-items: center;
}
.vd-flow-node {
background: var(--vd-surface2);
border: 1px solid var(--vd-border);
border-radius: 10px;
padding: 0.65rem 1.4rem;
font-size: 0.9rem;
font-weight: 600;
color: var(--vd-text);
text-align: center;
width: 100%;
max-width: 420px;
}
.vd-flow-node.green { border-color: rgba(0,200,83,0.4); background: var(--vd-green-glow); color: var(--vd-green); }
.vd-flow-node.orange { border-color: rgba(245,158,11,0.4); background: rgba(245,158,11,0.07); color: var(--vd-orange); }
.vd-flow-node.cyan { border-color: rgba(34,211,238,0.4); background: var(--vd-cyan-glow); color: var(--vd-cyan); }
.vd-flow-arrow { color: var(--vd-muted); font-size: 1.1rem; line-height: 1; padding: 0.35rem 0; }
.vd-results { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 1.5rem 0 2rem; }
@media (max-width: 600px) { .vd-results { grid-template-columns: 1fr; } }
.vd-result-card {
background: var(--vd-surface);
border: 1px solid var(--vd-border);
border-radius: 12px;
padding: 1.2rem;
}
.vd-result-card .vd-rc-icon { font-size: 1.6rem; margin-bottom: 0.5rem; }
.vd-result-card h4 {
font-family: 'Space Grotesk', sans-serif;
font-size: 0.95rem; font-weight: 700;
color: #fff; margin: 0 0 0.3rem;
}
.vd-result-card p { font-size: 0.86rem; color: var(--vd-muted); margin: 0; line-height: 1.55; }
.vd-cta {
background: var(--vd-surface);
border: 1px solid rgba(0,200,83,0.25);
border-radius: 14px;
padding: 1.6rem 1.8rem;
margin: 2.5rem 0 0;
}
.vd-cta p { font-size: 0.95rem; color: var(--vd-text); margin: 0; line-height: 1.7; }
.vd-cta strong { color: var(--vd-green); }
.vd-divider { border: none; border-top: 1px solid var(--vd-border); margin: 2.2rem 0; }</style><div class="vd-article"><h2>The Problem With Every Downloader Site</h2><p>You find a TikTok video you want to keep. Maybe it's a tutorial, a recipe, a clip you want to share somewhere offline. You Google "download TikTok without watermark" and click the first result. What follows is a ritual:</p><div class="vd-callout warning">
Pop-up #1 appears. You close it. A second tab opens. You close that. You find the actual download button — but it's fake and triggers another ad. The real button is somewhere underneath a consent banner. You finally click download. It starts… and gives you a watermarked file anyway.</div><p>This happens on nearly every popular downloader site. They're monetised almost entirely through advertising, and the UX is designed to maximise your exposure to that advertising — not to help you download a video. The actual download logic underneath all that noise is usually a single API call.</p><p>So I asked myself: how hard would it actually be to build a clean version of this for personal use?</p><h2>What I Actually Wanted</h2><p>Three things, nothing more:</p><div class="vd-steps"><div class="vd-step-card"><div class="vd-step-num">1</div><div class="vd-step-body"><h4>No watermark, always</h4><p>The tool should try its hardest to get a watermark-free file. If it can't, it tells you — it doesn't quietly give you the watermarked version pretending it's clean.</p></div></div><div class="vd-step-card"><div class="vd-step-num">2</div><div class="vd-step-body"><h4>Support the platforms I actually use</h4><p>TikTok, Instagram, and X (Twitter). Paste any URL from any of these three and it should just work.</p></div></div><div class="vd-step-card"><div class="vd-step-num">3</div><div class="vd-step-body"><h4>Zero friction interface</h4><p>One input, one button. No accounts, no CAPTCHAs, no ads. It runs locally so there's nothing to sign up for.</p></div></div></div><h2>How It Works — The Conceptual Picture</h2><p>The tool is split into two halves: a lightweight React frontend and a Node.js backend. The frontend is just the URL input box. All the interesting logic lives in the backend.</p><p>Here are the five things that happen the moment you paste a URL and hit Download:</p><h3>Step 1 — Figure Out Which Platform You're On</h3><p>The very first thing the backend does is inspect the URL and decide: is this TikTok, Instagram, or X? Each platform has its own URL patterns — including short links, mobile URLs, and regional variants — and the tool checks all of them.</p><div class="vd-platform-row"><div class="vd-platform-badge"><span class="vd-dot vd-dot-tiktok"/> tiktok.com · vm.tiktok.com · vt.tiktok.com</div><div class="vd-platform-badge"><span class="vd-dot vd-dot-insta"/> instagram.com · www.instagram.com</div><div class="vd-platform-badge"><span class="vd-dot vd-dot-x"/> x.com · twitter.com · mobile.twitter.com</div></div><p>If the URL doesn't match any of these, the backend rejects it immediately with a clear error before wasting any time trying to fetch something it can't handle. No silent failures.</p><img src="/images/video-downloader-arch.jpg" alt="Anime engineer pointing at a holographic flowchart of the download architecture" class="vd-post-img"><p class="vd-img-caption">The backend runs through a short chain: detect → resolve → try providers → cache → serve</p><h3>Step 2 — Resolve Short Links</h3><p>TikTok in particular loves to generate short share links like<code>vm.tiktok.com/AbcXyz</code>. These redirect to the full video URL, but the download providers need the real URL to work with. So the backend follows up to five redirects to resolve the final destination before doing anything else.</p><h3>Step 3 — The Provider Chain</h3><p>This is the core of the tool. The backend doesn't rely on a single source for the download link — it tries multiple providers in order, and only moves to the next one if the previous failed.</p><div class="vd-flow"><div class="vd-flow-node cyan">Validated &amp; resolved URL</div><div class="vd-flow-arrow">↓</div><div class="vd-flow-node"><strong>Provider 1:</strong> TikWM API — fast, HD, usually no-watermark</div><div class="vd-flow-arrow">↓ if failed</div><div class="vd-flow-node"><strong>Provider 2:</strong> yt-dlp — catches what TikWM misses, supports all 3 platforms</div><div class="vd-flow-arrow">↓ if both fail on no-watermark</div><div class="vd-flow-node orange">Last resort: watermarked fallback (with a clear warning shown)</div><div class="vd-flow-arrow">↓</div><div class="vd-flow-node green">✓ Download link returned to frontend</div></div><p>The first provider, TikWM, is a public API that's fast and usually returns an HD, watermark-free file. But it occasionally struggles with newer videos or private content. That's when<strong>yt-dlp</strong> steps in — a powerful open-source tool that knows how to extract media from hundreds of platforms, and is updated constantly as platforms change their serving behaviour.</p><div class="vd-callout info"><strong>Why yt-dlp as a fallback and not primary?</strong> TikWM is faster and returns a clean pre-parsed result. yt-dlp is more capable but adds latency since it runs as a local process and parses raw platform data. Using TikWM first keeps the happy path quick.</div><h3>Step 4 — The Proxy Download</h3><p>Here's a detail that actually matters for reliability: the tool doesn't give your browser a direct link to TikTok's CDN or Instagram's servers. Instead, it registers a short-lived<strong>secure token</strong> that points back to the Node backend. When you click download, your browser hits the backend's own<code>/api/file</code> endpoint, which streams the video directly to you.</p><p>Why does this matter? Direct CDN links from social platforms often include authentication tokens or short expiry times. They also sometimes block downloads when accessed directly from a browser outside the platform. Running the stream through the backend sidesteps both issues — and means the download starts with a clean filename instead of a jumble of CDN parameters.</p><h3>Step 5 — Caching</h3><p>Once a video URL has been resolved and a download link extracted, the result is cached in memory for 30 minutes. If you (or someone else on the same local instance) pastes the same video URL again within that window, the backend returns the cached result instantly — no API calls, no yt-dlp process, just the stored answer.</p><h2>The Result</h2><p>What this adds up to in practice:</p><div class="vd-results"><div class="vd-result-card"><div class="vd-rc-icon">🎯</div><h4>No-watermark first, always</h4><p>The tool tries every avenue for a clean file before falling back. The fallback is clearly labelled.</p></div><div class="vd-result-card"><div class="vd-rc-icon">⚡</div><h4>Fast on repeat URLs</h4><p>Same video twice within 30 minutes? Instant response from the in-memory cache.</p></div><div class="vd-result-card"><div class="vd-rc-icon">🎵</div><h4>Audio extraction too</h4><p>The tool also surfaces the audio-only track when available — useful for saving music from TikTok.</p></div><div class="vd-result-card"><div class="vd-rc-icon">🔒</div><h4>No external accounts</h4><p>Runs entirely locally. Nothing to log into, nothing phoning home, no API keys required.</p></div></div><img src="/images/video-downloader-result.jpg" alt="Anime developer smiling at a clean minimal download interface" class="vd-post-img"><p class="vd-img-caption">One URL input, three download buttons, zero pop-ups. That's the whole interface.</p><h2>What's Next</h2><p>The tool is currently running locally but I'm planning to deploy it on<strong>curiousbit.netlify.app</strong> so anyone who wants a clean download experience can use it without having to run Node themselves. The architecture is already production-ready — it's just a matter of pointing it at a hosting environment and wiring up the environment variables.</p><p>A few things I'd like to add before making it fully public: rate limiting per IP (to avoid abuse), a simple download history in the UI, and potentially Instagram Stories support which currently needs a different extraction path.</p><div class="vd-callout">
The code is structured as a monorepo — backend and frontend live together, share URL validation logic, and build to a single deployable package. If you want to run it yourself locally, it's a single<code>npm install &amp;&amp; npm run dev</code> away.</div><hr class="vd-divider"><div class="vd-cta"><p><strong>Over to you:</strong> Have you ever got fed up enough with a broken web experience that you built your own alternative? I'd love to hear what you made — or whether you'd actually use a clean, ad-free downloader like this if it were publicly hosted. Drop your thoughts below or find me on LinkedIn.</p></div></div>
]]></content:encoded><media:content url="https://curiousbit.netlify.app/images/video-downloader-banner.jpg" medium="image"><media:title type="plain">Automation</media:title></media:content><category>automation</category><category>build-log</category><category>nodejs</category><category>Knowledge Base</category></item><item><title>Attention Is All You Need — The Paper That Rewired AI</title><link>https://curiousbit.netlify.app/attention-is-all-you-need-the-paper-that-rewired-ai/</link><guid isPermaLink="true">https://curiousbit.netlify.app/attention-is-all-you-need-the-paper-that-rewired-ai/</guid><pubDate>Sun, 10 May 2026 00:00:00 +0000</pubDate><dc:creator>Ajay Walia</dc:creator><description>&lt;style&gt;
@import url('https://fonts.googleapis.com/css2?family=Bangers&amp;family=Space+Grotesk:wght@400;500;600;700&amp;family=Inter:wght@400;500&amp;family=JetBrains+Mono:wght@400;500&amp;display=swap');
.attn-article {
--bg: #080b14;
--surface: #111827;
--surface2: #1a2235;
--border: #1f2d45;
--text: #e2e8f0;
--muted: #8b9ab3;
--purple: #8b5cf6;
--purple-glow: rgba(139,92,246,0.2);
--cyan: #22d3ee;
--cyan-glow: rgba(34,211,238,0.15);
--gold: #f59e0b;
--gold-glow: rgba(245,158,11,0.2);
--red: #ef4444;
--green: #10b981;
--manga-bg: #0e1520;
--manga-border: #f59e0b;
}
/* ── Particles background ── */
/* ── Site header ── */
/* ── Main wrapper ── */
/* ── Hero ── */
.hero {
text-align: center;
padding: 5rem 0 3rem;
}
.hero-tag {
display: inline-block;
background: var(--purple-glow);
border: 1px solid var(--purple);
color: var(--purple);
font-family: 'Space Grotesk', sans-serif;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase;
padding: 0.35rem 1rem;
border-radius: 100px;
margin-bottom: 1.5rem;
}
.hero h1 {
font-family: 'Bangers', cursive;
font-size: clamp(2.8rem, 8vw, 5.5rem);
line-height: 1.05;
letter-spacing: 3px;
background: linear-gradient(135deg, #fff 0%, var(--cyan) 40%, var(--purple) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
margin-bottom: 1.2rem;
}
.hero-sub {
font-size: clamp(1.15rem, 1rem + 0.5vw, 1.45rem);
color: var(--muted);
max-width: 980px;
margin: 0 auto 2rem;
line-height: 1.7;
}
.hero-meta {
display: flex; align-items: center; justify-content: center; gap: 1.5rem;
flex-wrap: wrap;
font-size: 0.82rem;
color: var(--muted);
font-family: 'Space Grotesk', sans-serif;
}
.hero-meta span { display: flex; align-items: center; gap: 0.4rem; }
/* ── Manga Panel ── */
.manga-panel {
margin: 2.5rem 0;
background: var(--manga-bg);
border: 2px solid var(--manga-border);
border-radius: 4px;
padding: 1.5rem;
position: relative;
box-shadow: 0 0 30px rgba(245,158,11,0.1), inset 0 0 60px rgba(0,0,0,0.4);
}
.manga-panel::before {
content: '🎨 GROK IMAGINE';
position: absolute;
top: -1px; left: -1px;
background: var(--manga-border);
color: #000;
font-family: 'Bangers', cursive;
font-size: 0.8rem;
letter-spacing: 2px;
padding: 0.2rem 0.8rem;
border-radius: 2px 0 4px 0;
}
.manga-panel .panel-title {
font-family: 'Bangers', cursive;
font-size: clamp(1.35rem, 1rem + 1vw, 2rem);
letter-spacing: 2px;
color: var(--gold);
margin: 1rem 0 0.75rem;
}
.manga-panel img {
width: 100%;
border-radius: 6px;
display: block;
margin-top: 0.5rem;
box-shadow: 0 4px 24px rgba(0,0,0,0.5);
}
section,
article {
font-size: clamp(1.15rem, 1.05rem + 0.3vw, 1.4rem);
line-height: 1.85;
}
/* ── Chapter headings ── */
.chapter-label {
font-family: 'Bangers', cursive;
font-size: 0.85rem;
letter-spacing: 4px;
color: var(--cyan);
margin-bottom: 0.5rem;
display: block;
}
h2 {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(1.6rem, 4vw, 2.2rem);
font-weight: 700;
margin-bottom: 1.2rem;
line-height: 1.2;
color: #fff;
}
h2 .highlight { color: var(--cyan); }
h3 {
font-family: 'Space Grotesk', sans-serif;
font-size: 1.2rem;
font-weight: 600;
color: var(--purple);
margin: 2rem 0 0.75rem;
}
/* ── Body text ── */
p { margin-bottom: 1.2rem; color: var(--text); }
strong { color: #fff; }
em { color: var(--cyan); font-style: italic; }
/* ── Section divider ── */
.section {
margin-top: 4.5rem;
padding-top: 1rem;
border-top: 1px solid var(--border);
}
/* ── Callout boxes ── */
.callout {
margin: 2rem 0;
padding: 1.25rem 1.5rem;
border-radius: 6px;
border-left: 4px solid;
}
.callout.purple {
background: var(--purple-glow);
border-color: var(--purple);
}
.callout.cyan {
background: var(--cyan-glow);
border-color: var(--cyan);
}
.callout.gold {
background: var(--gold-glow);
border-color: var(--gold);
}
.callout-title {
font-family: 'Space Grotesk', sans-serif;
font-weight: 700;
font-size: 0.85rem;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 0.5rem;
}
.callout.purple .callout-title { color: var(--purple); }
.callout.cyan .callout-title { color: var(--cyan); }
.callout.gold .callout-title { color: var(--gold); }
.callout p { margin: 0; font-size: 0.95rem; }
/* ── Inline diagram: RNN chain ── */
.diagram-box {
background: var(--surface);
border: 1px solid var(--border);
border-radius: 8px;
padding: 1.5rem;
margin: 2rem 0;
overflow-x: auto;
}
.diagram-title {
font-family: 'Space Grotesk', sans-serif;
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--muted);
margin-bottom: 1rem;
text-align: center;
}
/* RNN Chain */
.rnn-chain {
display: flex;
align-items: center;
gap: 0;
min-width: 600px;
justify-content: center;
}
.rnn-node {
width: 52px; height: 52px;
border-radius: 50%;
border: 2px solid #ef4444;
background: rgba(239,68,68,0.1);
display: flex; align-items: center; justify-content: center;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.7rem;
font-weight: 600;
color: #ef4444;
flex-shrink: 0;
position: relative;
}
.rnn-arrow {
width: 32px; height: 2px;
background: linear-gradient(90deg, #ef4444, rgba(239,68,68,0.3));
position: relative;
flex-shrink: 0;
}
.rnn-arrow::after {
content: '';
position: absolute;
right: 0; top: -4px;
border-left: 8px solid rgba(239,68,68,0.5);
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
}
.rnn-fade { opacity: 0.35; }
.rnn-labels {
display: flex;
justify-content: space-between;
font-size: 0.7rem;
color: var(--muted);
margin-top: 0.6rem;
font-family: 'JetBrains Mono', monospace;
min-width: 600px;
}
/* Attention Matrix */
.attn-matrix {
display: grid;
grid-template-columns: auto repeat(6, 1fr);
gap: 3px;
font-size: 0.7rem;
font-family: 'JetBrains Mono', monospace;
}
.attn-label {
display: flex; align-items: center; justify-content: flex-end;
padding-right: 8px;
color: var(--muted);
font-size: 0.68rem;
}
.attn-col-labels {
display: grid;
grid-template-columns: auto repeat(6, 1fr);
gap: 3px;
margin-bottom: 3px;
}
.attn-col-label {
text-align: center;
color: var(--muted);
font-size: 0.65rem;
font-family: 'JetBrains Mono', monospace;
}
.attn-cell {
height: 36px;
border-radius: 3px;
display: flex; align-items: center; justify-content: center;
font-size: 0.65rem;
font-weight: 600;
transition: transform 0.2s;
cursor: default;
}
.attn-cell:hover { transform: scale(1.08); }
/* Timeline */
.timeline {
position: relative;
padding-left: 2rem;
margin: 2rem 0;
}
.timeline::before {
content: '';
position: absolute;
left: 7px; top: 0; bottom: 0;
width: 2px;
background: linear-gradient(180deg, var(--purple), var(--cyan), var(--gold));
}
.timeline-item {
position: relative;
margin-bottom: 2rem;
padding-left: 1.5rem;
}
.timeline-dot {
position: absolute;
left: -1.85rem; top: 0.35rem;
width: 16px; height: 16px;
border-radius: 50%;
border: 2px solid;
background: var(--bg);
}
.timeline-dot.purple { border-color: var(--purple); box-shadow: 0 0 10px var(--purple); }
.timeline-dot.cyan { border-color: var(--cyan); box-shadow: 0 0 10px var(--cyan); }
.timeline-dot.gold { border-color: var(--gold); box-shadow: 0 0 10px var(--gold); }
.timeline-dot.green { border-color: var(--green); box-shadow: 0 0 10px var(--green); }
.timeline-year {
font-family: 'Bangers', cursive;
font-size: 1.2rem;
letter-spacing: 2px;
color: var(--gold);
margin-bottom: 0.25rem;
}
.timeline-milestone {
font-family: 'Space Grotesk', sans-serif;
font-weight: 700;
font-size: 1rem;
color: #fff;
margin-bottom: 0.25rem;
}
.timeline-desc {
font-size: 0.88rem;
color: var(--muted);
line-height: 1.5;
}
.timeline-badge {
display: inline-block;
font-size: 0.65rem;
font-weight: 700;
font-family: 'Space Grotesk', sans-serif;
padding: 0.15rem 0.5rem;
border-radius: 100px;
margin-left: 0.5rem;
vertical-align: middle;
}
.badge-origin { background: rgba(139,92,246,0.25); color: var(--purple); border: 1px solid var(--purple); }
.badge-encoder { background: rgba(34,211,238,0.2); color: var(--cyan); border: 1px solid var(--cyan); }
.badge-decoder { background: rgba(245,158,11,0.2); color: var(--gold); border: 1px solid var(--gold); }
.badge-scale { background: rgba(16,185,129,0.2); color: var(--green); border: 1px solid var(--green); }
/* Citation / quote block */
blockquote {
margin: 2rem 0;
padding: 1.5rem 1.5rem 1.5rem 2rem;
background: var(--surface2);
border-left: 4px solid var(--purple);
border-radius: 0 6px 6px 0;
font-style: italic;
color: var(--muted);
position: relative;
}
blockquote::before {
content: '"';
font-family: 'Bangers', cursive;
font-size: 5rem;
color: var(--purple);
opacity: 0.3;
position: absolute;
top: -1rem; left: 0.5rem;
line-height: 1;
}
blockquote cite {
display: block;
margin-top: 0.75rem;
font-size: 0.82rem;
font-style: normal;
color: var(--purple);
font-family: 'Space Grotesk', sans-serif;
font-weight: 600;
}
/* Code-like inline */
code {
font-family: 'JetBrains Mono', monospace;
font-size: 0.85em;
background: rgba(139,92,246,0.15);
color: var(--purple);
padding: 0.15em 0.4em;
border-radius: 3px;
}
/* Problem list */
.problem-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 1rem;
margin: 1.5rem 0;
}
.problem-card {
background: var(--surface);
border: 1px solid var(--border);
border-radius: 8px;
padding: 1.25rem;
transition: border-color 0.2s;
}
.problem-card:hover { border-color: var(--red); }
.problem-card .icon { font-size: 1.8rem; margin-bottom: 0.6rem; }
.problem-card h4 {
font-family: 'Space Grotesk', sans-serif;
font-size: 0.95rem;
font-weight: 700;
color: var(--red);
margin-bottom: 0.4rem;
}
.problem-card p { font-size: 0.88rem; color: var(--muted); margin: 0; }
/* Breakthrough cards */
.breakthrough-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 1rem;
margin: 1.5rem 0;
}
.breakthrough-card {
background: var(--surface);
border: 1px solid var(--border);
border-radius: 8px;
padding: 1.25rem;
transition: border-color 0.2s, box-shadow 0.2s;
}
.breakthrough-card:hover { border-color: var(--green); box-shadow: 0 0 20px rgba(16,185,129,0.1); }
.breakthrough-card .icon { font-size: 1.8rem; margin-bottom: 0.6rem; }
.breakthrough-card h4 {
font-family: 'Space Grotesk', sans-serif;
font-size: 0.95rem;
font-weight: 700;
color: var(--green);
margin-bottom: 0.4rem;
}
.breakthrough-card p { font-size: 0.88rem; color: var(--muted); margin: 0; }
/* Attention heads visual */
.heads-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0.75rem;
margin: 1.5rem 0;
}
.head-card {
padding: 1rem;
border-radius: 6px;
text-align: center;
border: 1px solid;
}
.head-card .head-num {
font-family: 'Bangers', cursive;
font-size: 1.6rem;
letter-spacing: 1px;
}
.head-card .head-desc {
font-size: 0.72rem;
font-family: 'Space Grotesk', sans-serif;
margin-top: 0.25rem;
}
.head-1 { border-color: #8b5cf6; background: rgba(139,92,246,0.1); }
.head-1 .head-num { color: #8b5cf6; }
.head-1 .head-desc { color: #8b5cf6; }
.head-2 { border-color: #22d3ee; background: rgba(34,211,238,0.1); }
.head-2 .head-num { color: #22d3ee; }
.head-2 .head-desc { color: #22d3ee; }
.head-3 { border-color: #f59e0b; background: rgba(245,158,11,0.1); }
.head-3 .head-num { color: #f59e0b; }
.head-3 .head-desc { color: #f59e0b; }
.head-4 { border-color: #10b981; background: rgba(16,185,129,0.1); }
.head-4 .head-num { color: #10b981; }
.head-4 .head-desc { color: #10b981; }
/* Big stat */
.big-stat {
text-align: center;
padding: 2.5rem 1rem;
background: var(--surface);
border-radius: 12px;
margin: 2rem 0;
}
.big-stat .number {
font-family: 'Bangers', cursive;
font-size: 4rem;
letter-spacing: 3px;
background: linear-gradient(135deg, var(--gold), var(--purple));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.big-stat .label {
font-family: 'Space Grotesk', sans-serif;
font-size: 0.9rem;
color: var(--muted);
margin-top: 0.5rem;
}
/* Footer */
/* Responsive */
@media (max-width: 600px) {
main { width: 100%; }
.site-nav-inner { gap: 1rem; }
.site-brand span:last-child { display: none; }
.site-nav .nav-links { gap: 0.9rem; overflow-x: auto; }
.heads-grid { grid-template-columns: repeat(2, 1fr); }
.hero h1 { font-size: 2.5rem; }
}
/* Scroll fade-in */
.fade-in {
opacity: 0;
transform: translateY(24px);
transition: opacity 0.6s ease, transform 0.6s ease;
}
.fade-in.visible {
opacity: 1;
transform: translateY(0);
}
/* Inlined into Hugo: ensure content is visible even without the IntersectionObserver script */
.attn-article .fade-in { opacity: 1; transform: none; }
&lt;/style&gt;
&lt;div class="attn-article"&gt;
&lt;!-- ── HERO ── --&gt;
&lt;section class="hero fade-in"&gt;
&lt;div class="hero-tag"&gt;Deep Dive · Artificial Intelligence · 2017&lt;/div&gt;
&lt;p class="hero-sub"&gt;
The seven-word title that ended one era of AI and launched another.
A beginner-friendly, technically honest tour through the paper that birthed every LLM you've ever heard of.
&lt;/p&gt;</description><content:encoded>&lt;![CDATA[<img src="https://curiousbit.netlify.app/images/panel-01.jpg" alt="Automation" style="max-width:100%;height:auto;margin-bottom:1.5em;"/><style>
@import url('https://fonts.googleapis.com/css2?family=Bangers&family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500&family=JetBrains+Mono:wght@400;500&display=swap');
.attn-article {
--bg: #080b14;
--surface: #111827;
--surface2: #1a2235;
--border: #1f2d45;
--text: #e2e8f0;
--muted: #8b9ab3;
--purple: #8b5cf6;
--purple-glow: rgba(139,92,246,0.2);
--cyan: #22d3ee;
--cyan-glow: rgba(34,211,238,0.15);
--gold: #f59e0b;
--gold-glow: rgba(245,158,11,0.2);
--red: #ef4444;
--green: #10b981;
--manga-bg: #0e1520;
--manga-border: #f59e0b;
}
/* ── Particles background ── */
/* ── Site header ── */
/* ── Main wrapper ── */
/* ── Hero ── */
.hero {
text-align: center;
padding: 5rem 0 3rem;
}
.hero-tag {
display: inline-block;
background: var(--purple-glow);
border: 1px solid var(--purple);
color: var(--purple);
font-family: 'Space Grotesk', sans-serif;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase;
padding: 0.35rem 1rem;
border-radius: 100px;
margin-bottom: 1.5rem;
}
.hero h1 {
font-family: 'Bangers', cursive;
font-size: clamp(2.8rem, 8vw, 5.5rem);
line-height: 1.05;
letter-spacing: 3px;
background: linear-gradient(135deg, #fff 0%, var(--cyan) 40%, var(--purple) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
margin-bottom: 1.2rem;
}
.hero-sub {
font-size: clamp(1.15rem, 1rem + 0.5vw, 1.45rem);
color: var(--muted);
max-width: 980px;
margin: 0 auto 2rem;
line-height: 1.7;
}
.hero-meta {
display: flex; align-items: center; justify-content: center; gap: 1.5rem;
flex-wrap: wrap;
font-size: 0.82rem;
color: var(--muted);
font-family: 'Space Grotesk', sans-serif;
}
.hero-meta span { display: flex; align-items: center; gap: 0.4rem; }
/* ── Manga Panel ── */
.manga-panel {
margin: 2.5rem 0;
background: var(--manga-bg);
border: 2px solid var(--manga-border);
border-radius: 4px;
padding: 1.5rem;
position: relative;
box-shadow: 0 0 30px rgba(245,158,11,0.1), inset 0 0 60px rgba(0,0,0,0.4);
}
.manga-panel::before {
content: '🎨 GROK IMAGINE';
position: absolute;
top: -1px; left: -1px;
background: var(--manga-border);
color: #000;
font-family: 'Bangers', cursive;
font-size: 0.8rem;
letter-spacing: 2px;
padding: 0.2rem 0.8rem;
border-radius: 2px 0 4px 0;
}
.manga-panel .panel-title {
font-family: 'Bangers', cursive;
font-size: clamp(1.35rem, 1rem + 1vw, 2rem);
letter-spacing: 2px;
color: var(--gold);
margin: 1rem 0 0.75rem;
}
.manga-panel img {
width: 100%;
border-radius: 6px;
display: block;
margin-top: 0.5rem;
box-shadow: 0 4px 24px rgba(0,0,0,0.5);
}
section,
article {
font-size: clamp(1.15rem, 1.05rem + 0.3vw, 1.4rem);
line-height: 1.85;
}
/* ── Chapter headings ── */
.chapter-label {
font-family: 'Bangers', cursive;
font-size: 0.85rem;
letter-spacing: 4px;
color: var(--cyan);
margin-bottom: 0.5rem;
display: block;
}
h2 {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(1.6rem, 4vw, 2.2rem);
font-weight: 700;
margin-bottom: 1.2rem;
line-height: 1.2;
color: #fff;
}
h2 .highlight { color: var(--cyan); }
h3 {
font-family: 'Space Grotesk', sans-serif;
font-size: 1.2rem;
font-weight: 600;
color: var(--purple);
margin: 2rem 0 0.75rem;
}
/* ── Body text ── */
p { margin-bottom: 1.2rem; color: var(--text); }
strong { color: #fff; }
em { color: var(--cyan); font-style: italic; }
/* ── Section divider ── */
.section {
margin-top: 4.5rem;
padding-top: 1rem;
border-top: 1px solid var(--border);
}
/* ── Callout boxes ── */
.callout {
margin: 2rem 0;
padding: 1.25rem 1.5rem;
border-radius: 6px;
border-left: 4px solid;
}
.callout.purple {
background: var(--purple-glow);
border-color: var(--purple);
}
.callout.cyan {
background: var(--cyan-glow);
border-color: var(--cyan);
}
.callout.gold {
background: var(--gold-glow);
border-color: var(--gold);
}
.callout-title {
font-family: 'Space Grotesk', sans-serif;
font-weight: 700;
font-size: 0.85rem;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 0.5rem;
}
.callout.purple .callout-title { color: var(--purple); }
.callout.cyan .callout-title { color: var(--cyan); }
.callout.gold .callout-title { color: var(--gold); }
.callout p { margin: 0; font-size: 0.95rem; }
/* ── Inline diagram: RNN chain ── */
.diagram-box {
background: var(--surface);
border: 1px solid var(--border);
border-radius: 8px;
padding: 1.5rem;
margin: 2rem 0;
overflow-x: auto;
}
.diagram-title {
font-family: 'Space Grotesk', sans-serif;
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--muted);
margin-bottom: 1rem;
text-align: center;
}
/* RNN Chain */
.rnn-chain {
display: flex;
align-items: center;
gap: 0;
min-width: 600px;
justify-content: center;
}
.rnn-node {
width: 52px; height: 52px;
border-radius: 50%;
border: 2px solid #ef4444;
background: rgba(239,68,68,0.1);
display: flex; align-items: center; justify-content: center;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.7rem;
font-weight: 600;
color: #ef4444;
flex-shrink: 0;
position: relative;
}
.rnn-arrow {
width: 32px; height: 2px;
background: linear-gradient(90deg, #ef4444, rgba(239,68,68,0.3));
position: relative;
flex-shrink: 0;
}
.rnn-arrow::after {
content: '';
position: absolute;
right: 0; top: -4px;
border-left: 8px solid rgba(239,68,68,0.5);
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
}
.rnn-fade { opacity: 0.35; }
.rnn-labels {
display: flex;
justify-content: space-between;
font-size: 0.7rem;
color: var(--muted);
margin-top: 0.6rem;
font-family: 'JetBrains Mono', monospace;
min-width: 600px;
}
/* Attention Matrix */
.attn-matrix {
display: grid;
grid-template-columns: auto repeat(6, 1fr);
gap: 3px;
font-size: 0.7rem;
font-family: 'JetBrains Mono', monospace;
}
.attn-label {
display: flex; align-items: center; justify-content: flex-end;
padding-right: 8px;
color: var(--muted);
font-size: 0.68rem;
}
.attn-col-labels {
display: grid;
grid-template-columns: auto repeat(6, 1fr);
gap: 3px;
margin-bottom: 3px;
}
.attn-col-label {
text-align: center;
color: var(--muted);
font-size: 0.65rem;
font-family: 'JetBrains Mono', monospace;
}
.attn-cell {
height: 36px;
border-radius: 3px;
display: flex; align-items: center; justify-content: center;
font-size: 0.65rem;
font-weight: 600;
transition: transform 0.2s;
cursor: default;
}
.attn-cell:hover { transform: scale(1.08); }
/* Timeline */
.timeline {
position: relative;
padding-left: 2rem;
margin: 2rem 0;
}
.timeline::before {
content: '';
position: absolute;
left: 7px; top: 0; bottom: 0;
width: 2px;
background: linear-gradient(180deg, var(--purple), var(--cyan), var(--gold));
}
.timeline-item {
position: relative;
margin-bottom: 2rem;
padding-left: 1.5rem;
}
.timeline-dot {
position: absolute;
left: -1.85rem; top: 0.35rem;
width: 16px; height: 16px;
border-radius: 50%;
border: 2px solid;
background: var(--bg);
}
.timeline-dot.purple { border-color: var(--purple); box-shadow: 0 0 10px var(--purple); }
.timeline-dot.cyan { border-color: var(--cyan); box-shadow: 0 0 10px var(--cyan); }
.timeline-dot.gold { border-color: var(--gold); box-shadow: 0 0 10px var(--gold); }
.timeline-dot.green { border-color: var(--green); box-shadow: 0 0 10px var(--green); }
.timeline-year {
font-family: 'Bangers', cursive;
font-size: 1.2rem;
letter-spacing: 2px;
color: var(--gold);
margin-bottom: 0.25rem;
}
.timeline-milestone {
font-family: 'Space Grotesk', sans-serif;
font-weight: 700;
font-size: 1rem;
color: #fff;
margin-bottom: 0.25rem;
}
.timeline-desc {
font-size: 0.88rem;
color: var(--muted);
line-height: 1.5;
}
.timeline-badge {
display: inline-block;
font-size: 0.65rem;
font-weight: 700;
font-family: 'Space Grotesk', sans-serif;
padding: 0.15rem 0.5rem;
border-radius: 100px;
margin-left: 0.5rem;
vertical-align: middle;
}
.badge-origin { background: rgba(139,92,246,0.25); color: var(--purple); border: 1px solid var(--purple); }
.badge-encoder { background: rgba(34,211,238,0.2); color: var(--cyan); border: 1px solid var(--cyan); }
.badge-decoder { background: rgba(245,158,11,0.2); color: var(--gold); border: 1px solid var(--gold); }
.badge-scale { background: rgba(16,185,129,0.2); color: var(--green); border: 1px solid var(--green); }
/* Citation / quote block */
blockquote {
margin: 2rem 0;
padding: 1.5rem 1.5rem 1.5rem 2rem;
background: var(--surface2);
border-left: 4px solid var(--purple);
border-radius: 0 6px 6px 0;
font-style: italic;
color: var(--muted);
position: relative;
}
blockquote::before {
content: '"';
font-family: 'Bangers', cursive;
font-size: 5rem;
color: var(--purple);
opacity: 0.3;
position: absolute;
top: -1rem; left: 0.5rem;
line-height: 1;
}
blockquote cite {
display: block;
margin-top: 0.75rem;
font-size: 0.82rem;
font-style: normal;
color: var(--purple);
font-family: 'Space Grotesk', sans-serif;
font-weight: 600;
}
/* Code-like inline */
code {
font-family: 'JetBrains Mono', monospace;
font-size: 0.85em;
background: rgba(139,92,246,0.15);
color: var(--purple);
padding: 0.15em 0.4em;
border-radius: 3px;
}
/* Problem list */
.problem-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 1rem;
margin: 1.5rem 0;
}
.problem-card {
background: var(--surface);
border: 1px solid var(--border);
border-radius: 8px;
padding: 1.25rem;
transition: border-color 0.2s;
}
.problem-card:hover { border-color: var(--red); }
.problem-card .icon { font-size: 1.8rem; margin-bottom: 0.6rem; }
.problem-card h4 {
font-family: 'Space Grotesk', sans-serif;
font-size: 0.95rem;
font-weight: 700;
color: var(--red);
margin-bottom: 0.4rem;
}
.problem-card p { font-size: 0.88rem; color: var(--muted); margin: 0; }
/* Breakthrough cards */
.breakthrough-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 1rem;
margin: 1.5rem 0;
}
.breakthrough-card {
background: var(--surface);
border: 1px solid var(--border);
border-radius: 8px;
padding: 1.25rem;
transition: border-color 0.2s, box-shadow 0.2s;
}
.breakthrough-card:hover { border-color: var(--green); box-shadow: 0 0 20px rgba(16,185,129,0.1); }
.breakthrough-card .icon { font-size: 1.8rem; margin-bottom: 0.6rem; }
.breakthrough-card h4 {
font-family: 'Space Grotesk', sans-serif;
font-size: 0.95rem;
font-weight: 700;
color: var(--green);
margin-bottom: 0.4rem;
}
.breakthrough-card p { font-size: 0.88rem; color: var(--muted); margin: 0; }
/* Attention heads visual */
.heads-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0.75rem;
margin: 1.5rem 0;
}
.head-card {
padding: 1rem;
border-radius: 6px;
text-align: center;
border: 1px solid;
}
.head-card .head-num {
font-family: 'Bangers', cursive;
font-size: 1.6rem;
letter-spacing: 1px;
}
.head-card .head-desc {
font-size: 0.72rem;
font-family: 'Space Grotesk', sans-serif;
margin-top: 0.25rem;
}
.head-1 { border-color: #8b5cf6; background: rgba(139,92,246,0.1); }
.head-1 .head-num { color: #8b5cf6; }
.head-1 .head-desc { color: #8b5cf6; }
.head-2 { border-color: #22d3ee; background: rgba(34,211,238,0.1); }
.head-2 .head-num { color: #22d3ee; }
.head-2 .head-desc { color: #22d3ee; }
.head-3 { border-color: #f59e0b; background: rgba(245,158,11,0.1); }
.head-3 .head-num { color: #f59e0b; }
.head-3 .head-desc { color: #f59e0b; }
.head-4 { border-color: #10b981; background: rgba(16,185,129,0.1); }
.head-4 .head-num { color: #10b981; }
.head-4 .head-desc { color: #10b981; }
/* Big stat */
.big-stat {
text-align: center;
padding: 2.5rem 1rem;
background: var(--surface);
border-radius: 12px;
margin: 2rem 0;
}
.big-stat .number {
font-family: 'Bangers', cursive;
font-size: 4rem;
letter-spacing: 3px;
background: linear-gradient(135deg, var(--gold), var(--purple));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.big-stat .label {
font-family: 'Space Grotesk', sans-serif;
font-size: 0.9rem;
color: var(--muted);
margin-top: 0.5rem;
}
/* Footer */
/* Responsive */
@media (max-width: 600px) {
main { width: 100%; }
.site-nav-inner { gap: 1rem; }
.site-brand span:last-child { display: none; }
.site-nav .nav-links { gap: 0.9rem; overflow-x: auto; }
.heads-grid { grid-template-columns: repeat(2, 1fr); }
.hero h1 { font-size: 2.5rem; }
}
/* Scroll fade-in */
.fade-in {
opacity: 0;
transform: translateY(24px);
transition: opacity 0.6s ease, transform 0.6s ease;
}
.fade-in.visible {
opacity: 1;
transform: translateY(0);
}
/* Inlined into Hugo: ensure content is visible even without the IntersectionObserver script */
.attn-article .fade-in { opacity: 1; transform: none; }</style><div class="attn-article"><section class="hero fade-in"><div class="hero-tag">Deep Dive · Artificial Intelligence · 2017</div><p class="hero-sub">
The seven-word title that ended one era of AI and launched another.
A beginner-friendly, technically honest tour through the paper that birthed every LLM you've ever heard of.</p><div class="hero-meta"><span>✍️ Ajay Walia</span><span>📅 May 2026</span><span>⏱ ~15 min read</span><span>🧠 Beginner → Intermediate</span></div></section><div class="manga-panel fade-in"><div class="panel-title">Panel 1 — THE SCROLL APPEARS</div><img src="/images/panel-01.jpg" alt="Panel 1 — The Scroll Appears: A scientist holds up the Attention Is All You Need scroll" loading="lazy"/><section id="before" class="section fade-in"><span class="chapter-label">CHAPTER 01</span><h2>The<span class="highlight">Dark Ages</span> of Language AI</h2><p>To understand why "Attention Is All You Need" was a thunderclap, you first need to appreciate how painful life was before it. Cast your mind back to 2016. AI researchers around the world were working incredibly hard on language problems — translation, summarisation, question answering — but they were doing so with a fundamental handicap baked into their tools.</p><p>The dominant models at the time were<strong>Recurrent Neural Networks (RNNs)</strong> and their smarter cousin, the<strong>Long Short-Term Memory network (LSTM)</strong>. Both were designed to handle sequences: text goes in word by word, the model builds up a hidden memory state as it reads, and produces an output at the end.</p><p>The intuition seems sensible. After all,<em>we</em> read left to right (in English). Why shouldn't a machine? The problem, as we'll see, was catastrophic at scale.</p><h3>How an RNN Actually Works</h3><p>Imagine you're a gold fish with a tiny little notepad. Every time you read a new word, you scribble something on your notepad, then<em>erase half of it</em> to make room for the next word. By the time you reach the end of a 500-word paragraph, your notepad is a smeared mess of partial impressions. That's an RNN.</p><p>More precisely: an RNN processes tokens<strong>one at a time, left to right</strong>. At each step, it combines the current word's embedding with a<em>hidden state</em> vector (its "memory" from all previous words) and produces a new hidden state. That hidden state is passed forward to the next step.</p><div class="diagram-box fade-in"><div class="diagram-title">RNN: Sequential Processing Chain</div><div style="overflow-x: auto;"><div class="rnn-chain"><div class="rnn-node">The</div><div class="rnn-arrow"/><div class="rnn-node">cat</div><div class="rnn-arrow"/><div class="rnn-node">sat</div><div class="rnn-arrow"/><div class="rnn-node">on</div><div class="rnn-arrow"/><div class="rnn-node rnn-fade">the</div><div class="rnn-arrow" style="opacity:0.3"/><div class="rnn-node rnn-fade" style="border-color:#fbbf24; background:rgba(251,191,36,0.1); color:#fbbf24;">???</div></div><div class="rnn-labels"><span>Step 1</span><span>Step 2</span><span>Step 3</span><span>Step 4</span><span>Step 5 (fading)</span><span>Long range: ☠️</span></div></div><p style="text-align:center; font-size:0.75rem; color:var(--muted); margin-top:0.8rem; font-family:'Space Grotesk',sans-serif;">Information degrades as it passes along the chain. Early words become "forgotten."</p></div><h3>LSTMs: A Better Notepad, Same Problem</h3><p>LSTMs (invented by Hochreiter &amp; Schmidhuber in 1997) were the RNN's upgrade. Instead of one hidden state, they have three "gates" — input, forget, and output — plus a separate "cell state" that acts as a longer-term memory. They were genuinely better at remembering things across longer sequences.</p><p>But LSTMs didn't solve the core architectural problem. They still processed one token at a time, sequentially. And at massive scale, that was the killer.</p></section><div class="manga-panel fade-in"><div class="panel-title">Panel 2 — THE MEMORY BALL</div><img src="/images/panel-02.jpg" alt="Panel 2 — The Memory Ball: RNN chain passing a fading memory ball" loading="lazy"/><section id="problems" class="section fade-in"><span class="chapter-label">CHAPTER 02</span><h2>Three Problems That<span class="highlight">Crippled</span> the Old Models</h2><p>Before we get to the solution, let's be precise about the pain. The pre-Transformer era had three interconnected crises, and solving<em>any one</em> of them would have been significant. The Transformer paper solved all three simultaneously.</p><div class="problem-grid"><div class="problem-card"><div class="icon">⛓️</div><h4>Problem 1: Sequential Bottleneck</h4><p>RNNs and LSTMs process tokens one at a time. Step 2 cannot begin until Step 1 finishes. This means you<strong>cannot parallelize training</strong> across GPU cores. Training was agonisingly slow — weeks or months for large models.</p></div><div class="problem-card"><div class="icon">🌫️</div><h4>Problem 2: Vanishing Gradients</h4><p>When you train a neural network with backpropagation, you compute gradients (error signals) and push them backwards through the chain. In a long sequence, those gradients shrink exponentially as they travel. Early tokens barely learn anything.</p></div><div class="problem-card"><div class="icon">📏</div><h4>Problem 3: Long-Range Amnesia</h4><p>In the sentence<em>"The trophy didn't fit in the suitcase because<strong>it</strong> was too big"</em> — what does "it" refer to? The trophy. A human knows instantly. An RNN processing hundreds of words between "trophy" and "it" often forgot the connection entirely.</p></div></div><h3>The Telephone Game at Scale</h3><p>The vanishing gradient problem is best understood through the "telephone game" (Chinese Whispers). You whisper a sentence to the first person in a chain. By the time it reaches the 20th person, the message is garbled beyond recognition. In an RNN, the gradient signal is that whisper — and long sequences were destroying it.</p><p>LSTMs reduced the garbling with their gating mechanisms, but didn't eliminate it. And crucially, every single token in the sequence still had to wait for the one before it to finish processing. At a time when researchers were starting to dream about training on billions of words, this was a scaling cliff.</p></section><div class="manga-panel fade-in"><div class="panel-title">Panel 3 — THE VANISHING WHISPER</div><img src="/images/panel-03.jpg" alt="Panel 3 — The Vanishing Whisper: Telephone chain showing vanishing gradient problem" loading="lazy"/><section class="section fade-in"><span class="chapter-label">CHAPTER 03</span><h2>A Spark Before the Fire —<span class="highlight">Bahdanau Attention (2014)</span></h2><p>To be accurate about the history: the 2017 paper didn't invent attention from scratch. In 2014, Dzmitry Bahdanau and colleagues published a paper that added an "attention mechanism" on top of existing encoder-decoder RNNs for machine translation.</p><p>The idea was elegant: when generating each output word, instead of squishing the entire input sentence into one fixed-size vector, the model learns to "look back" at different parts of the input and assign weights — attention scores — to each input word. Generate "Hund" in German? Pay more attention to "dog" in the English source.</p><div class="callout gold"><div class="callout-title">🏅 The 2014 Precursor</div><p><strong>Bahdanau et al. (2014)</strong> showed attention worked. But they bolted it<em>on top of</em> RNNs — the sequential backbone was still there, just with a better look-back mechanism. It was like putting a turbocharged engine in a horse-drawn carriage.</p></div><p>The 2017 breakthrough came when Vaswani, Shazeer, Parmar, Uszkoreit, Jones, Gomez, Kaiser, and Polosukhin at Google Brain asked a radical question:<em>what if we got rid of the carriage altogether?</em></p><blockquote>
"We propose a new simple network architecture, the Transformer, based solely on attention mechanisms, dispensing with recurrence and convolutions entirely."<cite>— Vaswani et al., Attention Is All You Need (2017)</cite></blockquote></section><section id="paper" class="section fade-in"><span class="chapter-label">CHAPTER 04</span><h2>June 2017 —<span class="highlight">The Paper Drops</span></h2><p>Eight Google Brain researchers quietly uploaded a pre-print to arXiv on June 12, 2017. The title was almost cheeky — "Attention Is All You Need" — a pun on The Beatles' "All You Need Is Love" and a direct challenge to the field:<em>attention mechanisms alone are sufficient.</em> No recurrence. No convolutions. Just attention.</p><p>The abstract was direct. They proposed the Transformer architecture, showed it achieved state-of-the-art on English-to-German translation (28.4 BLEU, surpassing the previous best by more than 2 BLEU points), trained it in a fraction of the time, and made a claim that would prove prophetic: this architecture was far more parallelisable and required significantly less time to train.</p><p>At the time, the machine learning community took notice but didn't immediately grasp the full magnitude. It looked like a better translation model. What it actually was, in retrospect: the foundation of every major AI system built in the next decade.</p><div class="big-stat"><div class="number">200,000+</div><div class="label">Citations as of 2025 — one of the most cited papers in all of computer science history</div></div></section><div class="manga-panel fade-in"><div class="panel-title">Panel 4 — THE GOOGLE BRAIN MOMENT</div><img src="/images/panel-04.jpg" alt="Panel 4 — The Google Brain Moment: Eight researchers eureka breakthrough" loading="lazy"/><section id="attention" class="section fade-in"><span class="chapter-label">CHAPTER 05</span><h2>Self-Attention —<span class="highlight">Every Word Watches Every Word</span></h2><p>This is the heart of it. Everything else in the Transformer paper is (brilliant) supporting machinery. Self-attention is the engine.</p><p>Here's the core idea in plain English:<strong>when processing any word, the model looks at every other word in the sentence simultaneously and calculates a relevance score</strong>. Instead of passing information along a chain one step at a time, every token "talks to" every other token in parallel.</p><h3>The Library Analogy</h3><p>Imagine a library where every book can send a little messenger to every other book, asking: "Hey, are you relevant to me?" Each pair of books gives an answer — a number from 0 to 1. The books with higher scores get to "share" more of their information when the library compiles its final report.</p><p>In the sentence<em>"The cat sat on the mat because it was tired"</em> — when the model processes "it", the self-attention mechanism computes a score between "it" and every other word. The word "cat" gets a very high score (because "it" refers to the cat), while words like "the" and "on" get low scores. This is done in one parallel operation — no sequential chain required.</p><h3>The Math Behind It (Don't Panic)</h3><p>The paper formalises this with three vectors derived from each word's embedding: a<strong>Query (Q)</strong>, a<strong>Key (K)</strong>, and a<strong>Value (V)</strong>. Think of it like a search engine:</p><div class="callout cyan"><div class="callout-title">🔍 Q / K / V Intuition</div><p><strong>Query (Q):</strong> "What am I looking for?" — what the current word wants to know.<br/><strong>Key (K):</strong> "What do I offer?" — what each other word has to advertise.<br/><strong>Value (V):</strong> "Here's my actual content" — what each word shares if chosen.<br/><br/>
Attention score =<code>softmax( Q · Kᵀ / √d_k ) · V</code></p></div><p>The division by √d_k (square root of the dimension) is a stabilising trick — without it, the dot products can get very large and the softmax function becomes extremely "peaky" (everything goes to one word), which hurts training. The softmax then converts raw scores into a probability distribution — so all the weights add up to 1.0.</p><div class="diagram-box fade-in"><div class="diagram-title">Self-Attention Weight Matrix — "it" attending to other words</div><div class="attn-col-labels" style="display:grid; grid-template-columns: 80px repeat(6,1fr); gap:3px; margin-bottom:3px;"><div/><div class="attn-col-label">The</div><div class="attn-col-label">cat</div><div class="attn-col-label">sat</div><div class="attn-col-label">on</div><div class="attn-col-label">mat</div><div class="attn-col-label">it</div></div><div style="display:grid; grid-template-columns: 80px repeat(6,1fr); gap:3px;"><div class="attn-label">"it" →</div><div class="attn-cell" style="background:rgba(139,92,246,0.15); color:#8b5cf6;">0.05</div><div class="attn-cell" style="background:rgba(139,92,246,0.85); color:#fff; font-weight:800;">0.72</div><div class="attn-cell" style="background:rgba(139,92,246,0.1); color:#8b5cf6;">0.04</div><div class="attn-cell" style="background:rgba(139,92,246,0.08); color:#8b5cf6;">0.03</div><div class="attn-cell" style="background:rgba(139,92,246,0.2); color:#8b5cf6;">0.10</div><div class="attn-cell" style="background:rgba(139,92,246,0.25); color:#c4b5fd;">0.06</div></div><p style="text-align:center; font-size:0.72rem; color:var(--muted); margin-top:0.8rem; font-family:'Space Grotesk',sans-serif;">
"it" pays most attention to "cat" (0.72 weight) — this is how the model resolves co-reference. Higher = brighter.</p></div><p>The critical breakthrough isn't just<em>that</em> these scores are computed — it's<em>how</em>:<strong>all pairs are computed in parallel using matrix multiplication</strong>. A sentence of 512 tokens doesn't require 512 sequential steps. It requires one big matrix operation that modern GPUs execute extremely fast. This is the parallelisation breakthrough that made scaling possible.</p></section><div class="manga-panel fade-in"><div class="panel-title">Panel 5 — WORDS LOOKING AT WORDS</div><img src="/images/panel-05.jpg" alt="Panel 5 — Words Looking at Words: Self-attention beam from IT to CAT" loading="lazy"/><section id="multihead" class="section fade-in"><span class="chapter-label">CHAPTER 06</span><h2>Multi-Head Attention —<span class="highlight">Many Perspectives at Once</span></h2><p>Here's where the paper goes from clever to ingenious. A single self-attention computation gives you one view of how words relate. But language is rich — words relate to each other in many<em>different</em> ways simultaneously.</p><p>Consider the sentence<em>"She gave him the book she wrote"</em>:</p><p>— "she" and "him" have a<em>grammatical subject/object relationship</em><br/>
— "she" (first occurrence) and "she" (second) have a<em>co-reference relationship</em><br/>
— "book" and "wrote" have a<em>semantic relationship</em> (you write books)<br/>
— "gave" and "book" have a<em>verb-object relationship</em></p><p>One attention head would have to pick one of these.<strong>Multi-head attention runs several attention computations in parallel</strong>, each in a different "subspace" of the representation. The results are then concatenated and projected back to the original dimension.</p><div class="heads-grid"><div class="head-card head-1"><div class="head-num">Head 1</div><div class="head-desc">Grammatical roles (subject, object, verb)</div></div><div class="head-card head-2"><div class="head-num">Head 2</div><div class="head-desc">Co-reference resolution ("she" = "she")</div></div><div class="head-card head-3"><div class="head-num">Head 3</div><div class="head-desc">Semantic relatedness (book ↔ wrote)</div></div><div class="head-card head-4"><div class="head-num">Head 4</div><div class="head-desc">Syntactic dependencies (verb-object)</div></div></div><p>The original Transformer used<strong>8 attention heads</strong>. Modern LLMs like GPT-3 use 96, and models like Claude use even more. Each head develops its own specialisation during training — not by design, but emergently, because the model learns that different heads can capture different useful patterns.</p><div class="callout purple"><div class="callout-title">🎭 The Right Analogy</div><p>Multi-head attention is like having a team of editors review your essay simultaneously. One editor focuses on grammar, one on logical flow, one on vocabulary, one on argument structure. You get all their feedback at once, then synthesise it. No editor has to wait for the previous one to finish.</p></div></section><div class="manga-panel fade-in"><div class="panel-title">Panel 6 — THE EIGHT-EYED TEAM</div><img src="/images/panel-06.jpg" alt="Panel 6 — The Eight-Eyed Team: Multi-head attention split panel" loading="lazy"/><section class="section fade-in"><span class="chapter-label">CHAPTER 07</span><h2>Positional Encoding —<span class="highlight">Teaching Order Without Recurrence</span></h2><p>Here's a subtle but critical problem. In an RNN, word order is implicit — you literally process word 1, then word 2, then word 3. The order is baked into the architecture. But in a Transformer, all words are processed in parallel. If you showed it "Dog bites man" and "Man bites dog" simultaneously, the attention mechanism alone would see the same set of words and might produce the same result.</p><p>That's obviously catastrophic for language. "The bank by the river" and "river by the bank the" mean very different things.</p><p>The solution:<strong>Positional Encoding</strong>. Before feeding word embeddings into the Transformer, you add a unique positional signal to each one. The paper uses a clever combination of sine and cosine functions at different frequencies:</p><div class="callout cyan"><div class="callout-title">📐 The Formula</div><p><code>PE(pos, 2i) = sin(pos / 10000^(2i/d))</code><br/><code>PE(pos, 2i+1) = cos(pos / 10000^(2i/d))</code><br/><br/>
Where<code>pos</code> is the word's position and<code>i</code> is the dimension. The result: each position gets a unique, smooth vector that the model can learn to interpret. The sine/cosine waves at different frequencies are like a musical chord unique to each seat in the stadium.</p></div><p>Why sinusoids and not just the number 1, 2, 3...? Because sinusoids generalise. They allow the model to learn<em>relative positions</em> (word 2 is one step after word 1) not just absolute ones. And they handle sequences longer than those seen in training gracefully, because the wave patterns extend naturally.</p><p>Modern variants like RoPE (Rotary Position Embedding, used in Llama and GPT-NeoX) and ALiBi have since improved on the original scheme — but they're all descendants of this 2017 insight.</p></section><div class="manga-panel fade-in"><div class="panel-title">Panel 7 — THE NUMBERED LINEUP</div><img src="/images/panel-07.jpg" alt="Panel 7 — The Numbered Lineup: Positional encoding lineup of word characters" loading="lazy"/><section id="architecture" class="section fade-in"><span class="chapter-label">CHAPTER 08</span><h2>The Full Transformer —<span class="highlight">Encoder + Decoder</span></h2><p>The original paper was designed for sequence-to-sequence tasks — specifically machine translation. The architecture has two halves that work together: an<strong>Encoder</strong> that reads the input (the English sentence) and a<strong>Decoder</strong> that generates the output (the German translation).</p><h3>The Encoder</h3><p>The encoder stack (6 identical layers in the original paper) processes the entire input sentence in parallel. Each layer has two sub-components:<em>(1) multi-head self-attention</em> (all words attend to all other words) and<em>(2) a feed-forward neural network</em> applied to each position independently. Both sub-components use<strong>residual connections</strong> (the input is added back to the output) and<strong>layer normalisation</strong> — both stability tricks borrowed from computer vision.</p><h3>The Decoder</h3><p>The decoder is similar but has three sub-components per layer. The first is<em>masked self-attention</em> — like encoder self-attention, but masked so that when generating word N, the model can only attend to words 1 through N-1 (it can't cheat by looking at future words). The second is<em>cross-attention</em> — the decoder attends to the encoder's output, connecting the input sentence to the generation process. The third is the same feed-forward network as in the encoder.</p><div class="callout purple"><div class="callout-title">🧬 The Encoder-Decoder Legacy</div><p>BERT (2018) uses<em>only the encoder</em> — great for understanding tasks (classification, named entity recognition). GPT-1/2/3/4 use<em>only the decoder</em> — great for generation tasks (writing, code, conversation). The full encoder-decoder design lives on in models like T5 and BART, used heavily for translation and summarisation.</p></div><p>One more key ingredient:<strong>Feed-Forward layers</strong>. After each attention block, every position's representation passes through a small, identical 2-layer neural network. In the original paper, the inner dimension of this network was 2048 — 4× the model's embedding dimension of 512. In GPT-3, it's 4× 12,288 = 49,152. These layers are believed to act as "fact storage" — where knowledge learned during training gets encoded.</p></section><div class="manga-panel fade-in"><div class="panel-title">Panel 8 — THE TRANSFORMER MECHA</div><img src="/images/panel-08.jpg" alt="Panel 8 — The Transformer Mecha: Encoder-Decoder mecha robot" loading="lazy"/><section id="timeline" class="section fade-in"><span class="chapter-label">CHAPTER 09</span><h2>The Impact<span class="highlight">Timeline</span> — 2017 to Now</h2><p>The Transformer paper wasn't just a research curiosity. It was a platform. Within a year, the entire field had pivoted. Within five years, it had generated a trillion-dollar industry. Here's the direct lineage:</p><div class="timeline"><div class="timeline-item"><div class="timeline-dot purple"/><div class="timeline-year">2017</div><div class="timeline-milestone">"Attention Is All You Need"<span class="timeline-badge badge-origin">ORIGIN</span></div><div class="timeline-desc">Vaswani et al. (Google Brain). The original Transformer architecture. State-of-the-art on WMT English→German translation. 65M parameters. Training: 3.5 days on 8 P100 GPUs.</div></div><div class="timeline-item"><div class="timeline-dot cyan"/><div class="timeline-year">2018</div><div class="timeline-milestone">BERT — Google<span class="timeline-badge badge-encoder">ENCODER-ONLY</span></div><div class="timeline-desc">Bidirectional Encoder Representations from Transformers. 340M parameters. Pre-trained on masked language modelling — predict randomly hidden words. Demolished 11 NLP benchmarks on release. The model that proved "pre-train, then fine-tune" as the dominant paradigm.</div></div><div class="timeline-item"><div class="timeline-dot gold"/><div class="timeline-year">2018</div><div class="timeline-milestone">GPT-1 — OpenAI<span class="timeline-badge badge-decoder">DECODER-ONLY</span></div><div class="timeline-desc">Generative Pre-trained Transformer. 117M parameters. The first proof that a decoder-only Transformer, trained on unsupervised language modelling, could be fine-tuned for diverse tasks. OpenAI's foundational bet on the decoder path.</div></div><div class="timeline-item"><div class="timeline-dot green"/><div class="timeline-year">2019–2020</div><div class="timeline-milestone">GPT-2 → GPT-3<span class="timeline-badge badge-scale">SCALE</span></div><div class="timeline-desc">GPT-2 (1.5B params) was so good at generating text that OpenAI staged a "staged release" over safety concerns. GPT-3 (175B params) — the first model to demonstrate serious few-shot learning. You could give it 3 examples and it could do a new task without any fine-tuning. The scaling laws paper (Kaplan et al.) proved bigger = better predictably.</div></div><div class="timeline-item"><div class="timeline-dot purple"/><div class="timeline-year">2022</div><div class="timeline-milestone">ChatGPT — RLHF Changes Everything</div><div class="timeline-desc">GPT-3.5 fine-tuned with Reinforcement Learning from Human Feedback (RLHF). The public suddenly had a conversational interface to an LLM. 1 million users in 5 days. 100M in 2 months. Fastest product growth in history. Every major tech company scrambled.</div></div><div class="timeline-item"><div class="timeline-dot cyan"/><div class="timeline-year">2023–2026</div><div class="timeline-milestone">Claude · Grok · Gemini · Llama · Mistral · GPT-4/4o</div><div class="timeline-desc">All Transformer-based. All descendants of the 2017 paper. Claude (Anthropic) adds Constitutional AI. Llama (Meta) brings open-source to the frontier. Gemini (Google) goes multimodal. Grok (xAI) takes on real-time search. The Cambrian explosion of LLMs — every one of them tracing its lineage back to June 12, 2017.</div></div></div></section><div class="manga-panel fade-in"><div class="panel-title">Panel 9 — THE ROCKET OF PROGRESS</div><img src="/images/panel-09.jpg" alt="Panel 9 — The Rocket of Progress: AI timeline rocket from 2017 to present" loading="lazy"/><section id="verdict" class="section fade-in"><span class="chapter-label">CHAPTER 10</span><h2>Is It The Most Important AI Paper<span class="highlight">Ever Written?</span></h2><p>Let's be honest about this. The question is fascinating precisely because it's not entirely settled — there are serious candidates.</p><h3>The Case For: Yes, Unambiguously</h3><p>No single paper has had a more direct and immediate commercial and scientific impact in the modern AI era. Every frontier LLM in existence today is a Transformer. The trillion-dollar AI industry of the mid-2020s is built on this foundation. With 200,000+ citations, it's a runaway leader in citation counts for an ML paper. The research it unlocked — in text, image (ViT), audio (Whisper), protein structure (AlphaFold 2), video (Sora), code (Copilot) — spans essentially every domain of AI.</p><h3>The Case For Other Contenders</h3><div class="callout gold"><div class="callout-title">🏆 Other Papers That Matter</div><p><strong>Backpropagation (Rumelhart et al., 1986)</strong> — Without the ability to train neural networks at all, there's nothing to build on.<br/><br/><strong>ImageNet + AlexNet (Krizhevsky et al., 2012)</strong> — The moment deep learning proved itself to the world, launching the modern deep learning era.<br/><br/><strong>Word2Vec (Mikolov et al., 2013)</strong> — Showed that word embeddings encode semantic meaning; a prerequisite for Transformer input representations.<br/><br/><strong>Scaling Laws (Kaplan et al., 2020)</strong> — Proved that LLM capabilities grow predictably with compute and data, enabling the investment thesis behind GPT-3 and everything after.<br/><br/><strong>RLHF (Christiano et al., 2017)</strong> — The alignment technique that turned raw LLMs into assistants humans actually want to use.</p></div><p>The honest verdict:<strong>In the specific context of modern generative AI — LLMs, multimodal models, and the AI products billions of people use daily — "Attention Is All You Need" is the clearest single point of origin.</strong> Without backprop it couldn't exist, but without this paper, it wouldn't have become what it is. It's the right answer to the question "which paper made today's AI possible?"</p><blockquote>
"We are all standing on the shoulders of eight people who asked: what if recurrence isn't actually necessary?"<cite>— A reasonable paraphrase of the entire modern AI research community</cite></blockquote></section><div class="manga-panel fade-in"><div class="panel-title">Panel 10 — THE AI FAMILY PORTRAIT</div><img src="/images/panel-10.jpg" alt="Panel 10 — The AI Family Portrait: GPT, Claude, Grok, Gemini, Llama before the founders portrait" loading="lazy"/><section class="section fade-in"><span class="chapter-label">CHAPTER 11</span><h2>Where Do We Go From<span class="highlight">Here?</span></h2><p>The Transformer is dominant but not invincible. Researchers are actively working on what comes next — and several serious challengers are emerging.</p><h3>The Current Limitations</h3><p>Self-attention has a quadratic complexity problem. If your sequence has N tokens, the attention matrix is N × N. Double the sequence length, quadruple the compute. For long documents — books, codebases, hours of audio — this becomes brutally expensive. The context window you experience in Claude or GPT-4 represents enormous engineering effort to extend what was originally a very limited range.</p><h3>What's Being Explored</h3><p><strong>Mamba / State Space Models (SSMs)</strong> process sequences in linear time, not quadratic — a genuine architectural alternative that some researchers believe could eventually rival or exceed Transformers for long-context tasks.<strong>Flash Attention</strong> (Dao et al., 2022) is an algorithmic optimisation that makes standard attention dramatically more memory-efficient without changing the math.<strong>Mixture of Experts (MoE)</strong> architectures — used in GPT-4 and Gemini — activate only a subset of parameters per token, allowing models with trillions of total parameters to run at the cost of a much smaller model.</p><p><strong>Multimodality</strong> is the frontier. The Transformer's attention mechanism generalises naturally to images (patch tokens), audio (spectrogram tokens), video (frame tokens), and structured data. A single Transformer can in principle process all of these simultaneously — and models like GPT-4o and Gemini Ultra are moving rapidly in this direction.</p><p>The question researchers are now asking: is intelligence primarily a function of architecture, or of scale and data? The scaling laws suggest it's mostly the latter. If that's true, the Transformer need not be dethroned — it just needs to be fed more.</p><div class="callout cyan"><div class="callout-title">🔭 The Bigger Picture</div><p>We are, by most accounts, somewhere in the middle of the most important technological transition in human history. Every model at the frontier — the ones writing code, passing medical exams, generating video — shares a common ancestor. Eight researchers. One arXiv pre-print. Twelve hundred lines of Python. June 12, 2017.</p></div></section><div class="manga-panel fade-in"><div class="panel-title">Panel 11 — THE NEURAL SKY</div><img src="/images/panel-11.jpg" alt="Panel 11 — The Neural Sky: Lone figure beneath Transformer constellation sky" loading="lazy"/><section class="section fade-in"><span class="chapter-label">CONCLUSION</span><h2>The Seven Words That<span class="highlight">Changed Everything</span></h2><p>We started this piece in 2016, watching RNNs and LSTMs struggle through their sequential chains, watching gradient signals vanish like whispers in a long corridor. We watched researchers work incredibly hard to coax these architectures to handle longer contexts, more complex language, bigger training sets — and hit wall after wall.</p><p>Then eight people asked a simple question —<em>what if you just... paid attention?</em> — and rewired the entire field.</p><p>The Transformer is not magic. It's mathematics: query-key-value lookups, scaled dot-product attention, layer normalisation, residual connections, feed-forward networks. Every piece is graspable. The genius was in the combination — and in the willingness to abandon the assumption that sequences must be processed sequentially.</p><p>The models you interact with today — the ones that draft your emails, explain your code, answer your questions about transformer architecture with exhaustive detail — are all running on this foundation. Claude (the AI that helped outline this post) is a Transformer. GPT-4 is a Transformer. Grok is a Transformer. Gemini is a Transformer. They are, in the deepest technical sense, all direct descendants of that arXiv upload.</p><p>Understanding "Attention Is All You Need" is not just historical curiosity. It's the grammar of modern AI. Once you understand it, you have a lens through which almost everything in the field makes sense — the scaling laws, the context window debates, the encoder vs. decoder architecture choices, the multimodal experiments, the efficiency research.</p><p>The paper is free. The arXiv link still works. It's 15 pages and reads more clearly than most ML papers. If this post piqued your curiosity: go read it. You'll understand it now.</p><div class="big-stat"><div class="number">2017 → ∞</div><div class="label">The year a single paper changed the trajectory of intelligence itself</div></div></section></div><script>
(function() {
var root = document.querySelector('.attn-article');
if (!root || !('IntersectionObserver' in window)) return;
// Re-apply the hidden start state, then animate in on scroll.
var els = root.querySelectorAll('.fade-in');
els.forEach(function(el) { el.style.opacity = '0'; el.style.transform = 'translateY(24px)'; el.style.transition = 'opacity 0.6s ease, transform 0.6s ease'; });
var io = new IntersectionObserver(function(entries) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
entry.target.style.opacity = '1';
entry.target.style.transform = 'none';
io.unobserve(entry.target);
}
});
}, { threshold: 0.08 });
els.forEach(function(el) { io.observe(el); });
root.querySelectorAll('.attn-cell').forEach(function(cell) {
cell.title = 'Attention weight: ' + cell.textContent.trim();
});
})();</script>
]]></content:encoded><media:content url="https://curiousbit.netlify.app/images/panel-01.jpg" medium="image"><media:title type="plain">Automation</media:title></media:content><category>artificial-intelligence</category><category>architecture</category><category>automation</category><category>Knowledge Base</category></item><item><title>OpenAI Just Killed the Voice Assistant — And Built Something Far More Dangerous</title><link>https://curiousbit.netlify.app/field-notes/openai-voice-models-gpt-realtime-2/</link><guid isPermaLink="true">https://curiousbit.netlify.app/field-notes/openai-voice-models-gpt-realtime-2/</guid><pubDate>Sun, 10 May 2026 00:00:00 +0000</pubDate><dc:creator>Ajay Walia</dc:creator><description>&lt;p&gt;&lt;strong&gt;OpenAI just shipped three new voice models — and together they don&amp;rsquo;t just improve voice assistants. They make the very concept of a &amp;ldquo;voice assistant&amp;rdquo; feel outdated.&lt;/strong&gt;&lt;/p&gt;</description><content:encoded>&lt;![CDATA[<img src="https://curiousbit.netlify.app/images/field-notes/openai-voice-banner.jpg" alt="Automation" style="max-width:100%;height:auto;margin-bottom:1.5em;"/><p><strong>OpenAI just shipped three new voice models — and together they don&rsquo;t just improve voice assistants. They make the very concept of a &ldquo;voice assistant&rdquo; feel outdated.</strong></p><p><strong>GPT-Realtime-2 is the first voice model with GPT-5-class reasoning. It doesn&rsquo;t wait to think — it reasons out loud while keeping the conversation moving.</strong></p><hr><h2 id="what-was-announced">What Was Announced</h2><p>OpenAI released a trio of voice models through its API this week:</p><ul><li><strong>GPT-Realtime-2</strong> — live voice with GPT-5-class reasoning, tool calling, and interruption handling</li><li><strong>GPT-Realtime-Translate</strong> — real-time speech translation across 70+ input languages into 13 output languages, keeping pace with the speaker</li><li><strong>GPT-Realtime-Whisper</strong> — streaming speech-to-text that transcribes live as you speak (not after you stop)</li></ul><p>Plus two new Chat Completions models:<code>gpt-4o-transcribe</code> and<code>gpt-4o-mini-transcribe</code>, with significantly lower word error rates than the original Whisper.</p><hr><h2 id="why-gpt-realtime-2-is-a-step-change">Why GPT-Realtime-2 Is a Step Change</h2><p>Previous voice models followed a pattern: you speak → model listens → model thinks → model responds. Linear. Predictable. Frustrating when the request was complex.</p><p>GPT-Realtime-2 breaks that pattern. It:</p><ul><li><strong>Calls multiple tools simultaneously</strong> — checking your calendar, pulling data, and looking something up<em>at the same time</em></li><li><strong>Makes actions audible</strong> — says things like &ldquo;checking your calendar now&rdquo; or &ldquo;looking that up&rdquo; while it works, so the conversation doesn&rsquo;t go silent</li><li><strong>Handles corrections and interruptions</strong> naturally — you can cut in, redirect, or correct mid-sentence</li><li><strong>Benchmarks 15.2% higher</strong> on Big Bench Audio vs. GPT-Realtime-1.5</li></ul><p>That last point matters because Big Bench Audio tests<em>audio intelligence</em> — understanding complex spoken requests, not just transcription accuracy.</p><hr><h2 id="what-this-means-for-enterprise">What This Means for Enterprise</h2><p>If you&rsquo;re building — or buying — anything with a voice interface right now, this changes your calculus.</p><p><strong>Dial-in support bots</strong> built on older voice AI will feel laggy and scripted compared to what GPT-Realtime-2 can do. The gap between &ldquo;voice assistant&rdquo; and &ldquo;voice agent&rdquo; just widened dramatically.</p><p><strong>Real-time translation</strong> (70 input languages → 13 output languages) is a genuine enterprise unlock for global operations, multilingual customer support, and cross-border meetings without interpreter overhead.</p><p><strong>Streaming transcription</strong> means you can build systems that act on partial speech — not just complete utterances. Think interruption detection, real-time coaching, live subtitles that actually keep up.</p><hr><h2 id="the-question-worth-asking">The Question Worth Asking</h2><p>For enterprise tech leaders: most voice AI deployments today are<em>reactive</em> — they wait for a complete input, then respond. GPT-Realtime-2 is<em>proactive</em> — it works while talking. That&rsquo;s a fundamentally different UX and a fundamentally different integration model.</p><p>The platforms and products that haven&rsquo;t designed for this will feel broken by comparison within 12 months.</p><p><img src="/images/field-notes/openai-voice-realtime.jpg" alt="OpenAI GPT-Realtime-2 voice intelligence"/><hr><p><strong>→<a href="https://openai.com/index/advancing-voice-intelligence-with-new-models-in-the-api/">Read the full announcement on OpenAI</a></strong></p><hr><blockquote><p><strong>Over to you:</strong> Are you currently using any voice AI in your enterprise stack — or actively avoiding it? What would need to be true about reliability and accuracy before you&rsquo;d deploy it for customer-facing workflows?</p></blockquote>
]]></content:encoded><media:content url="https://curiousbit.netlify.app/images/field-notes/openai-voice-banner.jpg" medium="image"><media:title type="plain">Automation</media:title></media:content><category>artificial-intelligence</category><category>automation</category><category>Field Notes</category></item><item><title>I Built, My Own Screenshot App for macOS (No More Clunky Screenshots)</title><link>https://curiousbit.netlify.app/i-built-my-own-screenshot-app-for-macos-no-more-clunky-screenshots/</link><guid isPermaLink="true">https://curiousbit.netlify.app/i-built-my-own-screenshot-app-for-macos-no-more-clunky-screenshots/</guid><pubDate>Fri, 08 May 2026 00:00:00 +0000</pubDate><dc:creator>Ajay Walia</dc:creator><description>&lt;p&gt;It was a Tuesday evening. I had just taken my fourteenth screenshot of the day — a mix of Cmd+Shift+4, accidental desktop saves, files named &lt;code&gt;Screenshot 2026-05-06 at 11.43.22 PM.png&lt;/code&gt; scattered across my Downloads folder like confetti after a party nobody enjoyed.&lt;/p&gt;</description><content:encoded>&lt;![CDATA[<img src="https://curiousbit.netlify.app/images/ajshot-p1.jpg" alt="Automation" style="max-width:100%;height:auto;margin-bottom:1.5em;"/><p>It was a Tuesday evening. I had just taken my fourteenth screenshot of the day — a mix of Cmd+Shift+4, accidental desktop saves, files named<code>Screenshot 2026-05-06 at 11.43.22 PM.png</code> scattered across my Downloads folder like confetti after a party nobody enjoyed.</p><p><img src="/images/ajshot-p1.jpg" alt="Panel 1 – The Screenshot Graveyard"/><p>I opened Finder. Forty-seven PNGs. Forty-seven. Some blurry. Some with my other windows bleeding in at the edges. Some cropped wrong because I&rsquo;d sneezed mid-drag.</p><p>There had to be a better way.</p><hr><h2 id="the-ghost-of-greenshot-past">The Ghost of Greenshot Past</h2><p>Back in my Windows days — and I spent a<em>lot</em> of years in Windows, running datacentres, managing Wintel estates, building VDI platforms — I had<a href="https://getgreenshot.org/">Greenshot</a>. If you&rsquo;ve never used it, Greenshot is a free, lightweight screenshot tool that lives in your system tray. Press<code>PrtSc</code>, draw a box, done. Instant annotation. Instant clipboard. Instant sanity.</p><p>When I moved to macOS full-time, I expected something better. Apple builds beautiful hardware. Their software is generally excellent. And their screenshot workflow is… fine. Technically fine. But when you&rsquo;re taking screenshots all day for documentation, Slack messages, architecture diagrams, and blog posts — &ldquo;fine&rdquo; isn&rsquo;t good enough.</p><p>The native flow is:<code>Cmd+Shift+4</code>, drag imprecisely, file saves somewhere, you hunt for it, you paste it, you realise the crop was off, you do it again.</p><p><img src="/images/ajshot-p2.jpg" alt="Panel 2 – The Ghost of Greenshot"/><p>I Googled &ldquo;Greenshot for Mac&rdquo; approximately eleven times over the past year. The answers: CleanShot X (paid, subscription), Shottr (good but someone else&rsquo;s decisions), or just &ldquo;get used to it.&rdquo;</p><p>I couldn&rsquo;t get used to it. So I did what any reasonable enterprise architect does at 10pm on a Tuesday.</p><p>I decided to build it myself.</p><hr><h2 id="fine-ill-build-it">Fine. I&rsquo;ll Build It.</h2><p>The plan was simple: a lightweight macOS menu bar app. Lives in the status bar. One click or a hotkey and you&rsquo;ve got a clean area capture, a window capture, or a full-screen grab. Auto-saves with a sensible filename. Copies to clipboard. Makes a satisfying shutter sound. Stays out of your way.</p><p>The twist: I&rsquo;d build it the same way I built this blog — with Claude as my pair programmer and VS Code as the editor. I&rsquo;m an architect and technologist, not a Swift developer. But that was the whole point.</p><p>I opened a new conversation, described what I wanted in plain English, and we got to work.</p><hr><h2 id="what-ajshot-is">What AJShot Is</h2><p><img src="/images/ajshot-p3.jpg" alt="Panel 3 – The &ldquo;AJ&rdquo; badge appears in the menu bar"/><p><strong>AJShot</strong> is a native macOS menu bar app — background-only, no Dock icon, no bloat. It sits quietly in your menu bar with a small<code>AJ</code> badge. Left-click opens your last screenshot. Right-click opens the action menu.</p><p>Memory footprint: around<strong>50 MB</strong> at idle. Compare that to some Electron-based tools that idle at 300 MB just saying hello.</p><p>The right-click menu looks like this:</p><pre tabindex="0"><code>📷 Capture Area ⌘⇧3
🖥 Capture Window ⌘⇧4
🖥 Capture Fullscreen ⌘⇧5
─────────────────────────────
📂 Open Last Screenshot
📁 Open Screenshots Folder
─────────────────────────────
⚙️ Preferences
ℹ️ About
✕ Quit</code></pre><p>The keyboard shortcuts are global — they work even when AJShot is in the background. You&rsquo;re deep in a Zoom call, you need a quick capture, you hit<code>Cmd+Shift+3</code>, draw the box, done. The screenshot is already in your designated folder and on your clipboard before you&rsquo;ve even let go of the mouse.</p><hr><h2 id="core-features">Core Features</h2><p><img src="/images/ajshot-p4.jpg" alt="Panel 4 – Area selection crosshair in action"/><h3 id="capture-modes">Capture Modes</h3><p><strong>Area Capture</strong> (<code>⌘⇧3</code>) — the workhorse. Full-screen overlay appears, cursor becomes a crosshair, you draw a box. Precise. Consistent. No more dragging the wrong direction and getting a sliver of your taskbar.</p><p><strong>Window Capture</strong> (<code>⌘⇧4</code>) — click a window, capture just that window. No background bleed, no accidental desktop icons photobombing your documentation.</p><p><strong>Fullscreen Capture</strong> (<code>⌘⇧5</code>) — captures everything. Supports multi-display setups with a &ldquo;capture all&rdquo; or &ldquo;ask each time&rdquo; behaviour you configure once.</p><h3 id="preferences-that-actually-make-sense">Preferences That Actually Make Sense</h3><p><img src="/images/ajshot-p5.jpg" alt="Panel 5 – The Preferences panel, organised and calm"/><p>Open Preferences and you get a clean panel with the options you&rsquo;d actually want to configure:</p><table><thead><tr><th>Setting</th><th>Default</th><th>What it does</th></tr></thead><tbody><tr><td>Launch at login</td><td>On</td><td>AJShot is always ready, even after restart</td></tr><tr><td>Play capture sound</td><td>On</td><td>Satisfying shutter click confirms the capture</td></tr><tr><td>Show thumbnail preview</td><td>On</td><td>Floating preview appears — click to open in editor</td></tr><tr><td>Auto-copy to clipboard</td><td>On</td><td>Screenshot lands in your clipboard automatically</td></tr><tr><td>Save folder</td><td><code>~/Pictures/AJShot</code></td><td>Your own designated screenshot home</td></tr><tr><td>File format</td><td>PNG</td><td>Or JPG with a quality slider</td></tr><tr><td>Filename template</td><td><code>AJShot_{date}_{time}</code></td><td>Consistent, sortable, sane filenames</td></tr></tbody></table><p>The filename templating engine handles the sanitisation itself — no illegal characters, no trailing dots, no 240-character filenames. Files come out like<code>AJShot_2026-05-09_22-14-37.png</code>. You can find them instantly. You can sort them. Your Downloads folder stays clean.</p><h3 id="post-capture-flow">Post-Capture Flow</h3><p>After every capture, AJShot runs through a quick sequence:</p><ol><li><strong>Auto-saves</strong> to your configured folder with the filename template applied</li><li><strong>Copies to clipboard</strong> (if enabled) — so you can paste immediately</li><li><strong>Plays the shutter sound</strong> — audio confirmation that the capture happened</li><li><strong>Shows a floating thumbnail</strong> in the corner — click it to open in the editor</li></ol><p>You can also configure the post-capture action to always ask, always edit, always save, or always copy. Once you&rsquo;ve decided how you work, it remembers.</p><hr><h2 id="the-real-problem-it-solves">The Real Problem It Solves</h2><p>Here&rsquo;s the honest comparison:</p><table><thead><tr><th/><th><strong>Native macOS</strong></th><th><strong>AJShot</strong></th></tr></thead><tbody><tr><td>Start capture</td><td><code>Cmd+Shift+4</code>, wait for toolbar</td><td><code>Cmd+Shift+3</code>, instant overlay</td></tr><tr><td>File location</td><td>Desktop or last used folder</td><td>Always<code>~/Pictures/AJShot</code></td></tr><tr><td>Filename</td><td><code>Screenshot 2026-05-09 at 10.14.22 PM.png</code></td><td><code>AJShot_2026-05-09_22-14-22.png</code></td></tr><tr><td>Clipboard copy</td><td>Manual extra step</td><td>Automatic</td></tr><tr><td>Editor</td><td>Preview.app detour</td><td>Built-in (annotation tools in progress)</td></tr><tr><td>Memory use</td><td>System process</td><td>~50 MB dedicated</td></tr><tr><td>Works in background</td><td>Partial</td><td>Full global hotkeys</td></tr><tr><td>Shutter sound</td><td>Yes</td><td>Yes (configurable)</td></tr></tbody></table><p>The editor is where things get even more interesting. The annotation scaffolding is already built — the tools are there in the codebase: arrows, blur, text, highlights, shapes, step-number callouts. They&rsquo;re not wired to the UI yet, but they&rsquo;re coming. That&rsquo;s the next milestone.</p><hr><h2 id="tech-stack--whats-actually-under-the-hood">Tech Stack — What&rsquo;s Actually Under the Hood</h2><p><img src="/images/ajshot-p6.jpg" alt="Panel 6 – The Swift codebase, compact and organised"/><p>This is a<strong>native macOS app</strong> built entirely in<strong>Swift 5.9+</strong>, targeting<strong>macOS 12 (Monterey) and later</strong>. The UI is a hybrid of<strong>SwiftUI</strong> and<strong>AppKit</strong> — SwiftUI for the Preferences panel and modern views, AppKit where you need fine-grained control over system behaviour (status bar items, window management, capture overlays).</p><p><strong>Dependencies</strong> (both by<a href="https://github.com/sindresorhus">Sindre Sorhus</a>, the prolific open-source developer behind half the macOS indie tool ecosystem):</p><ul><li><a href="https://github.com/sindresorhus/KeyboardShortcuts"><code>KeyboardShortcuts</code></a> — global hotkey registration that plays nicely with macOS security</li><li><a href="https://github.com/sindresorhus/Defaults"><code>Defaults</code></a> — a type-safe, SwiftUI-friendly wrapper around<code>UserDefaults</code></li></ul><p><strong>Capture pipeline</strong>: uses<code>CGPreflightScreenCaptureAccess</code> and<code>CGRequestScreenCaptureAccess</code> from CoreGraphics for the permission preflight, then<code>ScreenCaptureKit</code> for the actual pixel capture. The permission flow has a proper retry loop — if you&rsquo;ve granted permission but haven&rsquo;t restarted the app, it tells you exactly that and offers a one-click restart.</p><p><strong>Build and distribution</strong>: Swift Package Manager for dependencies, Xcode 15 for the build, and a<code>build-dmg.sh</code> script that produces a signed<code>AJShot-1.0.0.dmg</code> for distribution. The DMG is already built. You can drag it to Applications and run it today.</p><p><strong>Security considerations</strong> (because I work in security and these things matter):</p><ul><li>Screenshot folder is set to<code>0700</code> permissions — only you can read it</li><li>Individual screenshot files are<code>0600</code> — same</li><li>Filename template engine strips illegal characters and control characters at the source</li><li>Code signing and notarization stubs are already in the README for when distribution goes wide</li></ul><p>The architecture is clean:<code>App</code> →<code>AppDelegate</code> →<code>StatusBarController</code> →<code>CaptureManager</code> →<code>ScreenshotStorage</code>. Each module does one thing. The<code>FilenameTemplateEngine</code> is a pure static function. The<code>ThumbnailPresenter</code> is decoupled from capture. Claude helped me keep it disciplined.</p><hr><h2 id="the-honest-struggles">The Honest Struggles</h2><p>No developer story is complete without the bit where things go sideways.</p><p><strong>Screen Recording permissions</strong> nearly broke me on the first build. macOS 12+ requires explicit Screen Recording permission in System Settings, and you can&rsquo;t force-trigger the dialog more than once per session. I had to build the multi-stage fallback: first launch triggers Apple&rsquo;s native dialog, subsequent denials open System Settings directly, and if you&rsquo;ve granted permission but not restarted, it detects that state and offers a restart button. It took longer to get that right than the actual capture code.</p><p><strong>Swift Package Manager vs Xcode</strong> had a brief disagreement about the resource bundle for<code>shutter.aiff</code>. The sound file lives in<code>AJShot/Sounds/</code> and has to be declared as a<code>.process("Sounds")</code> resource in<code>Package.swift</code>. Simple when you know it. Less simple at 11pm when it just silently fails to play.</p><p><strong>The<code>LaunchAtLogin</code> manager</strong> required writing a<code>LaunchAgent</code> plist to<code>~/Library/LaunchAgents/</code>. Straightforward on paper. In practice, macOS is protective of that folder in ways that aren&rsquo;t well-documented, and the error messages when something goes wrong are the kind that send you to Stack Overflow threads from 2019.</p><p>That&rsquo;s the thing about building a native macOS app — the platform is powerful and the APIs are solid, but the surface area of &ldquo;things that can quietly not work&rdquo; is larger than you&rsquo;d expect. Claude helped me navigate most of it. The frustration was real and so was the progress.</p><hr><h2 id="whats-next">What&rsquo;s Next</h2><p><img src="/images/ajshot-p7.jpg" alt="Panel 7 – &ldquo;It just works.&rdquo; The menu bar icon glows."/><p>The annotation editor is the next major milestone — the scaffolding is already there. Arrow tool, blur tool, text tool, highlight, shapes, step-number callouts. When that&rsquo;s wired up, AJShot becomes a complete Greenshot replacement for macOS: capture, annotate, save, share.</p><p>After that: GitHub release with a public DMG, code signing, notarization, and probably a product page here on CuriousBit.</p><p>If you&rsquo;re a macOS user who&rsquo;s been putting up with the native screenshot workflow out of habit — you don&rsquo;t have to. And if you&rsquo;re a developer (or aspiring one) who thinks you can&rsquo;t build a native app without being a full-time Swift engineer — you can. You really can.</p><hr><h2 id="try-it--share-what-you-use">Try It / Share What You Use</h2><p>The GitHub repo is coming soon — I&rsquo;ll post the link here when it&rsquo;s public. In the meantime, if you&rsquo;re curious about the architecture, the Swift source, or want to follow along as the editor gets built, keep an eye on this blog.</p><p>And I&rsquo;m genuinely curious:<strong>what screenshot tool do you use on macOS?</strong> Are you a CleanShot loyalist? A Shottr person? Still using the native tools and somehow thriving? Drop a note — I&rsquo;d love to know.</p><p>Because the best tools are the ones built out of genuine frustration with the alternative. And I was<em>very</em> genuinely frustrated.</p>
]]></content:encoded><media:content url="https://curiousbit.netlify.app/images/ajshot-p1.jpg" medium="image"><media:title type="plain">Automation</media:title></media:content><category>artificial-intelligence</category><category>automation</category><category>architecture</category><category>Knowledge Base</category></item><item><title>I Built This Blog Without Writing a Single Line of Code (Almost)</title><link>https://curiousbit.netlify.app/i-built-this-blog-without-writing-a-single-line-of-code-almost/</link><guid isPermaLink="true">https://curiousbit.netlify.app/i-built-this-blog-without-writing-a-single-line-of-code-almost/</guid><pubDate>Thu, 07 May 2026 00:00:00 +0000</pubDate><dc:creator>Ajay Walia</dc:creator><description>&lt;p&gt;It started like most late-night ideas in Sydney — a MacBook, too much coffee, and a thought that refused to go away.&lt;/p&gt;
&lt;p&gt;&lt;img src="https://curiousbit.netlify.app/images/comic-p1.jpg" alt="Panel 1 – Sydney, 11:47 PM. The idea hits."&gt;&lt;/p&gt;</description><content:encoded>&lt;![CDATA[<img src="https://curiousbit.netlify.app/images/comic-p1.jpg" alt="Automation" style="max-width:100%;height:auto;margin-bottom:1.5em;"/><p>It started like most late-night ideas in Sydney — a MacBook, too much coffee, and a thought that refused to go away.</p><p><img src="/images/comic-p1.jpg" alt="Panel 1 – Sydney, 11:47 PM. The idea hits."/><p>I wanted a tech blog. A proper one — clean, fast, with a Knowledge Base, Videos section, and a place to put thoughts on AI and enterprise tech. The problem? Zero design skills. Zero frontend experience. I know infrastructure, architecture, platforms — but CSS gives me a headache.</p><hr><h2 id="the-crazy-idea">The Crazy Idea</h2><p>Then it clicked.</p><p><img src="/images/comic-p2.png" alt="Panel 2 – What if I use Claude and Codex to build the whole thing?"/><p>What if I just described the site I wanted — in plain English — and let AI build it? Not generate a snippet. Build the<em>whole thing</em>. Layouts, config, content, deployment config. Everything.</p><p>The prompt I used was simple but specific:</p><blockquote><p><em>&ldquo;Make me a clean HackerNoon-style Hugo + Tailwind blog with KB, Videos, News &amp; Views, and About pages. Deploy-ready for Netlify.&rdquo;</em></p></blockquote><hr><h2 id="the-stack">The Stack</h2><p><img src="/images/comic-p3.png" alt="Panel 3 – The prompt fires. Hugo, Tailwind, and a full project structure come back."/><p>The AI returned a complete project in one shot. Here&rsquo;s what it chose and why it makes sense:</p><p><strong>Hugo</strong> — a static site generator written in Go. Blazing fast builds, no database, no server to maintain. Perfect for a content blog.</p><p><strong>Tailwind CSS</strong> — utility-first CSS. Instead of writing stylesheets, you compose classes directly in HTML. The AI could reason about it well and generate clean, consistent UI.</p><p><strong>Netlify</strong> — one-click deployment from a GitHub repo. Push to<code>main</code>, site rebuilds automatically. Free tier covers everything a personal blog needs.</p><p><strong>GitHub</strong> — version control and the bridge between local edits and live site.</p><p>The structure it generated:<code>content/</code>,<code>layouts/</code>,<code>assets/</code>,<code>static/</code>,<code>config.yaml</code>,<code>netlify.toml</code>. Exactly what you&rsquo;d expect from an experienced Hugo developer.</p><hr><h2 id="first-roadblock--hit-in-under-5-minutes">First Roadblock — Hit in Under 5 Minutes</h2><p><img src="/images/comic-p4.png" alt="Panel 4 – zsh: command not found: brew. What the&hellip; brew?!"/><p>Real talk — the first thing I hit was a terminal error before I&rsquo;d even installed anything.<code>zsh: command not found: brew</code>. Homebrew wasn&rsquo;t on the machine.</p><p>At first I had no idea what I was looking at.</p><p><img src="/images/comic-p5.png" alt="Panel 5 – Small wins matter. At least I can read the error now."/><p>But here&rsquo;s the thing about working with AI tools — you learn to debug faster because you can ask<em>why</em> something failed, not just<em>how</em> to fix it. Within a few minutes I understood: Homebrew is the Mac package manager. I needed it to install Hugo. Small win — I could read what was going wrong.</p><hr><h2 id="getting-hugo-running">Getting Hugo Running</h2><p><img src="/images/comic-p6.png" alt="Panel 6 – brew install hugo → Installed. I&rsquo;m unstoppable!"/><p>Three commands and Hugo was running:</p><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl">/bin/bash -c<span class="s2">"</span><span class="k">$(</span>curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh<span class="k">)</span><span class="s2">"</span></span></span><span class="line"><span class="cl">brew install hugo</span></span><span class="line"><span class="cl">hugo server</span></span></code></pre></div><p>The site was alive at<code>localhost:1313</code> — navigation, article cards, dark mode toggle, the works.</p><hr><h2 id="the-project-structure">The Project Structure</h2><p><img src="/images/comic-p7.png" alt="Panel 7 – The full folder structure. It actually generated everything perfectly."/><p>The generated project was clean and logical:</p><ul><li><code>content/posts/</code> — articles as Markdown files with YAML frontmatter</li><li><code>layouts/</code> — Hugo HTML templates for each page type</li><li><code>assets/css/</code> — Tailwind CSS, processed at build time</li><li><code>static/</code> — images and files served as-is</li><li><code>config.yaml</code> — site title, menus, author, base URL</li><li><code>netlify.toml</code> — build command, publish directory, Node version</li></ul><p>Hugo reads all frontmatter at build time and generates a completely static site. No database. No server-side rendering. No WordPress. Just fast HTML files.</p><hr><h2 id="real-developer-moments">Real Developer Moments</h2><p><img src="/images/comic-p8.png" alt="Panel 8 – How do I copy the path again?! Real developer moments."/><p>Not everything was smooth. There were genuine &ldquo;how does anyone actually do this&rdquo; moments — forgetting how to copy a file path in Finder, templates not updating because of Hugo&rsquo;s build cache, Git authentication failing because GitHub dropped password support in 2021.</p><p>These are the moments tutorials skip. The AI handled every one of them.</p><hr><h2 id="deployed-its-alive">Deployed. It&rsquo;s Alive.</h2><p><img src="/images/comic-p9.png" alt="Panel 9 – Site Deployed Successfully. IT&rsquo;S ALIVE!!!"/><p>Getting it live was surprisingly painless:</p><ol><li>Push the project to a GitHub repo</li><li>Connect the repo to Netlify</li><li>Set build command to<code>npm run build</code>, publish directory to<code>public/</code></li><li>Hit deploy</li></ol><p>Netlify pulled the code, ran Hugo, and published the static site in under 30 seconds. Every<code>git push</code> from that point triggers an automatic rebuild.</p><hr><h2 id="what-the-live-site-looks-like">What the Live Site Looks Like</h2><p><img src="/images/comic-p10.png" alt="Panel 10 – The live curiousbit site — KB, Videos, rotating content."/><p>The site has:</p><ul><li><strong>Homepage</strong> — featured article hero, rotating video cards, Knowledge Base grid</li><li><strong>KB</strong> — long-form technical articles in Markdown</li><li><strong>Videos</strong> — auto-synced from a YouTube playlist via YouTube Data API v3. A Node.js script fetches the playlist at build time, writes<code>videos.json</code> to<code>static/</code>, and the browser loads it at runtime. Add a video to YouTube, trigger a deploy, it appears on the site.</li><li><strong>About</strong> — a simple bio</li></ul><p>The video section was the most technically interesting piece. No manual uploads, no embeds to maintain — just a playlist that feeds itself.</p><hr><h2 id="the-takeaway">The Takeaway</h2><p><img src="/images/comic-p11.png" alt="Panel 11 – You don&rsquo;t need to be a frontend expert. Just good prompts and persistence."/><p>This entire site — layouts, templates, CSS, YouTube integration, Git workflow, deployment pipeline — was built by someone with no frontend background. What I brought was the ability to describe what I wanted clearly, debug errors methodically, and push through the friction points.</p><p>The tools did the heavy lifting. The judgment about<em>what</em> to build was still mine.</p><hr><h2 id="now-its-your-turn">Now It&rsquo;s Your Turn</h2><p><img src="/images/comic-p12.png" alt="Panel 12 – Want to see the full process? Now it&rsquo;s your turn!"/><p>The stack is:<strong>Hugo + Tailwind + GitHub + Netlify + Claude</strong>. All free. All production-grade.</p><p>Start with a prompt. Describe what you want clearly. Expect errors. Fix them one at a time. Deploy early and often.</p><p>The gap between &ldquo;I have an idea&rdquo; and &ldquo;it&rsquo;s live on the internet&rdquo; has never been smaller.</p><hr><p><em>The full source for this site is on GitHub at<a href="https://github.com/ibn-Battuta/AjayW_blog">ibn-Battuta/AjayW_blog</a>.</em></p>
]]></content:encoded><media:content url="https://curiousbit.netlify.app/images/comic-p1.jpg" medium="image"><media:title type="plain">Automation</media:title></media:content><category>artificial-intelligence</category><category>architecture</category><category>automation</category><category>Knowledge Base</category></item><item><title>Camera Roll to Caption — Python Pipeline, Vision Model for Photo Tags</title><link>https://curiousbit.netlify.app/camera-roll-to-caption-python-pipeline-vision-model-for-photo-tags/</link><guid isPermaLink="true">https://curiousbit.netlify.app/camera-roll-to-caption-python-pipeline-vision-model-for-photo-tags/</guid><pubDate>Sat, 02 May 2026 00:00:00 +0000</pubDate><dc:creator>Ajay Walia</dc:creator><description>&lt;p&gt;Vision models, language models, and most other generative systems are confident-but-wrong some non-trivial fraction of the time. The instinct is to fix that with better prompts, bigger models, or smarter agents. The cheaper move is usually to add a small structured review seam — a thirty-second checkpoint where a human can glance, correct, and move on.&lt;/p&gt;</description><content:encoded>&lt;![CDATA[<img src="https://curiousbit.netlify.app/images/ctp/bottlebrush.jpg" alt="Automation" style="max-width:100%;height:auto;margin-bottom:1.5em;"/><p>Vision models, language models, and most other generative systems are confident-but-wrong some non-trivial fraction of the time. The instinct is to fix that with better prompts, bigger models, or smarter agents. The cheaper move is usually to add a small structured review seam — a thirty-second checkpoint where a human can glance, correct, and move on.</p><p>This post is the case study for one such seam, dropped into a build I needed for myself. Of 35 garden photos handed to a vision model,<strong>74% came back with correct first-pass labels</strong>. After thirty seconds editing a CSV,<strong>97% were acceptable to publish</strong>. Total API cost:<strong>$0.18</strong>. Total inference time:<strong>~74 seconds</strong> at 2.1 sec/photo on<code>gpt-4o-mini</code>. The CSV was the highest-leverage code in the project — and it isn&rsquo;t really code.</p><p>Here&rsquo;s the story.</p><h2 id="the-annoyance">The annoyance</h2><p>It was a Saturday afternoon in early March. I&rsquo;d come back from a walk around the garden with thirty-five photos on my iPhone — bottlebrush in full red, honeysuckle dripping with rain, a lilly-pilly cluster doing its outrageous pink thing, and at least one inexplicable shot of an old railway station I&rsquo;d passed on the way home.</p><p>I wanted to post a handful of them with consistent little hashtag labels —<code>#bottlebrush</code>,<code>#honeysuckle</code>,<code>#flower</code> — burned into the corner like a quiet caption. Not a watermark, not a filter, just a small readable pill that says &ldquo;this is what you&rsquo;re looking at.&rdquo;</p><p>What I didn&rsquo;t want was to open each HEIC in Preview, draw a text box, fiddle with the font, export, repeat thirty-five times. So I did the only reasonable thing: I wrote a small Python tool that does it for me.</p><p><img src="/images/ctp/bottlebrush.jpg" alt="Bottlebrush hero — red Australian bottlebrush flower with a #bottlebrush hashtag pill in the bottom-right corner"/><h2 id="the-shape-of-the-pipeline">The shape of the pipeline</h2><pre tabindex="0"><code>┌──────────┐ ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌──────────┐
│ Folder │──▶│ Vision │──▶│ CSV │──▶│ Apply │──▶│ Tagged │
│ photos │ │ provider │ │ review │ │ + pill │ │ output │
└──────────┘ └──────────┘ └──────────┘ └──────────┘ └──────────┘
↑
human-in-the-loop seam
--mode propose: folder ─▶ vision provider ─▶ CSV
--mode apply: CSV ─▶ render + pill ─▶ tagged output</code></pre><p>The minimal product was easy to describe. Point the script at a folder. For each image — HEIC, JPG, PNG, whatever the iPhone or my camera roll throws at it — open it, figure out what&rsquo;s in it, draw a small rounded hashtag pill into the bottom-right corner, save the result to a<code>tagged_output/</code> subfolder. No watermark across the centre of the image, no filter or colour grade, no destructive edit to the original, and no making me choose the label by hand when a vision model can have a decent first guess.</p><p>That last point is where the design got interesting.</p><h2 id="the-seam">The seam</h2><p>You could write this as a single command: walk the folder, ask the model, render the tag, done. I tried that first. The first-pass run produced a folder of beautifully tagged images, about a quarter of which were wrong in some quietly maddening way — a daisy called<code>#flower</code>, a fern called<code>#leaves</code>, the railway station called, charitably,<code>#station</code>.</p><p>So the script runs in two passes.</p><p><code>--mode propose</code> opens each image, hands it to the vision model, and writes a CSV with five columns:</p><pre tabindex="0"><code>image_path, label, score, suggested_tag, final_tag</code></pre><p><code>final_tag</code> is initialised to<code>suggested_tag</code>, but the whole point of the column is that you can edit it. Open the CSV, glance down the list, fix anything obvious —<code>flower</code> becomes<code>morning_glory</code>,<code>leaves</code> becomes<code>bamboo</code> — save, close. On this batch,<strong>9 of 35 rows needed editing</strong> (a daisy, the railway station, two ferns, the bamboo, and four generic-flower fallbacks). A thirty-second pass.</p><p><code>--mode apply</code> then reads the CSV row by row and renders the tag using whatever&rsquo;s in<code>final_tag</code>. The CSV is the human-in-the-loop seam. It is much cheaper than re-running inference, and it catches the cases where the model was right about the genus but wrong about the species, or just wrong.</p><h2 id="three-providers-one-interface">Three providers, one interface</h2><p>I didn&rsquo;t want to commit to one vision model — the price/quality trade-offs are too lively right now. The script supports three providers behind one interface, picked via<code>--provider local|openai|xai</code>.</p><p><strong>Local CLIP.</strong> HuggingFace&rsquo;s<code>openai/clip-vit-large-patch14</code> against a fixed candidate list. Free, offline,<strong>~0.4 sec/photo on an M3 Pro</strong>. The cost is breadth: anything outside the candidate list collapses to the nearest match. CLIP doesn&rsquo;t know what a bottlebrush is unless I tell it the word.</p><p><strong>OpenAI.</strong><code>gpt-4o-mini</code> by default, with an opt-in<code>--high-accuracy</code> flag that retries low-confidence cases (under 0.72) on<code>gpt-4o</code>.<strong>~2.1 sec/photo, ~$0.18 for the 35-photo batch.</strong> Open-ended labels — how<code>bottlebrush</code>,<code>honeysuckle</code>,<code>fern</code>, and<code>berries</code> ended up in the CSV rather than<code>flower</code>,<code>flower</code>,<code>leaves</code>,<code>fruit</code>.<strong>22% of the batch tripped the retry threshold</strong> and went to<code>gpt-4o</code>.</p><p><img src="/images/ctp/berries.jpg" alt="Hot-pink lilly-pilly berries tagged #berries — an example of gpt-4o-mini producing a specific label rather than the generic &ldquo;fruit&rdquo;"/><p><strong>xAI Grok.</strong> Same OpenAI-compatible client, pointed at<code>api.x.ai</code> with<code>grok-2-vision-latest</code>. Useful if you&rsquo;re already on the x.ai stack or want a different model family&rsquo;s vote.</p><p>The mental model: local CLIP for batch-of-a-hundred-photos-on-a-flight, OpenAI as the daily driver, and the high-accuracy retry for exactly the case where the model says &ldquo;flower&rdquo; with 0.55 confidence and I want it to look harder before I have to.</p><p>The blue morning glory below is what generic labels look like in practice — still a decent fallback, just unspecific. The model wasn&rsquo;t wrong; it just wasn&rsquo;t curious.</p><p><img src="/images/ctp/morning-glory.jpg" alt="Blue morning glory tagged #flower — an example of the model falling back to a generic label even with the specific species clearly visible"/><h2 id="two-small-touches">Two small touches</h2><p>Two design choices are the difference between &ldquo;the script works&rdquo; and &ldquo;the output looks intentional.&rdquo;</p><p><strong>Style-aware contrast.</strong> The pill needs to be readable on both a bright sky and dark foliage. The script crops the bottom-right region of the image, measures the mean luminance using the standard Rec. 709 weights, and flips the colour scheme above or below a threshold:</p><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="k">def</span><span class="nf">style_aware_colors</span><span class="p">(</span><span class="n">img</span><span class="p">):</span></span></span><span class="line"><span class="cl"><span class="n">w</span><span class="p">,</span><span class="n">h</span><span class="o">=</span><span class="n">img</span><span class="o">.</span><span class="n">size</span></span></span><span class="line"><span class="cl"><span class="n">crop</span><span class="o">=</span><span class="n">img</span><span class="o">.</span><span class="n">crop</span><span class="p">((</span><span class="nb">int</span><span class="p">(</span><span class="n">w</span><span class="o">*</span><span class="mf">0.68</span><span class="p">),</span><span class="nb">int</span><span class="p">(</span><span class="n">h</span><span class="o">*</span><span class="mf">0.80</span><span class="p">),</span><span class="n">w</span><span class="p">,</span><span class="n">h</span><span class="p">))</span></span></span><span class="line"><span class="cl"><span class="n">r</span><span class="p">,</span><span class="n">g</span><span class="p">,</span><span class="n">b</span><span class="o">=</span><span class="n">ImageStat</span><span class="o">.</span><span class="n">Stat</span><span class="p">(</span><span class="n">crop</span><span class="o">.</span><span class="n">convert</span><span class="p">(</span><span class="s2">"RGB"</span><span class="p">))</span><span class="o">.</span><span class="n">mean</span><span class="p">[:</span><span class="mi">3</span><span class="p">]</span></span></span><span class="line"><span class="cl"><span class="n">luminance</span><span class="o">=</span><span class="mf">0.2126</span><span class="o">*</span><span class="n">r</span><span class="o">+</span><span class="mf">0.7152</span><span class="o">*</span><span class="n">g</span><span class="o">+</span><span class="mf">0.0722</span><span class="o">*</span><span class="n">b</span></span></span><span class="line"><span class="cl"><span class="k">if</span><span class="n">luminance</span><span class="o">&lt;</span><span class="mi">140</span><span class="p">:</span></span></span><span class="line"><span class="cl"><span class="k">return</span><span class="p">(</span><span class="mi">255</span><span class="p">,</span><span class="mi">255</span><span class="p">,</span><span class="mi">255</span><span class="p">,</span><span class="mi">245</span><span class="p">),</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">95</span><span class="p">)</span><span class="c1"># white text, dark pill</span></span></span><span class="line"><span class="cl"><span class="k">return</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">245</span><span class="p">),</span><span class="p">(</span><span class="mi">255</span><span class="p">,</span><span class="mi">255</span><span class="p">,</span><span class="mi">255</span><span class="p">,</span><span class="mi">95</span><span class="p">)</span><span class="c1"># black text, light pill</span></span></span></code></pre></div><p>Eight lines of PIL. In this batch every photo sampled dark — gardens are mostly green and shadow in the corner — so every output got the dark pill. The bright-pill branch is still there, waiting for a photo with sky or a light wall in the corner.</p><p><strong>Save with fallback.</strong> HEIC writes occasionally fail for reasons that aren&rsquo;t worth diagnosing in a personal tool. The save function tries the original format first; if PIL throws, it quietly drops to JPEG with the same filename stem. Eight more lines. On this batch,<strong>3 of 35 fell back to JPEG</strong>. Without the fallback those three would have been a stack trace and a half-finished folder. With it, thirty-five of thirty-five made it through.</p><h2 id="what-id-add-next">What I&rsquo;d add next</h2><p>Multi-tag support, so a photo can be<code>#lorikeet #bottlebrush</code> when the bird showed up in the bottlebrush. EXIF preservation through the round-trip — right now PIL strips most of the metadata, which I don&rsquo;t love. A tiny review UI to replace the CSV step, either a Tkinter window or a one-page localhost app. Smarter candidate lists for the local provider, scoped by season or geography — Sydney summer has a different vocabulary than European spring.</p><p>None of these are urgent enough to displace &ldquo;the script already does what I wanted.&rdquo;</p><h2 id="closing-observations">Closing observations</h2><p>Three lessons that generalise beyond this script.</p><p><strong>Human-in-the-loop is cheap and underrated.</strong> The CSV seam between propose and apply takes thirty seconds per batch and saves me from confidently wrong outputs. For any task where a model is confident-but-wrong some non-trivial fraction of the time — RAG, codegen, moderation, enterprise copilots, agentic workflows — a structured review step pays for itself almost immediately. The CSV doesn&rsquo;t have to be elegant. It has to exist.</p><p><strong>Pluggable providers are worth the small abstraction tax even on personal tools.</strong> I went from local CLIP to<code>gpt-4o-mini</code> to Grok in the space of one afternoon without rewriting the rendering code. The interface is<code>(client, model, image) → (label, score)</code> and that&rsquo;s it. Once you&rsquo;ve paid that cost once, you can keep up with a fast-moving model market essentially for free.</p><p><strong>Small touches decide whether a script feels finished.</strong> Luminance-aware contrast and a save-format fallback don&rsquo;t change what the tool does; they change how the output reads.</p><p>The model wasn&rsquo;t the product. The seam was.</p><hr><p>A short reel of the tagged photos in the wild:<a href="https://www.instagram.com/reel/DVhMhwIE9YKZ-4xtOHeud3rY1IO2x_3OeGzr9M0/">Instagram story</a>.</p>
]]></content:encoded><media:content url="https://curiousbit.netlify.app/images/ctp/bottlebrush.jpg" medium="image"><media:title type="plain">Automation</media:title></media:content><category>automation</category><category>artificial-intelligence</category><category>build-log</category><category>engineering</category><category>Knowledge Base</category></item></channel></rss>