Add Agent Engineering in BI presentation for SQLBits 2026#23
Add Agent Engineering in BI presentation for SQLBits 2026#23fusionet24 wants to merge 4 commits into
Conversation
Revealjs presentation covering agent engineering concepts for BI audiences: context engineering, ReAct loop, tool calling, agent skills, hooks & security, agent harnesses, and the agent maturity model. Includes 5 standalone diagram HTML files using the MyYearInData diagram toolkit (dark/light toggle). https://claude.ai/code/session_01NBCeawGRa3ePvswEEJ15fr
…dered HTML - New Part 2: Feedback Loop — human-in-the-loop trust gradient concept before ReAct, covering tight-to-wide loop progression - CI/CD Shepherding slides in Tool Calling section — agents with tools for git, CI runners, and deploy APIs moving changes from local through CI/CD to dev and UAT environments - Expanded security section (now Part 6: Agentic Security): - OWASP Top 10 for LLM Applications visual grid - Prompt injection attack vectors with BI-specific examples - ASCII smuggling via invisible Unicode characters - Excessive Agency (LLM06) and resource bounding (LLM10) - Agentic security mindset slide - Updated agenda, full-picture flow, and key takeaways for new sections - Included rendered-preview.html for PR review https://claude.ai/code/session_01NBCeawGRa3ePvswEEJ15fr
There was a problem hiding this comment.
Pull request overview
Adds a draft RevealJS slide deck (“Agent Engineering in BI”) for SQLBits 2026, plus standalone diagram HTML pages intended to illustrate key concepts for BI audiences.
Changes:
- Introduces a new Quarto RevealJS presentation (
index.qmd) covering context engineering, ReAct, tool calling, skills, hooks/security, harnesses, and a maturity model. - Adds multiple standalone diagram HTML files (dark/light toggle) under the post’s
images/directory. - Adds a rendered HTML preview and a frozen RevealJS theme asset.
Reviewed changes
Copilot reviewed 8 out of 9 changed files in this pull request and generated 8 comments.
Show a summary per file
| File | Description |
|---|---|
| posts/agent-engineering-bi-sqlbits-2026/index.qmd | Source QMD for the new draft slide deck. |
| posts/agent-engineering-bi-sqlbits-2026/rendered-preview.html | Rendered output preview of the slide deck. |
| posts/agent-engineering-bi-sqlbits-2026/images/context-anatomy.html | Standalone “Anatomy of Context” diagram page. |
| posts/agent-engineering-bi-sqlbits-2026/images/tool-calling-flow.html | Standalone “Tool Calling” flow diagram page. |
| posts/agent-engineering-bi-sqlbits-2026/images/react-loop.html | Standalone “ReAct loop” diagram page. |
| posts/agent-engineering-bi-sqlbits-2026/images/hooks-flow.html | Standalone “Hooks & Security” diagram page. |
| posts/agent-engineering-bi-sqlbits-2026/images/harness-architecture.html | Standalone “Agent harness” architecture diagram page. |
| posts/agent-engineering-bi-sqlbits-2026/images/maturity-model.html | Standalone maturity model diagram page. |
| _freeze/site_libs/revealjs/dist/theme/quarto-52bdbd3975455e60d2beb931c4af49d8.css | Frozen/minified RevealJS theme CSS used by the deck. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
| <link href="../../favicon.png" rel="icon" type="image/png"> | ||
| <script src="../../site_libs/clipboard/clipboard.min.js"></script> | ||
| <script src="../../site_libs/quarto-html/tabby.min.js"></script> | ||
| <script src="../../site_libs/quarto-html/popper.min.js"></script> | ||
| <script src="../../site_libs/quarto-html/tippy.umd.min.js"></script> | ||
| <link href="../../site_libs/quarto-html/tippy.css" rel="stylesheet"> |
There was a problem hiding this comment.
rendered-preview.html appears to be a fully-rendered Quarto output that depends on generated runtime assets (e.g. ../../site_libs/...). Committing this kind of build artifact tends to bloat the repo and is brittle (the file won’t render correctly unless the corresponding site_libs output exists at that relative path). Consider removing it from version control (or placing it under the normal Quarto output/freeze mechanism) and relying on index.qmd as the source of truth.
| --- | ||
| title: "Agent Engineering in BI" | ||
| subtitle: "Building AI That Actually Works For Your Data Team" | ||
| author: "Scott Bell" | ||
| date: "2026-04-08" | ||
| draft: true | ||
| format: | ||
| myyearindata-slides-revealjs: | ||
| footer: "myyearindata.com" | ||
| logo: "../../logos/RapiData-White.png" | ||
| --- |
There was a problem hiding this comment.
PR description says this adds 5 standalone diagram HTML files, but this directory currently includes 6 (context-anatomy, tool-calling-flow, react-loop, hooks-flow, harness-architecture, maturity-model). Please update either the PR description or the included files so they match.
| <div class="theme-toggle"> | ||
| <button class="active" onclick="setTheme('dark')">Dark</button> | ||
| <button onclick="setTheme('light')">Light</button> |
There was a problem hiding this comment.
The theme toggle is missing accessibility metadata (e.g. role="radiogroup" / aria-label). Other diagram pages in this repo use an explicitly labelled theme selector; please align with that pattern so screen readers can discover what these buttons do.
| <div class="theme-toggle"> | |
| <button class="active" onclick="setTheme('dark')">Dark</button> | |
| <button onclick="setTheme('light')">Light</button> | |
| <div class="theme-toggle" role="radiogroup" aria-label="Theme selector"> | |
| <button | |
| type="button" | |
| class="active" | |
| role="radio" | |
| aria-checked="true" | |
| onclick="setTheme('dark'); document.querySelectorAll('.theme-toggle [role="radio"]').forEach(function(button) { button.setAttribute('aria-checked', button.textContent.trim().toLowerCase() === 'dark' ? 'true' : 'false'); });" | |
| >Dark</button> | |
| <button | |
| type="button" | |
| role="radio" | |
| aria-checked="false" | |
| onclick="setTheme('light'); document.querySelectorAll('.theme-toggle [role="radio"]').forEach(function(button) { button.setAttribute('aria-checked', button.textContent.trim().toLowerCase() === 'light' ? 'true' : 'false'); });" | |
| >Light</button> |
| <div class="theme-toggle"> | ||
| <button class="active" onclick="setTheme('dark')">Dark</button> | ||
| <button onclick="setTheme('light')">Light</button> | ||
| </div> |
There was a problem hiding this comment.
The theme toggle is missing accessibility metadata (e.g. role="radiogroup" / aria-label). Other diagram pages in this repo use an explicitly labelled theme selector; please align with that pattern so screen readers can discover what these buttons do.
| <div class="theme-toggle"> | ||
| <button class="active" onclick="setTheme('dark')">Dark</button> | ||
| <button onclick="setTheme('light')">Light</button> | ||
| </div> |
There was a problem hiding this comment.
The theme toggle is missing accessibility metadata (e.g. role="radiogroup" / aria-label). Other diagram pages in this repo use an explicitly labelled theme selector; please align with that pattern so screen readers can discover what these buttons do.
| <div class="theme-toggle"> | ||
| <button class="active" onclick="setTheme('dark')">Dark</button> | ||
| <button onclick="setTheme('light')">Light</button> | ||
| </div> |
There was a problem hiding this comment.
The theme toggle is missing accessibility metadata (e.g. role="radiogroup" / aria-label). Other diagram pages in this repo use an explicitly labelled theme selector; please align with that pattern so screen readers can discover what these buttons do.
| <div class="theme-toggle"> | ||
| <button class="active" onclick="setTheme('dark')">Dark</button> | ||
| <button onclick="setTheme('light')">Light</button> | ||
| </div> |
There was a problem hiding this comment.
The theme toggle is missing accessibility metadata (e.g. role="radiogroup" / aria-label). Other diagram pages in this repo use an explicitly labelled theme selector; please align with that pattern so screen readers can discover what these buttons do.
| <div class="theme-toggle"> | ||
| <button class="active" onclick="setTheme('dark')">Dark</button> | ||
| <button onclick="setTheme('light')">Light</button> | ||
| </div> |
There was a problem hiding this comment.
The theme toggle is missing accessibility metadata (e.g. role="radiogroup" / aria-label). Other diagram pages in this repo use an explicitly labelled theme selector; please align with that pattern so screen readers can discover what these buttons do.
Revealjs presentation covering agent engineering concepts for BI audiences:
context engineering, ReAct loop, tool calling, agent skills, hooks & security,
agent harnesses, and the agent maturity model. Includes 5 standalone diagram
HTML files using the MyYearInData diagram toolkit (dark/light toggle).
https://claude.ai/code/session_01NBCeawGRa3ePvswEEJ15fr