Commit ebbb084
authored
feat: unified gradient-header email template design (#53)
* feat(chat): ship-readiness polish — Tailwind, auto-scroll, markdown, a11y (#27)
* docs(chat): add ship-readiness polish implementation plan
Addresses all 19 audit issues: theme consolidation, Tailwind conversion,
auto-scroll, textarea auto-expand, markdown rendering, empty state,
responsive sidebar, SVG icons, ARIA, and API cleanup.
* feat(chat): consolidate theme into shared TS module, add icons + markdown utils
* feat(chat): convert ChatComponent to Tailwind, add auto-scroll + empty state + responsive sidebar
- Replace 80+ lines of inlined CSS vars with CHAT_THEME_STYLES import
- Add CHAT_MARKDOWN_STYLES + renderMarkdown for AI message rendering
- Convert all inline style="" attributes to Tailwind utility classes
- Add auto-scroll via viewChild + effect tracking message count
- Add empty state when no messages and not loading
- Make thread sidebar responsive with hidden md:flex + mobile toggle
- Add ARIA attributes: role=log, aria-live=polite, role=navigation
- Use ViewEncapsulation.None for markdown styles
* feat(chat): convert primitives to Tailwind, add textarea auto-expand + focused signal
* feat(chat): convert ChatDebug + sub-components to theme-aware Tailwind
* feat(chat): convert remaining compositions to Tailwind with SVG icons + theme vars
* feat(chat): clean up public API, add marked peer dep, verify build
Remove legacy cp-chat/cp-chat-input/cp-chat-message components and
migrate all cockpit examples to the new ChatComponent composition.
Export shared styles, icons, and markdown utilities from public API.
Update ChatConfig with renderRegistry, avatarLabel, assistantName.
Add marked as optional peer dep and fix dynamic import for library
build. Add @source directive to cockpit styles for Tailwind scanning.
---------
* Rebrand to Angular Stream Resource (#28)
* docs: add rebrand design spec for Angular Stream Resource
* docs: add implementation plan for Angular Stream Resource rebrand
* docs: rebrand StreamResource → Angular Stream Resource in README and COMMERCIAL
Update product name in prose/marketing contexts: README alt text and
license section, COMMERCIAL.md license header.
* docs: rebrand StreamResource → Angular Stream Resource in website shared components
Update product name in layout metadata title, Nav logo link text,
Footer brand name, and Footer copyright line.
* docs: rebrand StreamResource → Angular Stream Resource in landing and llms.txt
Update product name in ProblemSection badge text, GenerativeUIFrame
aria-label, and llms.txt route title and description line.
* docs: rebrand StreamResource → Angular Stream Resource in documentation files
Update product name in headings and prose across limitations.md and
four design specs (titles, overview sentences, section headings).
* docs: rebrand stream-resource → Angular Stream Resource in LLM context files
Update product name in the H1 title of AGENTS.md and CLAUDE.md.
* docs: rebrand remaining spec and plan references to Angular Stream Resource
* docs: fix remaining brand references missed in initial pass
* feat(website): add narrative sections, pilot-to-prod page, and rebrand integration (#29)
* fix(website): add track shake animation to ProblemSection stall phase
* fix(website): ProblemSection quality fixes — timer cleanup, unique SVG ID, aria-hidden, correct import
- Store setTimeout IDs and clear them on unmount (prevents state updates on unmounted component)
- Use useId() to generate unique hatchId per instance (prevents SVG pattern id collision)
- Add role=progressbar + aria-valuenow to track container for screen readers
- Add aria-hidden=true to decorative animated elements (pins, labels, badge, counter)
- Fix import: use local lib/design-tokens instead of unresolved @cacheplane/design-tokens
- Add invariant comment for done-timeout vs counter-duration coupling
* feat: add FullStackSection with animated stack diagram and roadmap strip
* feat: add ChatFeaturesSection with 4 interactive chat scenarios
* feat: add FairComparisonSection comparison table
* feat: wire ProblemSection, FullStackSection, ChatFeaturesSection, FairComparisonSection into landing page
- Insert ProblemSection + FullStackSection + ChatFeaturesSection after StatsStrip
- Insert FairComparisonSection after DeepAgentsShowcase
- Add two ambient gradient blobs for extended page height
- Task 5 (FeatureStrip copy): no-op — the problematic 'no established pattern' copy was not present in this branch
* chore: add puppeteer devDependency and generate-whitepaper script
* feat: add whitepaper signup API route with NDJSON persistence
* feat: add whitepaper generation script
* feat: add WhitePaperSection with free download and optional lead-gen form
* feat: add WhitePaperSection to landing page; remove useStream parity copy from FeatureStrip
* fix(whitepaper): add JetBrains Mono to Google Fonts URL and regenerate preview
Fixes missing code font in whitepaper output. Regenerates whitepaper-preview.html
with correct 'EB Garamond' and 'JetBrains Mono' font references throughout.
* feat: add PilotHero component and /pilot-to-prod page skeleton
* fix: PilotHero responsive padding, eyebrow style conflict, page metadata
* feat: add WhatIsIncluded 3-column component for pilot-to-prod page
* feat: add HowItWorks 3-phase timeline for pilot-to-prod page
* feat: add PricingSignal pricing callout for pilot-to-prod page
* feat: add WhitePaperGate 5-field lead gen form for pilot-to-prod page
* fix: change role=alert to role=status to match aria-live=polite in WhitePaperGate
* feat: add PilotFooterCTA and wire complete pilot-to-prod page
* fix: use tokens.colors.accent in PilotFooterCTA, add aria-hidden to page blobs
* feat: add Pilot to Prod nav link and restructure homepage (remove FeatureStrip/CockpitCTA/CodeBlock, add PilotProgram CTA)
* fix: correct design-tokens import path in pilot-to-prod page (3 levels up)
* fix: apply full review findings — messaging, mobile, UX, and RiskRemoval section
- Remove useStream() parity messaging from HeroTwoCol, WhatIsIncluded, StatsStrip
- Fix PricingSignal: remove ambiguous '/year', clarify as fixed fee + pilot included
- Add PricingSignal mobile padding reduction via media query
- Fix ProblemSection stat grid to collapse on mobile (auto-fit minmax)
- Add RiskRemoval section to pilot-to-prod page (between PricingSignal and WhitePaperGate)
- Fix Nav Examples link: external=true, target=_blank, rel=noopener noreferrer
- Fix WhitePaperGate: role field sent in message body, not merged into company string
- Fix PilotFooterCTA: replace broken whileHover borderColor with CSS class hover
- Fix PilotHero: remove opacity from initial animations (prevents blank hero flash)
- Increase PilotHero CTA padding to meet 44px touch target
* fix: remove remaining useStream parity messaging from layout, Footer, and ValueProps
* fix: second review pass — docs messaging, title, broken link, a11y labels
- introduction.mdx: remove parity/useStream opening line, use Signal-native positioning
- AGENTS.md.template + CLAUDE.md.template: update tagline to Signal-native
- layout.tsx: update <title> from LangChain to LangGraph
- Footer.tsx: fix /api-reference → /docs/api/stream-resource (was 404)
- PilotHero.tsx: add aria-hidden to decorative gradient blobs
- WhitePaperSection.tsx: add sr-only labels + aria-label to name/email inputs
- LeadForm.tsx (pricing): add sr-only labels + aria-label to all four form inputs
* feat: add whitepaper.pdf to public directory
Generated from whitepaper-preview.html via Puppeteer. All 6 chapters
present (Streaming State Management, Thread Persistence, Tool-Call
Rendering, Human Approval Flows, Generative UI, Deterministic Testing).
Fixes dead 'Download the Guide' CTAs on pilot-to-prod and homepage.
* feat: citation badges on stats, pricing reframe to app deployment license
Citation badges:
- New CitationBadge component — click-to-open popover with source, stat, note, and link
- 66% stat → Stack Overflow Developer Survey 2025
- 31% stat → ISG AI Adoption Reports
- 75% stat → Stack Overflow Developer Survey 2025
- Keyboard (Escape) and outside-click dismissal, ARIA dialog role
Pricing reframe (app deployment license):
- Remove ALL refund/money-back/guarantee language site-wide
- PilotHero: trust line → "App deployment license · $20,000 · 3-month co-pilot engagement"
- PilotHero: subheadline removes "guaranteed outcome"
- WhatIsIncluded: card 3 renamed from "Production Guarantee" → "App Deployment License"
- HowItWorks: phase 3 removes "full refund" language, deliverable → "Production deployment"
- PricingSignal: subtitle + features list updated to license/co-pilot framing
- RiskRemoval: section reframed from guarantee → "What's included in the license"
Replaces money-back card with "We work alongside your team" card
- PilotFooterCTA: fine print updated
- pilot-to-prod/page.tsx: meta description updated
* feat: subtler citation badge + citations on all 77% claims
CitationBadge:
- Reduced to 13px, transparent background, faint border (rgba 0.2)
- Text color rgba(0,64,144,0.35) at rest — nearly invisible until hovered
- No fill on idle state, border-only approach
New citation placements:
- PilotHero subheadline: 77% → McKinsey State of AI 2024
- PilotFooterCTA body copy: 77% → McKinsey State of AI 2024
- HomePilotCTA (new component): extracts inline pilot CTA from page.tsx
so it can be a client component with CitationBadge on the 77% claim
- page.tsx: replaces inline section with <HomePilotCTA />
* docs: add FullStackSection redesign spec (EM/CTO layer narrative + Gen UI bug fix)
* feat(website): redesign FullStackSection for EM/CTO audience
* docs: apply Angular Stream Resource rebrand to narrative components
* chore: sync package-lock.json after merge
* fix(website): update e2e test for new landing page structure
---------
* fix(website): replace unsourced stats with verified Gartner and Stack Overflow citations
- Replace fabricated 77% McKinsey stat with Gartner "50% of GenAI projects
abandoned after POC" (Jan 2026) across ProblemSection, PilotHero,
HomePilotCTA, and PilotFooterCTA
- Replace stale ISG 31% stat with same Gartner citation in ProblemSection
- Update progress bar animation to stall at 50% instead of 77%
- Update FairComparisonSection to reference @langchain/langgraph-sdk
explicitly in column header and subtitle
- All three stat cards now cite verified sources: Stack Overflow 2025
Developer Survey (66%, 75%) and Gartner GenAI Project Failure 2026 (50%)
* docs: add website audit and lead generation specs
- Spec 1: Mobile responsive fixes (ChatFeaturesSection overflow,
FairComparisonSection mobile layout, touch targets, min font sizes)
plus design improvements (social proof, footer newsletter, white paper
soft gate, OG meta tags)
- Spec 2: Resend integration for lead gen (email notifications on lead
forms, white paper PDF delivery via email, newsletter signup with
Resend audience, React Email templates)
* docs: add implementation plans for lead gen and website audit
- Plan 1: Lead generation with Resend (9 tasks) — install deps,
shared module, 3 email templates, 3 API route upgrades, e2e verify
- Plan 2: Website audit mobile + design (9 tasks) — ChatFeatures
responsive, FairComparison mobile cards, touch targets, min font
sizes, social proof, footer newsletter, white paper soft gate, OG tags
* chore: install resend and react-email dependencies
* feat: add shared resend module with audience helper
* feat: add lead notification email template
* feat: add whitepaper download email template
* feat: add newsletter welcome email template
* feat: wire /api/leads to Resend email + audience
* feat: wire /api/whitepaper-signup to Resend email delivery
* feat: add /api/newsletter route with Resend welcome email
* fix: convert email templates to plain HTML to avoid React dual-instance crash
Replace @react-email/components JSX templates with plain TypeScript string
functions and switch Resend calls from react: to html:, eliminating the
duplicate React instance that caused useInsertionEffect to crash in API routes.
* fix: lazy-init Resend client to gracefully handle missing API key
- Resend client is now created lazily on first use, not at module load
- When RESEND_API_KEY is missing, all email operations no-op with a log
- Forms still return { ok: true } and write NDJSON backup without keys
- Extracted sendEmail() helper that encapsulates the null-client check
* fix: make ChatFeaturesSection responsive on mobile
* fix: stack FairComparisonSection rows vertically on mobile
* fix: increase touch targets to meet WCAG 44px minimum
* fix: enforce 12px minimum font size on progress bar labels
* feat: add social proof badge strip below stats
* feat: add newsletter signup form to footer
* feat: restructure white paper section with soft gate
* feat: add OpenGraph and Twitter Card meta tags
* feat: rebrand from streamResource to agent() — @cacheplane/angular
- Rename streamResource() → agent(), StreamResource → Agent
- Rename @cacheplane/stream-resource → @cacheplane/angular
- Rebrand 'Angular Stream Resource' → 'Angular Agent Framework'
- Rename libs/stream-resource → libs/angular, e2e/stream-resource-e2e → e2e/angular-e2e
- Update all imports, types, providers, docs, and configs
- Preserve stream-resource.dev domain and GitHub repo URLs
- Preserve STREAM_RESOURCE_CONFIG injection token name
* fix: complete rebrand audit — nav bug, hero copy, templates, footer
- Fix hamburger menu showing on desktop (inline display:flex was
overriding Tailwind md:hidden — moved to className)
- Fix hero headline: "Enterprise Streaming Resource" → "Enterprise
Agent Framework"
- Fix footer tagline and layout.tsx meta description
- Fix hero.svg text
- Update CLAUDE.md.template and AGENTS.md.template with new API
names (agent(), provideAgent(), @cacheplane/angular)
* fix: remove $20k from pilot program, include with app license, annual term
* fix: resolve API docs slug mismatch after rename
- docs-config.ts slugs now match MDX filenames (agent.mdx, provide-agent.mdx)
- API_NAME_MAP updated with correct slug→name mappings
- Nav API link updated to /docs/api/agent
* refactor: rename stream-resource lib to agent in Nx project structure
- Rename libs/angular/ → libs/agent/
- Rename e2e/angular-e2e/ → e2e/agent-e2e/
- Update Nx project names, configs, tsconfig paths, CI workflows
- Package name (@cacheplane/angular) and source code unchanged
* feat: add airplane emoji favicon and logo to header/footer
* fix: prevent FullStackSection connector animations from overlapping cards
* fix: add remark-gfm to enable markdown table rendering in docs
* fix: update developer seat feature text to "12-month license"
* feat: add dismissible whitepaper announcement toast
- Shows after 30s on site, bottom-right with glassmorphism
- Dismissible via X, 'Not now', or downloading the PDF
- Persisted in localStorage keyed by announcement date
- Bump ANNOUNCEMENT_DATE constant to re-show for all users
* feat: add lead capture form to announcement toast
- Clicking "Get the Guide" now shows an email form instead of
downloading directly
- Form submits to /api/whitepaper-signup (Resend integration)
- Success state shows confirmation, auto-dismisses after 4s
- "or download directly" skip link below the form for users
who don't want to provide email
* feat: replace social proof badges with animated logo scroll strip
- 12 LangChain ecosystem company names in an infinite scrolling strip
- Glassmorphism container with fade edges
- Pauses on hover, 30s full scroll cycle
- Eyebrow: "Built for teams shipping with LangChain"
* feat: add Loops.so integration for drip email campaigns
- Shared lib/loops.ts with upsertContact and sendEvent helpers
- Graceful degradation when LOOPS_API_KEY is missing
- Three events: lead_submitted, whitepaper_downloaded, newsletter_subscribed
- Contacts created with source tracking (lead-form, whitepaper, newsletter)
- Wired into all 3 API routes alongside existing Resend calls
* feat: replace Loops with self-hosted drip via Resend scheduled_at
- Remove Loops.so integration (lib/loops.ts deleted, all route imports removed)
- Add 4-email whitepaper drip sequence (Day 2, 5, 10, 20)
- Drip emails scheduled at signup via Resend's scheduledAt parameter
- Add /api/unsubscribe route with NDJSON persistence
- Unsubscribe link in every drip email footer
- sendEmail() now supports optional scheduledAt parameter
* feat: unified gradient-header email template design
- New shared email-wrapper.ts with gradient header, logo, footer
- All 7 templates (4 drip + 3 transactional) updated to use wrapper
- Consistent design: gradient band, white body, accent CTA buttons
- Lead notification uses red 'New Lead' eyebrow
- Drip emails include unsubscribe link, transactional emails don't
- Day 10 drip has styled timeline card for pilot program phases
---------1 parent f50c683 commit ebbb084
6 files changed
Lines changed: 188 additions & 72 deletions
File tree
- apps/website
- emails
- src/app/api/email-preview
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
1 | | - | |
2 | | - | |
| 1 | + | |
3 | 2 | | |
| 3 | + | |
4 | 4 | | |
5 | 5 | | |
6 | 6 | | |
7 | | - | |
8 | | - | |
9 | | - | |
10 | | - | |
| 7 | + | |
| 8 | + | |
| 9 | + | |
| 10 | + | |
| 11 | + | |
| 12 | + | |
| 13 | + | |
| 14 | + | |
| 15 | + | |
11 | 16 | | |
12 | 17 | | |
| 18 | + | |
13 | 19 | | |
14 | 20 | | |
15 | 21 | | |
16 | | - | |
17 | | - | |
18 | | - | |
19 | | - | |
| 22 | + | |
| 23 | + | |
| 24 | + | |
| 25 | + | |
| 26 | + | |
| 27 | + | |
| 28 | + | |
| 29 | + | |
| 30 | + | |
20 | 31 | | |
21 | 32 | | |
| 33 | + | |
22 | 34 | | |
23 | 35 | | |
24 | 36 | | |
25 | | - | |
26 | | - | |
27 | | - | |
28 | | - | |
29 | | - | |
| 37 | + | |
| 38 | + | |
| 39 | + | |
| 40 | + | |
| 41 | + | |
| 42 | + | |
| 43 | + | |
| 44 | + | |
| 45 | + | |
| 46 | + | |
| 47 | + | |
| 48 | + | |
| 49 | + | |
| 50 | + | |
30 | 51 | | |
31 | 52 | | |
| 53 | + | |
32 | 54 | | |
33 | 55 | | |
34 | | - | |
35 | | - | |
36 | | - | |
37 | | - | |
38 | | - | |
| 56 | + | |
| 57 | + | |
| 58 | + | |
| 59 | + | |
| 60 | + | |
| 61 | + | |
| 62 | + | |
| 63 | + | |
| 64 | + | |
39 | 65 | | |
40 | 66 | | |
41 | | - | |
42 | | - | |
43 | | - | |
44 | | - | |
45 | | - | |
46 | | - | |
47 | | - | |
48 | | - | |
49 | | - | |
50 | | - | |
51 | | - | |
52 | | - | |
| |||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
| 1 | + | |
| 2 | + | |
| 3 | + | |
| 4 | + | |
| 5 | + | |
| 6 | + | |
| 7 | + | |
| 8 | + | |
| 9 | + | |
| 10 | + | |
| 11 | + | |
| 12 | + | |
| 13 | + | |
| 14 | + | |
| 15 | + | |
| 16 | + | |
| 17 | + | |
| 18 | + | |
| 19 | + | |
| 20 | + | |
| 21 | + | |
| 22 | + | |
| 23 | + | |
| 24 | + | |
| 25 | + | |
| 26 | + | |
| 27 | + | |
| 28 | + | |
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
| 1 | + | |
| 2 | + | |
1 | 3 | | |
2 | 4 | | |
3 | 5 | | |
| |||
7 | 9 | | |
8 | 10 | | |
9 | 11 | | |
10 | | - | |
11 | | - | |
12 | | - | |
13 | | - | |
14 | | - | |
15 | | - | |
16 | | - | |
17 | | - | |
18 | | - | |
19 | | - | |
20 | | - | |
21 | | - | |
22 | | - | |
23 | | - | |
| 12 | + | |
| 13 | + | |
| 14 | + | |
| 15 | + | |
| 16 | + | |
| 17 | + | |
| 18 | + | |
| 19 | + | |
| 20 | + | |
| 21 | + | |
| 22 | + | |
24 | 23 | | |
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
| 1 | + | |
| 2 | + | |
1 | 3 | | |
2 | | - | |
3 | | - | |
4 | | - | |
5 | | - | |
6 | | - | |
7 | | - | |
8 | | - | |
9 | | - | |
10 | | - | |
11 | | - | |
| 4 | + | |
| 5 | + | |
| 6 | + | |
| 7 | + | |
| 8 | + | |
| 9 | + | |
| 10 | + | |
12 | 11 | | |
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
| 1 | + | |
| 2 | + | |
1 | 3 | | |
2 | 4 | | |
3 | 5 | | |
4 | | - | |
5 | | - | |
6 | | - | |
7 | | - | |
8 | | - | |
9 | | - | |
10 | | - | |
11 | | - | |
12 | | - | |
13 | | - | |
14 | | - | |
15 | | - | |
16 | | - | |
17 | | - | |
18 | | - | |
19 | | - | |
| 6 | + | |
| 7 | + | |
| 8 | + | |
| 9 | + | |
| 10 | + | |
| 11 | + | |
| 12 | + | |
| 13 | + | |
| 14 | + | |
20 | 15 | | |
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
| 1 | + | |
| 2 | + | |
| 3 | + | |
| 4 | + | |
| 5 | + | |
| 6 | + | |
| 7 | + | |
| 8 | + | |
| 9 | + | |
| 10 | + | |
| 11 | + | |
| 12 | + | |
| 13 | + | |
| 14 | + | |
| 15 | + | |
| 16 | + | |
| 17 | + | |
| 18 | + | |
| 19 | + | |
| 20 | + | |
| 21 | + | |
| 22 | + | |
| 23 | + | |
| 24 | + | |
| 25 | + | |
| 26 | + | |
| 27 | + | |
| 28 | + | |
| 29 | + | |
| 30 | + | |
| 31 | + | |
| 32 | + | |
| 33 | + | |
| 34 | + | |
| 35 | + | |
| 36 | + | |
| 37 | + | |
| 38 | + | |
| 39 | + | |
| 40 | + | |
| 41 | + | |
| 42 | + | |
| 43 | + | |
| 44 | + | |
| 45 | + | |
| 46 | + | |
| 47 | + | |
| 48 | + | |
| 49 | + | |
| 50 | + | |
| 51 | + | |
| 52 | + | |
| 53 | + | |
| 54 | + | |
| 55 | + | |
| 56 | + | |
| 57 | + | |
| 58 | + | |
| 59 | + | |
| 60 | + | |
| 61 | + | |
| 62 | + | |
| 63 | + | |
| 64 | + | |
| 65 | + | |
| 66 | + | |
| 67 | + | |
| 68 | + | |
| 69 | + | |
| 70 | + | |
| 71 | + | |
| 72 | + | |
| 73 | + | |
| 74 | + | |
| 75 | + | |
| 76 | + | |
| 77 | + | |
| 78 | + | |
| 79 | + | |
| 80 | + | |
| 81 | + | |
0 commit comments