Drafting report 214
Pulling GA4 data
Syncing citation runs
The weekly report is ready for review. Checking brand voice
Astro UI components.
35 interface components for apps and dashboards: chat, approval cards, data tables, menus, switches and loading states. Server-rendered, no React, no Tailwind, copied in as source files.
Components 21
Reading this week's GA4 data
Checking Google Ads spend
Comparing AI citations 6 prompts
Drafting the weekly summary
ChatGPT cited the trail pack guide on 4 of 6 prompts, and the gear list section gets quoted most often.
Before featuring it in the spring email, I should check whether Perplexity and Gemini cite it too.
best lightweight trail packs reddit
Best trail packs for 2026, thread r/Backpacking
Northwind pack review: 300 miles YouTube
Lightweight packs under $200 Gear Lab Reviews
+5 more Thinking
Expandable agent trace for steps, reasoning, search or tool calls. Agent The trail pack guide is your fastest-growing page. Organic sessions are up 23% this month, and it converts 9 points better than the category page. 
ga4-sep.csv Gemini and Perplexity now cite it too.
GA4 sessions, September ga4-sep.csv 
AI citations, weeks 36–41 geo-log.md 
Customer survey nw-survey.pdf Follow-ups
Streaming Text
Streamed answer with inline citations, sources, actions and follow-ups. Agent Paid search drove most conversions, so it leads the summary.Two campaigns are waiting on client approval this week.
+ const rows = ga4.rows.filter((r) => r.paid)+ return report(rows, { client: "northwind" })
✓ built in 1.4s✓ 28 checks passed
1280 × 720 · bar chart, six prompts.Perplexity citations are up 2 since August.
+2 more
report.css +11
.kpi-card {
gap: 14px;
gap: 12px;
container-type: inline-size;
}
WeeklyReport.astro +62 −18
const rows = ga4.rows;
const paid = rows;
const paid = rows.filter(
(r) => r.paid && r.converted,
);
clients.ts +6 −2
export const client = "northwind-old";
export const client = "northwind";
Tool Chips
Agent run as expandable tool-call rows, then file-diff chips. Agent Matched campaigns to sessions
Flagged missing UTM tags
Reading prompt tracker export
Scoring share of voice
Northwind weekly report email
Spring launch approval note
Matched campaigns to sessions
Flagged missing UTM tags
Reading prompt tracker export
Scoring share of voice
Northwind weekly report email
Spring launch approval note
Task Rows
Live agent task status as expandable capsules or a list. AgentCompare this week's sessions to last week
GA4 Pull Analytics Data for 4s
Pulled sessions by channel for the last three weeks.
Comparison Trend Detection for 2s
Sessions are up 12%, led by organic search and Reddit referrals.
Which engine cites Northwind most often?
Prompt Runs Citation Data for 3s
Ran 40 tracked prompts across all four engines.
Share Citation Trends for 2s
Perplexity cites Northwind in 18 of 40 prompts, ahead of Gemini.
Chat
Tabbed chat panel with reasoning replies and a growing composer. Agent Want me to move this week's ad budget?
Shift budget to Northwind Spring Search with ROAS 4.2x
Swap the hero creative to Trail Test video for the spring launch.
Fall back to an even split across every campaign.
Other options
Recommendation Card
Agent suggestion with a confidence meter and alternatives. Agent All chunks 32
Headlines stay under 60 characters, with no exclamation marks, before a draft goes to client review.
Q4 sessions by channel: organic +18%, paid search +6%, email -11%; pause ad groups under 40 clicks weekly.
Context Cards
Retrieved knowledge chunks with sources, entering in sequence. Agent| Asset | Channel | Owner |
|---|---|---|
| Old FAQ Post , proposed removal | Blog | dana-w |
| Recap Thread , proposed removal | Social | marcus-t |
| Trail Guide | Blog | priya-s |
| Gear Care Email , proposed addition | Email | dana-w |
Diff Table
AI-proposed table edits you include or skip, then apply. Data| | | | | | | Table actions |
|---|---|---|---|---|---|---|
| Alder Camp Forum · Tallinn | No contact | No communication | – | – | ||
| 3 months ago | Very weak | alpine-stay.test (opens in a new tab) | – | |||
| 15 days ago | Weak | basecamp-pod.test (opens in a new tab) | – | |||
| 7 days ago | Very strong | bluebird-trails.test (opens in a new tab) | – | |||
| almost 2 years ago | Very weak | clay-ridge.test (opens in a new tab) | – | |||
| 6 days ago | Very strong | cobalt-climbing.test (opens in a new tab) | – | |||
| 8 months ago | Weak | dune-road.test (opens in a new tab) | – | |||
| about 2 years ago | No communication | foundry-expo.test (opens in a new tab) | – | |||
| 2 months ago | Weak | gearlab-reviews.test (opens in a new tab) | – | |||
| 15 days ago | Weak | greenhouse-goods.test (opens in a new tab) | – | |||
| over 1 year ago | Very weak | hiketalk.test (opens in a new tab) | – | |||
| 11 days ago | Very strong | kiln-trails.test (opens in a new tab) | – | |||
| 2 days ago | Very strong | loom-ledge.test (opens in a new tab) | – | |||
| 9 days ago | Very strong | low-tide.test (opens in a new tab) | – | |||
| about 1 month ago | Very weak | meridian-media.test (opens in a new tab) | – | |||
| 2 months ago | Weak | orchard-outfit.test (opens in a new tab) | – | |||
| over 1 year ago | Very weak | outdoor-wire.test (opens in a new tab) | – | |||
| Packlight Shorts · Lisbon | 5 months ago | Very weak | – | – | ||
| Parlour Nine Vlog · Montréal | about 1 month ago | Very weak | – | – | ||
| 9 days ago | Very strong | reddit.test (opens in a new tab) | – | |||
| No contact | No communication | reddit.test (opens in a new tab) | – | |||
| about 1 month ago | Weak | saltgrass.test (opens in a new tab) | – | |||
| over 2 years ago | No communication | sundial-maps.test (opens in a new tab) | – | |||
| 5 weeks ago | Weak | gear-pressroom.test (opens in a new tab) | – | |||
| Thistle Trail Guides · Dublin | No contact | No communication | – | – | ||
| 3 weeks ago | Very strong | trailnotes.test (opens in a new tab) | – | |||
| 18 days ago | Weak | verandah-travel.test (opens in a new tab) | – | |||
| 4 days ago | Very strong | wren-wild.test (opens in a new tab) | – | |||
| 28 count | – | 56% average | 24 links | – |
Source
Type
Tool
Grounding
Grounding lets the model verify generated values against connected sources.
Inputs
Behavior
Required value
Allow empty results
Show confidence
Records Table
CRM-style AI spreadsheet with tags, sorting and configurable AI columns. Data| Task name | Date | Status | Channel |
|---|---|---|---|
| Draft spring trail email | Dec 03 | To do | Email |
| Review GEO citation report | Sep 22 | In Progress | Perplexity |
| Approve gear guide video | Jan 02 | To do | YouTube |
| Reply to camping thread | Nov 08 | In Progress | Reddit |
| Send weekly GA4 report | Apr 14 | Completed | GA4 |
Filter Table
Status chips that filter a table in place. Data draft.ts
export async function draftPost() { const brief = await getBrief("spring-trails"); const data = await ga4.fetch({ brief }); await voice.apply(data, { tone: "direct" }); if (!data.approved) return null; return data.summary; } draft.ts 2 added, 1 removed
export async function draftPost() { const brief = await getBrief("spring-trails"); const data = await ga4.fetch({ brief }); Removed: await voice.apply(data, { tone: "plain" }); Added: await voice.apply(data, { tone: "direct" }); Added: if (!data.approved) return null; return data.summary; } briefs/spring-trails.json
{ "campaign": "Spring Trails", "channel": "Email", "drafts": 12, "score": 87.5, "approved": true, "publishDate": null } Code Block
Line-numbered code listing with copy, or a unified diff. ContentThe trail pack page gets most AI citations. Keep it in this week's client report. Update it first thing Friday so the copy has a full day for review before the weekend launch.
Select text, or use the arrow keys to choose a sentence (Shift extends), then press Tab to reach the edit toolbar.
Selection Actions
Select text and a floating toolbar rewrites it in place. AgentAtoms 14
Weekly marketing note
Send the spring trail draft to Northwind Outdoor before the review window closes, and hold two posts for Gear Review Weekly .
Ines Varga signed off the Q3 citation report; the GA4 export from Summit Analytics is still pending.
Entity Chip
Inline reference to a client, person or record, as a monogram and name. ContentApprove the draft within 9 days so it ships before the Spring Trail launch on Nov 18.
Bounce rate on the trail pack page hit 62.4%, and two links are broken.
Organic9 days62.4% bounce2 broken linksNov 18
Value Pill
Inline badge that sets a value off from running text. Content- Read GA4 data for week 41
- Compare against Google Ads spend
- Drafting report summary…
- Suggest budget moves for next week
Shimmer
Label with a moving light sweep that shows the agent is working. FeedbackWeekly report
Northwind Outdoor · Week 41 · GA4
Organic sessions rose 12% week over week, led by the trail pack guide. Paid search held a 4.1x ROAS on flat spend. Perplexity now cites the guide on 3 of 5 tracked prompts. Move $800 from display to search next week.
Our trail packs are tested on real routes every season. Each pack carries 30 liters, weighs under a kilo and sheds rain on long climbs. Spring colors ship to retailers Friday.
Stream Text
Text that streams in like model output, with a blurred edge and caret. Feedback
Every weekly report is keyed by client_id and pulled once per day. Set
utm_campaign before the draft goes out; if ga4_property
is missing, the report falls back to last week's source.
Tokens · brand_voice.yaml · draft_214
Chip
Monospace chip for code values and field names in text. Content- #214Spring Search Live
- #215Trail Test video In review
- #216Gear Guide email Needs approval
- #217Reddit AMA post Rejected
- #218Summer promo Queued
Published Client Low budget Overdue Draft
Status Pill
Tinted status label with a leading dot, in five tones. FeedbackMarketing automations
Auto-send weekly reportEmail the GA4 and Ads summary every Monday.
Alert on new AI citationsPost in Slack when ChatGPT cites a page.
Brand voice checkManaged by the content lead.
Citations table
Switch
On/off toggle on a native checkbox, in two sizes and two tones. Inputs Northwind · Week 41 Report sent Mon, Oct 6
Sessions 48,210
Conversions 1,204
Ads ROAS 4.1x
AI citations 37
Text Row
Label on the left, value and optional meta on the right. Data- arrow-right
- arrow-up-right
- bot
- chart
- check
- clock
- code
- file
- globe
- layers
- lock
- minus
- plus
- search
- shield
- sparkles
- star
- users
- zap
Icon
Twenty Lucide glyphs as inline SVG, sized and labelled through props. ContentCommon questions.
- What are Astro UI components?
- Interface building blocks for apps and dashboards built with Astro: chat composers, approval cards, tables, menus, switches, progress rings and streaming text. Each one is server-rendered Astro markup with vanilla TypeScript behavior.
- How do I add one to my Astro project?
- Copy the component folder into src/components/viewership/, add the foundation stylesheet once, and import the component. Each page lists its files, dependencies and props. Or paste one prompt into Claude Code and let it do the copying.
- Are these components accessible?
- Yes. Keyboard support, focus rings, ARIA roles and reduced-motion handling are built into the components, and every color comes from tokens that cover light and dark modes.
Need full page sections? See the Astro website components, or have an agent install them.