diff --git a/.claude/agents/xbyk-component-reference.md b/.claude/agents/xbyk-component-reference.md
index 0296551..a2fd309 100644
--- a/.claude/agents/xbyk-component-reference.md
+++ b/.claude/agents/xbyk-component-reference.md
@@ -3,7 +3,7 @@ name: xbyk-component-reference
 description: Quick reference guide for native Xperience by Kentico admin components. Consult when choosing components, understanding XbyK design system, or ensuring consistent UI patterns.
 tools: Read, mcp__kentico-docs-mcp__kentico_docs_search, mcp__kentico-docs-mcp__kentico_docs_fetch
 model: haiku
-color: teal
+color: pink
 ---
 
 You are a quick reference guide for native Xperience by Kentico (XbyK) admin UI components from `@kentico/xperience-admin-components`.
diff --git a/CLAUDE.md b/CLAUDE.md
index 44b3143..b31b0ed 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -167,7 +167,7 @@ C:\Projects\xperience-community-sustainability\
 
 **XbyK Components Used**:
 - Native: `Card`, `Button`, `Stack`, `Row`, `Column`, `Headline`, `Spacing`, `Icon`
-- Patterns: `usePageCommand` hook for backend commands, `inProgress` prop for loading states
+- Patterns: `usePageCommand` hook for backend commands, manual `useState` for loading states, `inProgress` and `disabled` props on buttons
 - Responsive: `colsLg`/`colsMd` breakpoints for grid layout
 
 **File Organization**:
@@ -190,6 +190,46 @@ C:\Projects\xperience-community-sustainability\
   }
   ```
 
+**usePageCommand Hook - Loading State Pattern**:
+- **IMPORTANT**: `usePageCommand` does NOT provide a built-in `inProgress` property
+- **Return type**: Only returns `{ execute: (data?: TCommandData) => void }`
+- **Loading states must be managed manually** using `useState`
+- **Correct pattern**:
+  ```typescript
+  // 1. Create manual state
+  const [isLoading, setIsLoading] = useState(false);
+
+  // 2. Configure usePageCommand with after/onError callbacks
+  const { execute: myCommand } = usePageCommand<ResponseType>(
+    Commands.MyCommand,
+    {
+      after: (response) => {
+        // Process response...
+        setIsLoading(false);  // Stop loading when done
+      },
+      onError: (err) => {
+        console.error(err);
+        setIsLoading(false);  // Stop loading on error
+      },
+    }
+  );
+
+  // 3. Set loading state before executing
+  const handleClick = () => {
+    setIsLoading(true);
+    myCommand();
+  };
+
+  // 4. Use state for button props
+  <Button
+    label="Run Command"
+    onClick={handleClick}
+    disabled={isLoading}
+    inProgress={isLoading}
+  />
+  ```
+- **Examples in codebase**: See `isLoading` (line 26), `isExportingPdf` (line 27), and `isLoadingMore` (line 38) in SustainabilityTabTemplate.tsx
+
 ### 4. JavaScript Analysis (src/wwwroot/scripts/resource-checker.js)
 
 **Process**:
diff --git a/README.md b/README.md
index f8a2420..62c3409 100644
--- a/README.md
+++ b/README.md
@@ -12,14 +12,6 @@ A community-driven open-source package that brings sustainability insights and a
 
 > For more details about this package, check out [Bringing Sustainability Insights to Xperience by Kentico](https://www.goldfinch.me/blog/bringing-sustainability-insights-to-xperience-by-kentico) which provides more background information around the package and its origin.
 
-## Screenshots
-
-Once installed, a new tab appears for each page in your web channels. The Sustainability tab allows content editors and marketers to see and benchmark page weight and carbon emissions, which is then converted to a carbon rating for individual pages.
-
-<a href="/src/images/SustainabilityReport-PageTab.jpeg">
-  <img src="/src/images/SustainabilityReport-PageTab.jpeg" width="800" alt="Sustainability Tab for pages in Xperience by Kentico">
-</a>
-
 ## Library Version Matrix
 
 | Xperience Version | Library Version |
@@ -83,6 +75,12 @@ The hosting status is displayed in the Sustainability report with three possible
 
 ### Sustainability Report
 
+Once installed, a new tab appears for each page in your web channels. The Sustainability tab allows content editors and marketers to see and benchmark page weight and carbon emissions, which is then converted to a carbon rating for individual pages.
+
+<a href="/src/images/SustainabilityReport-PageTab.jpeg">
+  <img src="/src/images/SustainabilityReport-PageTab.jpeg" width="800" alt="Sustainability Tab for pages in Xperience by Kentico">
+</a>
+
 Each report includes:
 
 - **Carbon Rating**: Letter grade (A+ through F) based on grams CO₂ per page view
@@ -90,11 +88,16 @@ Each report includes:
 - **Page Weight**: Total size of all resources loaded
 - **Resource Breakdown**: Categorized by type (Images, Scripts, CSS, etc.) with individual file sizes
 - **Optimization Tips**: Xperience-specific recommendations for reducing page weight
+- **PDF Export**: Download complete sustainability reports as PDF for sharing and documentation
 
 ### Historical Tracking
 
 Track sustainability improvements over time with comprehensive historical reporting:
 
+<a href="/src/images/SustainabilityReport-ReportHistory.jpeg">
+  <img src="/src/images/SustainabilityReport-ReportHistory.jpeg" width="800" alt="Historical tracking with trend charts and report history">
+</a>
+
 - **Trend Analysis**: Two side-by-side charts showing CO₂ emissions and page weight trends over time
 - **Report History**: View all previous sustainability reports for a page with collapsible cards showing key metrics
 - **Pagination**: Load historical reports in batches to efficiently browse through your sustainability history
diff --git a/src/Client/dist/entry.kxh.2f8ca3a4baf4f24f2fb3.js b/src/Client/dist/entry.kxh.2f8ca3a4baf4f24f2fb3.js
new file mode 100644
index 0000000..ade17ea
--- /dev/null
+++ b/src/Client/dist/entry.kxh.2f8ca3a4baf4f24f2fb3.js
@@ -0,0 +1 @@
+System.register(["react","@kentico/xperience-admin-components","@kentico/xperience-admin-base"],(function(e,t){var a={},r={},o={};return{setters:[function(e){a.default=e.default||e,a.useState=e.useState},function(e){r.Button=e.Button,r.ButtonColor=e.ButtonColor,r.ButtonSize=e.ButtonSize,r.Card=e.Card,r.Column=e.Column,r.Headline=e.Headline,r.HeadlineSize=e.HeadlineSize,r.Icon=e.Icon,r.Row=e.Row,r.Spacing=e.Spacing,r.Stack=e.Stack},function(e){o.usePageCommand=e.usePageCommand}],execute:function(){e((()=>{var e={90:e=>{"use strict";e.exports=o},126:(e,t,a)=>{const r=a(358).y;t.w=function(e){if(e||(e=1),!a.y.meta||!a.y.meta.url)throw console.error("__system_context__",a.y),Error("systemjs-webpack-interop was provided an unknown SystemJS context. Expected context.meta.url, but none was provided");a.p=r(a.y.meta.url,e)}},267:e=>{"use strict";e.exports=r},358:(e,t,a)=>{t.y=function(e,t){var a=document.createElement("a");a.href=e;for(var r="/"===a.pathname[0]?a.pathname:"/"+a.pathname,o=0,n=r.length;o!==t&&n>=0;)"/"===r[--n]&&o++;if(o!==t)throw Error("systemjs-webpack-interop: rootDirectoryLevel ("+t+") is greater than the number of directories ("+o+") in the URL path "+e);var l=r.slice(0,n+1);return a.protocol+"//"+a.host+l};Number.isInteger},726:e=>{"use strict";e.exports=a}},n={};function l(t){var a=n[t];if(void 0!==a)return a.exports;var r=n[t]={exports:{}};return e[t](r,r.exports,l),r.exports}l.y=t,l.d=(e,t)=>{for(var a in t)l.o(t,a)&&!l.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.p="";var i={};return(0,l(126).w)(1),(()=>{"use strict";l.r(i),l.d(i,{SustainabilityDashboardTemplate:()=>t,SustainabilityTabTemplate:()=>h});var e=l(726);const t=({label:t})=>{const[a,r]=(0,e.useState)(t);return e.default.createElement("div",null,e.default.createElement("h1",null,a),e.default.createElement("p",null,"Coming soon: https://github.com/liamgold/xperience-community-sustainability/issues/4."))};var a=l(267),r=l(90);let o=function(e){return e[e.Available=0]="Available",e[e.NotAvailable=1]="NotAvailable",e}({});const n={"A+":"Extremely efficient",A:"Very efficient",B:"Efficient",C:"Moderate efficiency",D:"Low efficiency",E:"Poor efficiency",F:"Very poor efficiency"},d={"A+":{primary:"#059669",bg:"#d1fae5",border:"#6ee7b7"},A:{primary:"#16a34a",bg:"#dcfce7",border:"#86efac"},B:{primary:"#65a30d",bg:"#ecfccb",border:"#bef264"},C:{primary:"#ca8a04",bg:"#fef9c3",border:"#fde047"},D:{primary:"#ea580c",bg:"#ffedd5",border:"#fdba74"},E:{primary:"#dc2626",bg:"#fee2e2",border:"#fca5a5"},F:{primary:"#b91c1c",bg:"#fee2e2",border:"#f87171"}},s=e=>({Images:"xp-picture",Scripts:"xp-braces",CSS:"xp-brush",Links:"xp-chain",Other:"xp-file"}[e]||"xp-file"),c=e=>{const t={Images:{bg:"#dbeafe",color:"#1e40af",border:"#bfdbfe"},Scripts:{bg:"#ede9fe",color:"#7c3aed",border:"#ddd6fe"},CSS:{bg:"#fce7f3",color:"#db2777",border:"#fbcfe8"},Links:{bg:"#d1fae5",color:"#059669",border:"#a7f3d0"},Other:{bg:"#f3f4f6",color:"#6b7280",border:"#e5e7eb"}};return t[e]||t.Other},u=({label:t,value:a,subtitle:r})=>e.default.createElement("div",{style:{padding:"20px",background:"white",border:"1px solid #e5e7eb",borderRadius:"8px",boxShadow:"0 1px 2px 0 rgba(0, 0, 0, 0.05)"}},e.default.createElement("div",{style:{fontSize:"13px",fontWeight:600,color:"#6b7280",textTransform:"uppercase",letterSpacing:"0.5px",marginBottom:"8px"}},t),e.default.createElement("div",{style:{fontSize:"28px",fontWeight:700,color:"#111827",marginBottom:r?"4px":"0"}},a),r&&e.default.createElement("div",{style:{fontSize:"12px",color:"#9ca3af"}},r)),p={container:{background:"white",border:"1px solid #e5e7eb",borderRadius:"8px",overflow:"hidden"},header:{padding:"16px 20px",background:"#f9fafb",borderBottom:"1px solid #e5e7eb",display:"flex",justifyContent:"space-between",alignItems:"center"},title:{fontSize:"15px",fontWeight:600,color:"#111827"},subtitle:{fontSize:"13px",color:"#6b7280",marginTop:"2px"},badge:{padding:"4px 12px",background:"#eff6ff",color:"#1e40af",fontSize:"13px",fontWeight:600,borderRadius:"12px"},listContainer:{padding:"12px 20px"},resourceItem:e=>({padding:"12px 0",borderBottom:e?"none":"1px solid #f3f4f6"}),resourceRow:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",gap:"12px"},resourceInfo:{flex:1,minWidth:0},fileName:{fontSize:"13px",fontWeight:500,color:"#111827",marginBottom:"2px",wordBreak:"break-word"},filePath:{fontSize:"12px",color:"#9ca3af",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},fileSize:{fontSize:"13px",fontWeight:600,color:"#6b7280",whiteSpace:"nowrap"},expandButtonContainer:{marginTop:"12px",width:"100%",display:"flex",justifyContent:"center"}},f=({group:t,totalPageSize:r})=>{const[o,n]=(0,e.useState)(!1),l=o?t.resources.length:3;return e.default.createElement("div",{style:p.container},e.default.createElement("div",{style:p.header},e.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:"12px"}},(()=>{const r=c(t.name);return e.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"48px",height:"48px",borderRadius:"8px",backgroundColor:r.bg,color:r.color,border:`1px solid ${r.border}`,flexShrink:0,fontSize:"24px"}},e.default.createElement(a.Icon,{name:s(t.name)}))})(),e.default.createElement("div",null,e.default.createElement("div",{style:p.title},t.name),e.default.createElement("div",{style:p.subtitle},t.resources.length," resource",1!==t.resources.length?"s":""," •"," ",t.totalSize.toFixed(2)," KB"))),e.default.createElement("div",{style:p.badge},(t.totalSize/r*100).toFixed(1),"% of page")),t.resources.length>0&&e.default.createElement("div",{style:p.listContainer},t.resources.slice(0,l).map(((t,r)=>{const o=t.url.split("/").pop()||t.url,n=t.url.substring(0,t.url.lastIndexOf("/")+1),i=r===l-1;return e.default.createElement("div",{key:r,style:p.resourceItem(i)},e.default.createElement("div",{style:p.resourceRow},e.default.createElement("div",{style:p.resourceInfo},e.default.createElement("div",{style:p.fileName},o,t.contentHubUrl&&e.default.createElement("a",{href:t.contentHubUrl,target:"_blank",rel:"noopener noreferrer",title:"View in Content Hub",style:{marginLeft:"8px",display:"inline-flex",alignItems:"center",verticalAlign:"top",textDecoration:"none",cursor:"pointer",fontSize:"14px",color:"var(--color-text-secondary)",opacity:.7},onMouseEnter:e=>{e.currentTarget.style.opacity="1"},onMouseLeave:e=>{e.currentTarget.style.opacity="0.7"}},e.default.createElement(a.Icon,{name:"xp-arrow-right-top-square"}))),e.default.createElement("div",{style:p.filePath,title:n},n)),e.default.createElement("div",{style:p.fileSize},t.size.toFixed(2)," KB")))})),t.resources.length>3&&e.default.createElement("div",{style:p.expandButtonContainer},e.default.createElement(a.Button,{label:o?"Show less":`Show ${t.resources.length-3} more`,trailingIcon:o?"xp-chevron-up":"xp-chevron-down",onClick:()=>n(!o),color:a.ButtonColor.Secondary,size:a.ButtonSize.S}))))},m=({data:t,ratingColor:r,totalResources:o,hostingStatus:l})=>e.default.createElement(e.default.Fragment,null,e.default.createElement("div",{style:{background:`linear-gradient(135deg, ${r.bg} 0%, white 100%)`,border:`2px solid ${r.border}`,borderRadius:"12px",padding:"40px",position:"relative",overflow:"hidden"}},e.default.createElement("div",{style:{position:"absolute",top:"-50px",right:"-50px",width:"200px",height:"200px",background:r.bg,borderRadius:"50%",opacity:.3}}),e.default.createElement(a.Row,{spacing:a.Spacing.XL},e.default.createElement(a.Column,{colsLg:6,colsMd:12},e.default.createElement("div",{style:{position:"relative",zIndex:1}},e.default.createElement("div",{style:{fontSize:"14px",fontWeight:600,color:r.primary,textTransform:"uppercase",letterSpacing:"1px",marginBottom:"12px"}},"Carbon Rating"),e.default.createElement("div",{style:{fontSize:"120px",fontWeight:900,color:r.primary,lineHeight:1,marginBottom:"16px",textShadow:`0 2px 8px ${r.bg}`}},t.carbonRating),e.default.createElement("div",{style:{fontSize:"18px",fontWeight:600,color:"#111827",marginBottom:"8px"}},n[t.carbonRating]),e.default.createElement("div",{style:{fontSize:"14px",color:"#6b7280"}},"A+"===t.carbonRating||"A"===t.carbonRating?"This page has excellent carbon efficiency.":"B"===t.carbonRating||"C"===t.carbonRating?"This page has room for improvement.":"This page needs significant optimization."),e.default.createElement("div",{style:{fontSize:"12px",color:"#9ca3af",marginTop:"12px",paddingTop:"12px",borderTop:"1px solid #e5e7eb"}},"Rating based on"," ",e.default.createElement("a",{href:"https://sustainablewebdesign.org/digital-carbon-ratings/",target:"_blank",rel:"noopener noreferrer",style:{color:r.primary,textDecoration:"underline",fontWeight:500}},"Sustainable Web Design Model v4")))),e.default.createElement(a.Column,{colsLg:6,colsMd:12},e.default.createElement(a.Row,{spacing:a.Spacing.L,spacingY:a.Spacing.L},e.default.createElement(a.Column,{colsLg:6,colsMd:6},e.default.createElement(u,{label:"CO₂ Emissions",value:`${t.totalEmissions.toFixed(3)}g`,subtitle:"per page view"})),e.default.createElement(a.Column,{colsLg:6,colsMd:6},e.default.createElement(u,{label:"Page Weight",value:`${(t.totalSize/1024).toFixed(2)}MB`,subtitle:`${t.totalSize.toFixed(0)} KB total`})),e.default.createElement(a.Column,{colsLg:6,colsMd:6},e.default.createElement(u,{label:"Resources",value:`${o}`,subtitle:`${t.resourceGroups.length} categories`})),e.default.createElement(a.Column,{colsLg:6,colsMd:6},e.default.createElement(u,{label:"Efficiency",value:t.totalEmissions<.1?"Excellent":t.totalEmissions<.2?"Good":t.totalEmissions<.3?"Fair":"Poor",subtitle:"Overall rating"})))))),e.default.createElement("div",{style:{padding:"16px 20px",background:l.bgColor,border:`1px solid ${l.borderColor}`,borderRadius:"8px",display:"flex",alignItems:"center",gap:"12px"}},e.default.createElement("span",{style:{fontSize:"20px",color:l.color,lineHeight:1}},l.icon),e.default.createElement("div",null,e.default.createElement("div",{style:{fontSize:"14px",fontWeight:600,color:l.color,marginBottom:"2px"}},l.text),e.default.createElement("div",{style:{fontSize:"13px",color:"#6b7280"}},l.description))),e.default.createElement("div",null,e.default.createElement(a.Headline,{size:a.HeadlineSize.M,spacingBottom:a.Spacing.L},"Resource Breakdown"),e.default.createElement(a.Stack,{spacing:a.Spacing.L},t.resourceGroups.sort(((e,t)=>{const a=["Images","CSS","Scripts","Links","Other"];return a.indexOf(e.name)-a.indexOf(t.name)})).map((a=>e.default.createElement(f,{key:a.type,group:a,totalPageSize:t.totalSize}))))),e.default.createElement("div",{style:{padding:"24px",background:"#f0f9ff",border:"1px solid #bae6fd",borderRadius:"8px"}},e.default.createElement("div",{style:{fontSize:"15px",fontWeight:600,color:"#0c4a6e",marginBottom:"12px"}},"💡 Tips to improve your carbon footprint"),e.default.createElement("ul",{style:{margin:0,paddingLeft:"20px",color:"#075985"}},e.default.createElement("li",{style:{marginBottom:"6px"}},e.default.createElement("strong",null,"Use Image Variants")," - Configure responsive image variants with specific dimensions and aspect ratios to serve optimized versions for different contexts (hero banners, thumbnails, social media)"),e.default.createElement("li",{style:{marginBottom:"6px"}},e.default.createElement("strong",null,"Enable AIRA's Smart Optimization")," - Leverage AIRA's AI-powered features for automatic image format conversion, smart focal point detection, and automated quality optimization during uploads"),e.default.createElement("li",{style:{marginBottom:"6px"}},e.default.createElement("strong",null,"Automate Image Metadata")," - Use AIRA to automatically generate alt texts, descriptions, and tags for better SEO while reducing manual work"),e.default.createElement("li",{style:{marginBottom:"6px"}},e.default.createElement("strong",null,"Minimize CSS & JavaScript")," - Bundle and minify your assets to reduce file sizes and decrease the number of HTTP requests"),e.default.createElement("li",{style:{marginBottom:"6px"}},e.default.createElement("strong",null,"Enable Browser Caching")," - Configure cache headers for static resources to reduce repeat downloads and server load"),e.default.createElement("li",null,e.default.createElement("strong",null,"Implement Lazy Loading")," - Load images and resources only when they're needed, improving initial page load performance")))),g=({title:t,data:a,color:r,unit:o,formatValue:n})=>{const l=550,i=200,d=50,s=Math.max(...a),c=Math.min(...a),u=s-c||1,p=s+.1*u,f=Math.max(0,c-.1*u),m=p-f,g=e=>d+e/(a.length-1)*480,x=e=>170-(e-f)/m*140,b=a.map(((e,t)=>{const a=g(t),r=x(e);return 0===t?`M ${a} ${r}`:`L ${a} ${r}`})).join(" ");return e.default.createElement("div",{style:{flex:1,background:"white",border:"1px solid #e5e7eb",borderRadius:"8px",padding:"16px"}},e.default.createElement("div",{style:{fontSize:"14px",fontWeight:600,color:"#111827",marginBottom:"12px",textAlign:"center"}},t),e.default.createElement("svg",{width:l,height:i,style:{overflow:"visible"}},[0,1,2,3,4].map((t=>{const a=30+35*t;return e.default.createElement("line",{key:t,x1:d,y1:a,x2:530,y2:a,stroke:"#f3f4f6",strokeWidth:"1"})})),e.default.createElement("path",{d:b,fill:"none",stroke:r,strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"}),a.map(((t,a)=>e.default.createElement("circle",{key:a,cx:g(a),cy:x(t),r:"4",fill:r,stroke:"white",strokeWidth:"2"}))),e.default.createElement("text",{x:42,y:25,textAnchor:"end",fontSize:"11",fill:"#6b7280"},n(p)),e.default.createElement("text",{x:42,y:175,textAnchor:"end",fontSize:"11",fill:"#6b7280"},n(f)),e.default.createElement("line",{x1:d,y1:170,x2:530,y2:170,stroke:"#d1d5db",strokeWidth:"2"}),e.default.createElement("line",{x1:d,y1:30,x2:d,y2:170,stroke:"#d1d5db",strokeWidth:"2"}),e.default.createElement("text",{x:15,y:100,textAnchor:"middle",fontSize:"11",fill:"#6b7280",transform:"rotate(-90, 15, 100)"},o)))},x=({currentReport:t,historicalReports:a})=>{const r=[t,...a].slice(0,10).reverse();if(r.length<2)return e.default.createElement("div",{style:{background:"white",border:"1px solid #e5e7eb",borderRadius:"8px",padding:"24px",textAlign:"center",color:"#6b7280",marginBottom:"20px"}},"Trend analysis requires at least 2 data points for a trend chart.");const o=r.map((e=>e.totalEmissions)),n=r.map((e=>e.totalSize/1024));return e.default.createElement("div",{style:{marginBottom:"20px"}},e.default.createElement("div",{style:{fontSize:"15px",fontWeight:600,color:"#111827",marginBottom:"8px"}},"Trend Analysis"),e.default.createElement("div",{style:{fontSize:"13px",color:"#6b7280",marginBottom:"16px"}},"Showing trends for the last ",r.length," report",1!==r.length?"s":""," (oldest to newest)"),e.default.createElement("div",{style:{display:"flex",gap:"20px",justifyContent:"space-between",flexWrap:"wrap"}},e.default.createElement(g,{title:"CO₂ Emissions",data:o,color:"#dc2626",unit:"Grams (g)",formatValue:e=>e.toFixed(3)}),e.default.createElement(g,{title:"Page Weight",data:n,color:"#2563eb",unit:"Megabytes (MB)",formatValue:e=>e.toFixed(2)})))},b=({report:t,isExpanded:r,onToggle:o})=>{const n=d[t.carbonRating]||d.C,l=t.resourceGroups.reduce(((e,t)=>e+t.resources.length),0);return e.default.createElement("div",{style:{background:"white",border:"1px solid #e5e7eb",borderRadius:"8px",overflow:"hidden"}},e.default.createElement("div",{style:{padding:"16px 20px",display:"flex",justifyContent:"space-between",alignItems:"center",cursor:"pointer",background:"#fafafa",borderBottom:r?"1px solid #e5e7eb":"none"},onClick:o},e.default.createElement("div",null,e.default.createElement("div",{style:{fontSize:"13px",fontWeight:600,color:"#111827",marginBottom:"2px"}},t.lastRunDate),e.default.createElement("div",{style:{fontSize:"12px",color:"#9ca3af"}},l," resources • ",t.totalSize.toFixed(2)," KB")),e.default.createElement("div",{style:{display:"flex",gap:"16px",alignItems:"center"}},e.default.createElement("div",{style:{padding:"6px 12px",background:n.bg,color:n.primary,fontSize:"16px",fontWeight:700,borderRadius:"6px",border:`1px solid ${n.border}`}},t.carbonRating),e.default.createElement("div",{style:{textAlign:"center",minWidth:"60px"}},e.default.createElement("div",{style:{fontSize:"11px",color:"#6b7280",textTransform:"uppercase",letterSpacing:"0.5px",marginBottom:"2px"}},"CO₂"),e.default.createElement("div",{style:{fontSize:"13px",fontWeight:600,color:"#111827"}},t.totalEmissions.toFixed(3),"g")),e.default.createElement("div",{style:{textAlign:"center",minWidth:"60px"}},e.default.createElement("div",{style:{fontSize:"11px",color:"#6b7280",textTransform:"uppercase",letterSpacing:"0.5px",marginBottom:"2px"}},"Weight"),e.default.createElement("div",{style:{fontSize:"13px",fontWeight:600,color:"#111827"}},(t.totalSize/1024).toFixed(2),"MB")),e.default.createElement("div",{style:{color:"#6b7280",display:"flex",alignItems:"center"}},e.default.createElement(a.Icon,{name:r?"xp-chevron-up":"xp-chevron-down"})))),r&&e.default.createElement("div",{style:{padding:"20px"}},e.default.createElement(a.Stack,{spacing:a.Spacing.M},t.resourceGroups.sort(((e,t)=>t.totalSize-e.totalSize)).slice(0,3).map(((t,r)=>e.default.createElement("div",{key:r,style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px",background:"#f9fafb",borderRadius:"6px"}},e.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px"}},e.default.createElement("div",{style:{width:"32px",height:"32px",borderRadius:"6px",backgroundColor:c(t.name).bg,color:c(t.name).color,border:`1px solid ${c(t.name).border}`,display:"flex",alignItems:"center",justifyContent:"center",fontSize:"16px"}},e.default.createElement(a.Icon,{name:s(t.name)})),e.default.createElement("div",null,e.default.createElement("div",{style:{fontSize:"13px",fontWeight:600,color:"#111827"}},t.name),e.default.createElement("div",{style:{fontSize:"12px",color:"#6b7280"}},t.resources.length," resource",1!==t.resources.length?"s":""))),e.default.createElement("div",{style:{fontSize:"13px",fontWeight:600,color:"#6b7280"}},t.totalSize.toFixed(2)," KB")))))))},y=({currentReport:t,historicalReports:r,expandedReportIndex:o,setExpandedReportIndex:n,isLoadingMore:l,hasMoreHistory:i,nextPageIndex:d,onLoadMore:s})=>e.default.createElement(e.default.Fragment,null,e.default.createElement(x,{currentReport:t,historicalReports:r}),e.default.createElement(a.Stack,{spacing:a.Spacing.M},r.map(((t,a)=>e.default.createElement(b,{key:a,report:t,isExpanded:o===a,onToggle:()=>n(o===a?null:a)}))),i&&e.default.createElement("div",{style:{display:"flex",justifyContent:"center",marginTop:"16px"}},e.default.createElement(a.Button,{label:"Load More History",color:a.ButtonColor.Secondary,size:a.ButtonSize.M,trailingIcon:"xp-chevron-down",disabled:l,inProgress:l,onClick:()=>s(d)})))),h=t=>{const[n,l]=(0,e.useState)(!1),[i,s]=(0,e.useState)(!1),[c,u]=(0,e.useState)(null),[p,f]=(0,e.useState)(t?.sustainabilityData),[g,x]=(0,e.useState)(t?.historicalReports||[]),[b,h]=(0,e.useState)(null),[E,S]=(0,e.useState)(!1),[v,z]=(0,e.useState)(t?.hasMoreHistory??!1),[w,C]=(0,e.useState)(!1),[R,k]=(0,e.useState)(1),{execute:B}=(0,r.usePageCommand)("RunReport",{after:e=>{f(e?.sustainabilityData),l(!1),u(null),e?.historicalReports&&(x(e.historicalReports),k(1),z(e.hasMoreHistory??!1))},onError:e=>{l(!1),u("Failed to run sustainability report. Please try again."),console.error("Sustainability report error:",e)}}),{execute:I}=(0,r.usePageCommand)("LoadMoreHistory",{after:e=>{e?.historicalReports&&e.historicalReports.length>0?(x((t=>[...t,...e.historicalReports])),k((e=>e+1)),z(e.hasMoreHistory??!1)):z(!1),S(!1)},onError:e=>{console.error("Load more history error:",e),S(!1)}}),L=(0,r.usePageCommand)("ExportReportAsPdf",{after:e=>{if(e){const t=atob(e.pdfBase64),a=new Uint8Array(t.length);for(let e=0;e<t.length;e++)a[e]=t.charCodeAt(e);const r=new Blob([a],{type:"application/pdf"}),o=window.URL.createObjectURL(r),n=document.createElement("a");n.href=o,n.download=e.fileName,document.body.appendChild(n),n.click(),document.body.removeChild(n),window.URL.revokeObjectURL(o)}s(!1)},onError:e=>{console.error("PDF export error:",e),s(!1)}});if(null==p)return e.default.createElement("div",{style:{padding:"32px",maxWidth:"1400px",margin:"0 auto"}},e.default.createElement(a.Stack,{spacing:a.Spacing.XL},e.default.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},e.default.createElement(a.Headline,{size:a.HeadlineSize.L},"Sustainability Report")),e.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",minHeight:"400px"}},e.default.createElement(a.Card,{headline:"No Data Available",fullHeight:!1},e.default.createElement(a.Stack,{spacing:a.Spacing.L},e.default.createElement("p",{style:{fontSize:"14px",color:"#6b7280"}},t?.pageAvailability===o.Available?"Run a sustainability analysis to see your page's environmental impact.":"This page is not available for analysis."),c&&e.default.createElement("div",{style:{padding:"12px 16px",background:"#fef2f2",border:"1px solid #fecaca",borderRadius:"6px",fontSize:"13px",color:"#dc2626"}},c),t?.pageAvailability===o.Available&&e.default.createElement(a.Button,{label:"Run Analysis",color:a.ButtonColor.Primary,size:a.ButtonSize.L,disabled:n,inProgress:n,onClick:()=>{l(!0),u(null),B()}}))))));const M=d[p.carbonRating]||d.C,A=p.resourceGroups.reduce(((e,t)=>e+t.resources.length),0),W=(e=>{switch(e){case"Green":return{text:"Green hosting",color:"#059669",icon:"●",bgColor:"#f0fdf4",borderColor:"#86efac",description:"This site is hosted on a green energy provider"};case"NotGreen":return{text:"Standard hosting",color:"#f97316",icon:"●",bgColor:"#fff7ed",borderColor:"#fdba74",description:"This site uses standard grid energy hosting"};default:return{text:"Unknown hosting",color:"#6b7280",icon:"●",bgColor:"#f3f4f6",borderColor:"#d1d5db",description:"Unable to verify the hosting provider's energy source"}}})(p.greenHostingStatus);return e.default.createElement("div",{style:{padding:"32px",maxWidth:"1400px",margin:"0 auto"}},e.default.createElement(a.Stack,{spacing:a.Spacing.XL},e.default.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",flexWrap:"wrap",gap:"16px"}},e.default.createElement("div",null,e.default.createElement(a.Headline,{size:a.HeadlineSize.L},w?"Report History":"Sustainability Report"),!w&&e.default.createElement("div",{style:{fontSize:"14px",color:"#6b7280",marginTop:"4px"}},"Last analyzed: ",p.lastRunDate)),e.default.createElement("div",{style:{display:"flex",gap:"12px"}},w?e.default.createElement(a.Button,{label:"Back to Current Report",color:a.ButtonColor.Secondary,size:a.ButtonSize.M,icon:"xp-arrow-left",onClick:()=>C(!1)}):e.default.createElement(e.default.Fragment,null,e.default.createElement(a.Button,{label:"Export as PDF",color:a.ButtonColor.Secondary,size:a.ButtonSize.M,icon:"xp-file-pdf",disabled:i,inProgress:i,onClick:()=>{s(!0),L.execute()}}),g.length>0&&e.default.createElement(a.Button,{label:"View History",color:a.ButtonColor.Secondary,size:a.ButtonSize.M,icon:"xp-clock",onClick:()=>C(!0)}),e.default.createElement(a.Button,{label:"Run New Analysis",color:a.ButtonColor.Primary,size:a.ButtonSize.M,icon:"xp-rotate-right",disabled:n,inProgress:n,onClick:()=>{l(!0),u(null),B()}})))),c&&e.default.createElement("div",{style:{padding:"16px",background:"#fef2f2",border:"1px solid #fecaca",borderRadius:"8px",fontSize:"14px",color:"#dc2626"}},c),w?e.default.createElement(y,{currentReport:p,historicalReports:g,expandedReportIndex:b,setExpandedReportIndex:h,isLoadingMore:E,hasMoreHistory:v,nextPageIndex:R,onLoadMore:e=>{S(!0),I({pageIndex:e})}}):e.default.createElement(m,{data:p,ratingColor:M,totalResources:A,hostingStatus:W})))}})(),i})())}}}));
\ No newline at end of file
diff --git a/src/Client/dist/entry.kxh.d81750fa880d7e2c5f70.js b/src/Client/dist/entry.kxh.d81750fa880d7e2c5f70.js
deleted file mode 100644
index 622ddfd..0000000
--- a/src/Client/dist/entry.kxh.d81750fa880d7e2c5f70.js
+++ /dev/null
@@ -1 +0,0 @@
-System.register(["react","@kentico/xperience-admin-components","@kentico/xperience-admin-base"],(function(e,t){var a={},r={},o={};return{setters:[function(e){a.default=e.default||e,a.useState=e.useState},function(e){r.Button=e.Button,r.ButtonColor=e.ButtonColor,r.ButtonSize=e.ButtonSize,r.Card=e.Card,r.Column=e.Column,r.Headline=e.Headline,r.HeadlineSize=e.HeadlineSize,r.Icon=e.Icon,r.Row=e.Row,r.Spacing=e.Spacing,r.Stack=e.Stack},function(e){o.usePageCommand=e.usePageCommand}],execute:function(){e((()=>{var e={90:e=>{"use strict";e.exports=o},126:(e,t,a)=>{const r=a(358).y;t.w=function(e){if(e||(e=1),!a.y.meta||!a.y.meta.url)throw console.error("__system_context__",a.y),Error("systemjs-webpack-interop was provided an unknown SystemJS context. Expected context.meta.url, but none was provided");a.p=r(a.y.meta.url,e)}},267:e=>{"use strict";e.exports=r},358:(e,t,a)=>{t.y=function(e,t){var a=document.createElement("a");a.href=e;for(var r="/"===a.pathname[0]?a.pathname:"/"+a.pathname,o=0,n=r.length;o!==t&&n>=0;)"/"===r[--n]&&o++;if(o!==t)throw Error("systemjs-webpack-interop: rootDirectoryLevel ("+t+") is greater than the number of directories ("+o+") in the URL path "+e);var l=r.slice(0,n+1);return a.protocol+"//"+a.host+l};Number.isInteger},726:e=>{"use strict";e.exports=a}},n={};function l(t){var a=n[t];if(void 0!==a)return a.exports;var r=n[t]={exports:{}};return e[t](r,r.exports,l),r.exports}l.y=t,l.d=(e,t)=>{for(var a in t)l.o(t,a)&&!l.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.p="";var i={};return(0,l(126).w)(1),(()=>{"use strict";l.r(i),l.d(i,{SustainabilityDashboardTemplate:()=>t,SustainabilityTabTemplate:()=>h});var e=l(726);const t=({label:t})=>{const[a,r]=(0,e.useState)(t);return e.default.createElement("div",null,e.default.createElement("h1",null,a),e.default.createElement("p",null,"Coming soon: https://github.com/liamgold/xperience-community-sustainability/issues/4."))};var a=l(267),r=l(90);let o=function(e){return e[e.Available=0]="Available",e[e.NotAvailable=1]="NotAvailable",e}({});const n={"A+":"Extremely efficient",A:"Very efficient",B:"Efficient",C:"Moderate efficiency",D:"Low efficiency",E:"Poor efficiency",F:"Very poor efficiency"},d={"A+":{primary:"#059669",bg:"#d1fae5",border:"#6ee7b7"},A:{primary:"#16a34a",bg:"#dcfce7",border:"#86efac"},B:{primary:"#65a30d",bg:"#ecfccb",border:"#bef264"},C:{primary:"#ca8a04",bg:"#fef9c3",border:"#fde047"},D:{primary:"#ea580c",bg:"#ffedd5",border:"#fdba74"},E:{primary:"#dc2626",bg:"#fee2e2",border:"#fca5a5"},F:{primary:"#b91c1c",bg:"#fee2e2",border:"#f87171"}},s=e=>({Images:"xp-picture",Scripts:"xp-braces",CSS:"xp-brush",Links:"xp-chain",Other:"xp-file"}[e]||"xp-file"),c=e=>{const t={Images:{bg:"#dbeafe",color:"#1e40af",border:"#bfdbfe"},Scripts:{bg:"#ede9fe",color:"#7c3aed",border:"#ddd6fe"},CSS:{bg:"#fce7f3",color:"#db2777",border:"#fbcfe8"},Links:{bg:"#d1fae5",color:"#059669",border:"#a7f3d0"},Other:{bg:"#f3f4f6",color:"#6b7280",border:"#e5e7eb"}};return t[e]||t.Other},u=({label:t,value:a,subtitle:r})=>e.default.createElement("div",{style:{padding:"20px",background:"white",border:"1px solid #e5e7eb",borderRadius:"8px",boxShadow:"0 1px 2px 0 rgba(0, 0, 0, 0.05)"}},e.default.createElement("div",{style:{fontSize:"13px",fontWeight:600,color:"#6b7280",textTransform:"uppercase",letterSpacing:"0.5px",marginBottom:"8px"}},t),e.default.createElement("div",{style:{fontSize:"28px",fontWeight:700,color:"#111827",marginBottom:r?"4px":"0"}},a),r&&e.default.createElement("div",{style:{fontSize:"12px",color:"#9ca3af"}},r)),f={container:{background:"white",border:"1px solid #e5e7eb",borderRadius:"8px",overflow:"hidden"},header:{padding:"16px 20px",background:"#f9fafb",borderBottom:"1px solid #e5e7eb",display:"flex",justifyContent:"space-between",alignItems:"center"},title:{fontSize:"15px",fontWeight:600,color:"#111827"},subtitle:{fontSize:"13px",color:"#6b7280",marginTop:"2px"},badge:{padding:"4px 12px",background:"#eff6ff",color:"#1e40af",fontSize:"13px",fontWeight:600,borderRadius:"12px"},listContainer:{padding:"12px 20px"},resourceItem:e=>({padding:"12px 0",borderBottom:e?"none":"1px solid #f3f4f6"}),resourceRow:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",gap:"12px"},resourceInfo:{flex:1,minWidth:0},fileName:{fontSize:"13px",fontWeight:500,color:"#111827",marginBottom:"2px",wordBreak:"break-word"},filePath:{fontSize:"12px",color:"#9ca3af",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},fileSize:{fontSize:"13px",fontWeight:600,color:"#6b7280",whiteSpace:"nowrap"},expandButtonContainer:{marginTop:"12px",width:"100%",display:"flex",justifyContent:"center"}},p=({group:t,totalPageSize:r})=>{const[o,n]=(0,e.useState)(!1),l=o?t.resources.length:3;return e.default.createElement("div",{style:f.container},e.default.createElement("div",{style:f.header},e.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:"12px"}},(()=>{const r=c(t.name);return e.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"48px",height:"48px",borderRadius:"8px",backgroundColor:r.bg,color:r.color,border:`1px solid ${r.border}`,flexShrink:0,fontSize:"24px"}},e.default.createElement(a.Icon,{name:s(t.name)}))})(),e.default.createElement("div",null,e.default.createElement("div",{style:f.title},t.name),e.default.createElement("div",{style:f.subtitle},t.resources.length," resource",1!==t.resources.length?"s":""," •"," ",t.totalSize.toFixed(2)," KB"))),e.default.createElement("div",{style:f.badge},(t.totalSize/r*100).toFixed(1),"% of page")),t.resources.length>0&&e.default.createElement("div",{style:f.listContainer},t.resources.slice(0,l).map(((t,r)=>{const o=t.url.split("/").pop()||t.url,n=t.url.substring(0,t.url.lastIndexOf("/")+1),i=r===l-1;return e.default.createElement("div",{key:r,style:f.resourceItem(i)},e.default.createElement("div",{style:f.resourceRow},e.default.createElement("div",{style:f.resourceInfo},e.default.createElement("div",{style:f.fileName},o,t.contentHubUrl&&e.default.createElement("a",{href:t.contentHubUrl,target:"_blank",rel:"noopener noreferrer",title:"View in Content Hub",style:{marginLeft:"8px",display:"inline-flex",alignItems:"center",verticalAlign:"top",textDecoration:"none",cursor:"pointer",fontSize:"14px",color:"var(--color-text-secondary)",opacity:.7},onMouseEnter:e=>{e.currentTarget.style.opacity="1"},onMouseLeave:e=>{e.currentTarget.style.opacity="0.7"}},e.default.createElement(a.Icon,{name:"xp-arrow-right-top-square"}))),e.default.createElement("div",{style:f.filePath,title:n},n)),e.default.createElement("div",{style:f.fileSize},t.size.toFixed(2)," KB")))})),t.resources.length>3&&e.default.createElement("div",{style:f.expandButtonContainer},e.default.createElement(a.Button,{label:o?"Show less":`Show ${t.resources.length-3} more`,onClick:()=>n(!o),color:a.ButtonColor.Secondary,size:a.ButtonSize.S}))))},m=({data:t,ratingColor:r,totalResources:o,hostingStatus:l})=>e.default.createElement(e.default.Fragment,null,e.default.createElement("div",{style:{background:`linear-gradient(135deg, ${r.bg} 0%, white 100%)`,border:`2px solid ${r.border}`,borderRadius:"12px",padding:"40px",position:"relative",overflow:"hidden"}},e.default.createElement("div",{style:{position:"absolute",top:"-50px",right:"-50px",width:"200px",height:"200px",background:r.bg,borderRadius:"50%",opacity:.3}}),e.default.createElement(a.Row,{spacing:a.Spacing.XL},e.default.createElement(a.Column,{colsLg:6,colsMd:12},e.default.createElement("div",{style:{position:"relative",zIndex:1}},e.default.createElement("div",{style:{fontSize:"14px",fontWeight:600,color:r.primary,textTransform:"uppercase",letterSpacing:"1px",marginBottom:"12px"}},"Carbon Rating"),e.default.createElement("div",{style:{fontSize:"120px",fontWeight:900,color:r.primary,lineHeight:1,marginBottom:"16px",textShadow:`0 2px 8px ${r.bg}`}},t.carbonRating),e.default.createElement("div",{style:{fontSize:"18px",fontWeight:600,color:"#111827",marginBottom:"8px"}},n[t.carbonRating]),e.default.createElement("div",{style:{fontSize:"14px",color:"#6b7280"}},"A+"===t.carbonRating||"A"===t.carbonRating?"This page has excellent carbon efficiency.":"B"===t.carbonRating||"C"===t.carbonRating?"This page has room for improvement.":"This page needs significant optimization."),e.default.createElement("div",{style:{fontSize:"12px",color:"#9ca3af",marginTop:"12px",paddingTop:"12px",borderTop:"1px solid #e5e7eb"}},"Rating based on"," ",e.default.createElement("a",{href:"https://sustainablewebdesign.org/digital-carbon-ratings/",target:"_blank",rel:"noopener noreferrer",style:{color:r.primary,textDecoration:"underline",fontWeight:500}},"Sustainable Web Design Model v4")))),e.default.createElement(a.Column,{colsLg:6,colsMd:12},e.default.createElement(a.Row,{spacing:a.Spacing.L,spacingY:a.Spacing.L},e.default.createElement(a.Column,{colsLg:6,colsMd:6},e.default.createElement(u,{label:"CO₂ Emissions",value:`${t.totalEmissions.toFixed(3)}g`,subtitle:"per page view"})),e.default.createElement(a.Column,{colsLg:6,colsMd:6},e.default.createElement(u,{label:"Page Weight",value:`${(t.totalSize/1024).toFixed(2)}MB`,subtitle:`${t.totalSize.toFixed(0)} KB total`})),e.default.createElement(a.Column,{colsLg:6,colsMd:6},e.default.createElement(u,{label:"Resources",value:`${o}`,subtitle:`${t.resourceGroups.length} categories`})),e.default.createElement(a.Column,{colsLg:6,colsMd:6},e.default.createElement(u,{label:"Efficiency",value:t.totalEmissions<.1?"Excellent":t.totalEmissions<.2?"Good":t.totalEmissions<.3?"Fair":"Poor",subtitle:"Overall rating"})))))),e.default.createElement("div",{style:{padding:"16px 20px",background:l.bgColor,border:`1px solid ${l.borderColor}`,borderRadius:"8px",display:"flex",alignItems:"center",gap:"12px"}},e.default.createElement("span",{style:{fontSize:"20px",color:l.color,lineHeight:1}},l.icon),e.default.createElement("div",null,e.default.createElement("div",{style:{fontSize:"14px",fontWeight:600,color:l.color,marginBottom:"2px"}},l.text),e.default.createElement("div",{style:{fontSize:"13px",color:"#6b7280"}},l.description))),e.default.createElement("div",null,e.default.createElement(a.Headline,{size:a.HeadlineSize.M,spacingBottom:a.Spacing.L},"Resource Breakdown"),e.default.createElement(a.Stack,{spacing:a.Spacing.L},t.resourceGroups.sort(((e,t)=>{const a=["Images","CSS","Scripts","Links","Other"];return a.indexOf(e.name)-a.indexOf(t.name)})).map((a=>e.default.createElement(p,{key:a.type,group:a,totalPageSize:t.totalSize}))))),e.default.createElement("div",{style:{padding:"24px",background:"#f0f9ff",border:"1px solid #bae6fd",borderRadius:"8px"}},e.default.createElement("div",{style:{fontSize:"15px",fontWeight:600,color:"#0c4a6e",marginBottom:"12px"}},"💡 Tips to improve your carbon footprint"),e.default.createElement("ul",{style:{margin:0,paddingLeft:"20px",color:"#075985"}},e.default.createElement("li",{style:{marginBottom:"6px"}},e.default.createElement("strong",null,"Use Image Variants")," - Configure responsive image variants with specific dimensions and aspect ratios to serve optimized versions for different contexts (hero banners, thumbnails, social media)"),e.default.createElement("li",{style:{marginBottom:"6px"}},e.default.createElement("strong",null,"Enable AIRA's Smart Optimization")," - Leverage AIRA's AI-powered features for automatic image format conversion, smart focal point detection, and automated quality optimization during uploads"),e.default.createElement("li",{style:{marginBottom:"6px"}},e.default.createElement("strong",null,"Automate Image Metadata")," - Use AIRA to automatically generate alt texts, descriptions, and tags for better SEO while reducing manual work"),e.default.createElement("li",{style:{marginBottom:"6px"}},e.default.createElement("strong",null,"Minimize CSS & JavaScript")," - Bundle and minify your assets to reduce file sizes and decrease the number of HTTP requests"),e.default.createElement("li",{style:{marginBottom:"6px"}},e.default.createElement("strong",null,"Enable Browser Caching")," - Configure cache headers for static resources to reduce repeat downloads and server load"),e.default.createElement("li",null,e.default.createElement("strong",null,"Implement Lazy Loading")," - Load images and resources only when they're needed, improving initial page load performance")))),g=({title:t,data:a,color:r,unit:o,formatValue:n})=>{const l=550,i=200,d=50,s=Math.max(...a),c=Math.min(...a),u=s-c||1,f=s+.1*u,p=Math.max(0,c-.1*u),m=f-p,g=e=>d+e/(a.length-1)*480,x=e=>170-(e-p)/m*140,b=a.map(((e,t)=>{const a=g(t),r=x(e);return 0===t?`M ${a} ${r}`:`L ${a} ${r}`})).join(" ");return e.default.createElement("div",{style:{flex:1,background:"white",border:"1px solid #e5e7eb",borderRadius:"8px",padding:"16px"}},e.default.createElement("div",{style:{fontSize:"14px",fontWeight:600,color:"#111827",marginBottom:"12px",textAlign:"center"}},t),e.default.createElement("svg",{width:l,height:i,style:{overflow:"visible"}},[0,1,2,3,4].map((t=>{const a=30+35*t;return e.default.createElement("line",{key:t,x1:d,y1:a,x2:530,y2:a,stroke:"#f3f4f6",strokeWidth:"1"})})),e.default.createElement("path",{d:b,fill:"none",stroke:r,strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"}),a.map(((t,a)=>e.default.createElement("circle",{key:a,cx:g(a),cy:x(t),r:"4",fill:r,stroke:"white",strokeWidth:"2"}))),e.default.createElement("text",{x:42,y:25,textAnchor:"end",fontSize:"11",fill:"#6b7280"},n(f)),e.default.createElement("text",{x:42,y:175,textAnchor:"end",fontSize:"11",fill:"#6b7280"},n(p)),e.default.createElement("line",{x1:d,y1:170,x2:530,y2:170,stroke:"#d1d5db",strokeWidth:"2"}),e.default.createElement("line",{x1:d,y1:30,x2:d,y2:170,stroke:"#d1d5db",strokeWidth:"2"}),e.default.createElement("text",{x:15,y:100,textAnchor:"middle",fontSize:"11",fill:"#6b7280",transform:"rotate(-90, 15, 100)"},o)))},x=({currentReport:t,historicalReports:a})=>{const r=[t,...a].slice(0,10).reverse();if(r.length<2)return e.default.createElement("div",{style:{background:"white",border:"1px solid #e5e7eb",borderRadius:"8px",padding:"24px",textAlign:"center",color:"#6b7280",marginBottom:"20px"}},"Trend analysis requires at least 2 data points for a trend chart.");const o=r.map((e=>e.totalEmissions)),n=r.map((e=>e.totalSize/1024));return e.default.createElement("div",{style:{marginBottom:"20px"}},e.default.createElement("div",{style:{fontSize:"15px",fontWeight:600,color:"#111827",marginBottom:"8px"}},"Trend Analysis"),e.default.createElement("div",{style:{fontSize:"13px",color:"#6b7280",marginBottom:"16px"}},"Showing trends for the last ",r.length," report",1!==r.length?"s":""," (oldest to newest)"),e.default.createElement("div",{style:{display:"flex",gap:"20px",justifyContent:"space-between",flexWrap:"wrap"}},e.default.createElement(g,{title:"CO₂ Emissions",data:o,color:"#dc2626",unit:"Grams (g)",formatValue:e=>e.toFixed(3)}),e.default.createElement(g,{title:"Page Weight",data:n,color:"#2563eb",unit:"Megabytes (MB)",formatValue:e=>e.toFixed(2)})))},b=({report:t,isExpanded:r,onToggle:o})=>{const n=d[t.carbonRating]||d.C,l=t.resourceGroups.reduce(((e,t)=>e+t.resources.length),0);return e.default.createElement("div",{style:{background:"white",border:"1px solid #e5e7eb",borderRadius:"8px",overflow:"hidden"}},e.default.createElement("div",{style:{padding:"16px 20px",display:"flex",justifyContent:"space-between",alignItems:"center",cursor:"pointer",background:"#fafafa",borderBottom:r?"1px solid #e5e7eb":"none"},onClick:o},e.default.createElement("div",null,e.default.createElement("div",{style:{fontSize:"13px",fontWeight:600,color:"#111827",marginBottom:"2px"}},t.lastRunDate),e.default.createElement("div",{style:{fontSize:"12px",color:"#9ca3af"}},l," resources • ",t.totalSize.toFixed(2)," KB")),e.default.createElement("div",{style:{display:"flex",gap:"16px",alignItems:"center"}},e.default.createElement("div",{style:{padding:"6px 12px",background:n.bg,color:n.primary,fontSize:"16px",fontWeight:700,borderRadius:"6px",border:`1px solid ${n.border}`}},t.carbonRating),e.default.createElement("div",{style:{textAlign:"center",minWidth:"60px"}},e.default.createElement("div",{style:{fontSize:"11px",color:"#6b7280",textTransform:"uppercase",letterSpacing:"0.5px",marginBottom:"2px"}},"CO₂"),e.default.createElement("div",{style:{fontSize:"13px",fontWeight:600,color:"#111827"}},t.totalEmissions.toFixed(3),"g")),e.default.createElement("div",{style:{textAlign:"center",minWidth:"60px"}},e.default.createElement("div",{style:{fontSize:"11px",color:"#6b7280",textTransform:"uppercase",letterSpacing:"0.5px",marginBottom:"2px"}},"Weight"),e.default.createElement("div",{style:{fontSize:"13px",fontWeight:600,color:"#111827"}},(t.totalSize/1024).toFixed(2),"MB")),e.default.createElement("div",{style:{color:"#6b7280",display:"flex",alignItems:"center"}},e.default.createElement(a.Icon,{name:r?"xp-chevron-up":"xp-chevron-down"})))),r&&e.default.createElement("div",{style:{padding:"20px"}},e.default.createElement(a.Stack,{spacing:a.Spacing.M},t.resourceGroups.sort(((e,t)=>t.totalSize-e.totalSize)).slice(0,3).map(((t,r)=>e.default.createElement("div",{key:r,style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px",background:"#f9fafb",borderRadius:"6px"}},e.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px"}},e.default.createElement("div",{style:{width:"32px",height:"32px",borderRadius:"6px",backgroundColor:c(t.name).bg,color:c(t.name).color,border:`1px solid ${c(t.name).border}`,display:"flex",alignItems:"center",justifyContent:"center",fontSize:"16px"}},e.default.createElement(a.Icon,{name:s(t.name)})),e.default.createElement("div",null,e.default.createElement("div",{style:{fontSize:"13px",fontWeight:600,color:"#111827"}},t.name),e.default.createElement("div",{style:{fontSize:"12px",color:"#6b7280"}},t.resources.length," resource",1!==t.resources.length?"s":""))),e.default.createElement("div",{style:{fontSize:"13px",fontWeight:600,color:"#6b7280"}},t.totalSize.toFixed(2)," KB")))))))},y=({currentReport:t,historicalReports:r,expandedReportIndex:o,setExpandedReportIndex:n,isLoadingMore:l,hasMoreHistory:i,nextPageIndex:d,onLoadMore:s})=>e.default.createElement(e.default.Fragment,null,e.default.createElement(x,{currentReport:t,historicalReports:r}),e.default.createElement(a.Stack,{spacing:a.Spacing.M},r.map(((t,a)=>e.default.createElement(b,{key:a,report:t,isExpanded:o===a,onToggle:()=>n(o===a?null:a)}))),i&&e.default.createElement("div",{style:{display:"flex",justifyContent:"center",marginTop:"16px"}},e.default.createElement(a.Button,{label:"Load More History",color:a.ButtonColor.Secondary,size:a.ButtonSize.M,disabled:l,inProgress:l,onClick:()=>s(d)})))),h=t=>{const[n,l]=(0,e.useState)(!1),[i,s]=(0,e.useState)(null),[c,u]=(0,e.useState)(t?.sustainabilityData),[f,p]=(0,e.useState)(t?.historicalReports||[]),[g,x]=(0,e.useState)(null),[b,h]=(0,e.useState)(!1),[E,S]=(0,e.useState)(t?.hasMoreHistory??!1),[v,z]=(0,e.useState)(!1),[C,w]=(0,e.useState)(1),{execute:R}=(0,r.usePageCommand)("RunReport",{after:e=>{u(e?.sustainabilityData),l(!1),s(null),e?.historicalReports&&(p(e.historicalReports),w(1),S(e.hasMoreHistory??!1))},onError:e=>{l(!1),s("Failed to run sustainability report. Please try again."),console.error("Sustainability report error:",e)}}),{execute:k}=(0,r.usePageCommand)("LoadMoreHistory",{after:e=>{e?.historicalReports&&e.historicalReports.length>0?(p((t=>[...t,...e.historicalReports])),w((e=>e+1)),S(e.hasMoreHistory??!1)):S(!1),h(!1)},onError:e=>{console.error("Load more history error:",e),h(!1)}});if(null==c)return e.default.createElement("div",{style:{padding:"32px",maxWidth:"1400px",margin:"0 auto"}},e.default.createElement(a.Stack,{spacing:a.Spacing.XL},e.default.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},e.default.createElement(a.Headline,{size:a.HeadlineSize.L},"Sustainability Report")),e.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",minHeight:"400px"}},e.default.createElement(a.Card,{headline:"No Data Available",fullHeight:!1},e.default.createElement(a.Stack,{spacing:a.Spacing.L},e.default.createElement("p",{style:{fontSize:"14px",color:"#6b7280"}},t?.pageAvailability===o.Available?"Run a sustainability analysis to see your page's environmental impact.":"This page is not available for analysis."),i&&e.default.createElement("div",{style:{padding:"12px 16px",background:"#fef2f2",border:"1px solid #fecaca",borderRadius:"6px",fontSize:"13px",color:"#dc2626"}},i),t?.pageAvailability===o.Available&&e.default.createElement(a.Button,{label:"Run Analysis",color:a.ButtonColor.Primary,size:a.ButtonSize.L,disabled:n,inProgress:n,onClick:()=>{l(!0),s(null),R()}}))))));const B=d[c.carbonRating]||d.C,I=c.resourceGroups.reduce(((e,t)=>e+t.resources.length),0),L=(e=>{switch(e){case"Green":return{text:"Green hosting",color:"#059669",icon:"●",bgColor:"#f0fdf4",borderColor:"#86efac",description:"This site is hosted on a green energy provider"};case"NotGreen":return{text:"Standard hosting",color:"#f97316",icon:"●",bgColor:"#fff7ed",borderColor:"#fdba74",description:"This site uses standard grid energy hosting"};default:return{text:"Unknown hosting",color:"#6b7280",icon:"●",bgColor:"#f3f4f6",borderColor:"#d1d5db",description:"Unable to verify the hosting provider's energy source"}}})(c.greenHostingStatus);return e.default.createElement("div",{style:{padding:"32px",maxWidth:"1400px",margin:"0 auto"}},e.default.createElement(a.Stack,{spacing:a.Spacing.XL},e.default.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",flexWrap:"wrap",gap:"16px"}},e.default.createElement("div",null,e.default.createElement(a.Headline,{size:a.HeadlineSize.L},v?"Report History":"Sustainability Report"),!v&&e.default.createElement("div",{style:{fontSize:"14px",color:"#6b7280",marginTop:"4px"}},"Last analyzed: ",c.lastRunDate)),e.default.createElement("div",{style:{display:"flex",gap:"12px"}},v?e.default.createElement(a.Button,{label:"Back to Current Report",color:a.ButtonColor.Secondary,size:a.ButtonSize.M,onClick:()=>z(!1)}):e.default.createElement(e.default.Fragment,null,f.length>0&&e.default.createElement(a.Button,{label:"View History",color:a.ButtonColor.Secondary,size:a.ButtonSize.M,onClick:()=>z(!0)}),e.default.createElement(a.Button,{label:"Run New Analysis",color:a.ButtonColor.Primary,size:a.ButtonSize.M,disabled:n,inProgress:n,onClick:()=>{l(!0),s(null),R()}})))),i&&e.default.createElement("div",{style:{padding:"16px",background:"#fef2f2",border:"1px solid #fecaca",borderRadius:"8px",fontSize:"14px",color:"#dc2626"}},i),v?e.default.createElement(y,{currentReport:c,historicalReports:f,expandedReportIndex:g,setExpandedReportIndex:x,isLoadingMore:b,hasMoreHistory:E,nextPageIndex:C,onLoadMore:e=>{h(!0),k({pageIndex:e})}}):e.default.createElement(m,{data:c,ratingColor:B,totalResources:I,hostingStatus:L})))}})(),i})())}}}));
\ No newline at end of file
diff --git a/src/Client/src/Sustainability/tab-template/SustainabilityTabTemplate.tsx b/src/Client/src/Sustainability/tab-template/SustainabilityTabTemplate.tsx
index 49373d1..85c2a75 100644
--- a/src/Client/src/Sustainability/tab-template/SustainabilityTabTemplate.tsx
+++ b/src/Client/src/Sustainability/tab-template/SustainabilityTabTemplate.tsx
@@ -24,6 +24,7 @@ export const SustainabilityTabTemplate = (
   props: SustainabilityTabTemplateProps | null
 ) => {
   const [isLoading, setIsLoading] = useState(false);
+  const [isExportingPdf, setIsExportingPdf] = useState(false);
   const [error, setError] = useState<string | null>(null);
   const [data, setData] = useState<SustainabilityData | undefined | null>(
     props?.sustainabilityData
@@ -36,7 +37,9 @@ export const SustainabilityTabTemplate = (
   );
   const [isLoadingMore, setIsLoadingMore] = useState(false);
   // Initialize hasMoreHistory from backend
-  const [hasMoreHistory, setHasMoreHistory] = useState(props?.hasMoreHistory ?? false);
+  const [hasMoreHistory, setHasMoreHistory] = useState(
+    props?.hasMoreHistory ?? false
+  );
   const [showHistory, setShowHistory] = useState(false);
   const [nextPageIndex, setNextPageIndex] = useState(1); // Initial load got page 0, next is page 1
 
@@ -90,6 +93,38 @@ export const SustainabilityTabTemplate = (
     },
   });
 
+  const exportPdf = usePageCommand<{ pdfBase64: string; fileName: string }>(
+    Commands.ExportReportAsPdf,
+    {
+      after: (response) => {
+        if (response) {
+          // Convert base64 to blob and trigger download
+          const byteCharacters = atob(response.pdfBase64);
+          const byteArray = new Uint8Array(byteCharacters.length);
+          for (let i = 0; i < byteCharacters.length; i++) {
+            byteArray[i] = byteCharacters.charCodeAt(i);
+          }
+          const blob = new Blob([byteArray], { type: "application/pdf" });
+
+          // Create download link
+          const url = window.URL.createObjectURL(blob);
+          const link = document.createElement("a");
+          link.href = url;
+          link.download = response.fileName;
+          document.body.appendChild(link);
+          link.click();
+          document.body.removeChild(link);
+          window.URL.revokeObjectURL(url);
+        }
+        setIsExportingPdf(false);
+      },
+      onError: (err) => {
+        console.error("PDF export error:", err);
+        setIsExportingPdf(false);
+      },
+    }
+  );
+
   if (data === undefined || data === null) {
     return (
       <div style={{ padding: "32px", maxWidth: "1400px", margin: "0 auto" }}>
@@ -198,15 +233,29 @@ export const SustainabilityTabTemplate = (
                 label="Back to Current Report"
                 color={ButtonColor.Secondary}
                 size={ButtonSize.M}
+                icon="xp-arrow-left"
                 onClick={() => setShowHistory(false)}
               />
             ) : (
               <>
+                <Button
+                  label="Export as PDF"
+                  color={ButtonColor.Secondary}
+                  size={ButtonSize.M}
+                  icon="xp-file-pdf"
+                  disabled={isExportingPdf}
+                  inProgress={isExportingPdf}
+                  onClick={() => {
+                    setIsExportingPdf(true);
+                    exportPdf.execute();
+                  }}
+                />
                 {historicalReports.length > 0 && (
                   <Button
                     label="View History"
                     color={ButtonColor.Secondary}
                     size={ButtonSize.M}
+                    icon="xp-clock"
                     onClick={() => setShowHistory(true)}
                   />
                 )}
@@ -214,6 +263,7 @@ export const SustainabilityTabTemplate = (
                   label="Run New Analysis"
                   color={ButtonColor.Primary}
                   size={ButtonSize.M}
+                  icon="xp-rotate-right"
                   disabled={isLoading}
                   inProgress={isLoading}
                   onClick={() => {
diff --git a/src/Client/src/Sustainability/tab-template/current/ResourceGroupCard.tsx b/src/Client/src/Sustainability/tab-template/current/ResourceGroupCard.tsx
index 8b94d43..e0adcd3 100644
--- a/src/Client/src/Sustainability/tab-template/current/ResourceGroupCard.tsx
+++ b/src/Client/src/Sustainability/tab-template/current/ResourceGroupCard.tsx
@@ -190,6 +190,7 @@ export const ResourceGroupCard = ({ group, totalPageSize }: ResourceGroupCardPro
             <div style={resourceGroupCardStyles.expandButtonContainer}>
               <Button
                 label={expanded ? "Show less" : `Show ${group.resources.length - 3} more`}
+                trailingIcon={expanded ? "xp-chevron-up" : "xp-chevron-down"}
                 onClick={() => setExpanded(!expanded)}
                 color={ButtonColor.Secondary}
                 size={ButtonSize.S}
diff --git a/src/Client/src/Sustainability/tab-template/history/HistoryView.tsx b/src/Client/src/Sustainability/tab-template/history/HistoryView.tsx
index 8d539e9..2db4caf 100644
--- a/src/Client/src/Sustainability/tab-template/history/HistoryView.tsx
+++ b/src/Client/src/Sustainability/tab-template/history/HistoryView.tsx
@@ -49,6 +49,7 @@ export const HistoryView = ({
             label="Load More History"
             color={ButtonColor.Secondary}
             size={ButtonSize.M}
+            trailingIcon="xp-chevron-down"
             disabled={isLoadingMore}
             inProgress={isLoadingMore}
             onClick={() => onLoadMore(nextPageIndex)}
diff --git a/src/Client/src/Sustainability/tab-template/types.ts b/src/Client/src/Sustainability/tab-template/types.ts
index 761717d..4693c67 100644
--- a/src/Client/src/Sustainability/tab-template/types.ts
+++ b/src/Client/src/Sustainability/tab-template/types.ts
@@ -35,4 +35,5 @@ export interface SustainabilityTabTemplateProps {
 export const Commands = {
   RunReport: "RunReport",
   LoadMoreHistory: "LoadMoreHistory",
+  ExportReportAsPdf: "ExportReportAsPdf",
 };
diff --git a/src/Extensions/SustainabilityServiceCollectionExtensions.cs b/src/Extensions/SustainabilityServiceCollectionExtensions.cs
index 405992f..c14c0b4 100644
--- a/src/Extensions/SustainabilityServiceCollectionExtensions.cs
+++ b/src/Extensions/SustainabilityServiceCollectionExtensions.cs
@@ -18,6 +18,7 @@ public static IServiceCollection AddXperienceCommunitySustainability(this IServi
         services.Configure<SustainabilityOptions>(configuration.GetSection("Sustainability"));
 
         services.AddScoped<ISustainabilityService, SustainabilityService>();
+        services.AddScoped<ISustainabilityPdfService, SustainabilityPdfService>();
         services.AddScoped<IContentHubLinkService, ContentHubLinkService>();
         services.AddSingleton<ISustainabilityModuleInstaller, SustainabilityModuleInstaller>();
 
diff --git a/src/Services/SustainabilityPdfService.cs b/src/Services/SustainabilityPdfService.cs
new file mode 100644
index 0000000..7d741ec
--- /dev/null
+++ b/src/Services/SustainabilityPdfService.cs
@@ -0,0 +1,216 @@
+using Microsoft.Playwright;
+using XperienceCommunity.Sustainability.Models;
+
+namespace XperienceCommunity.Sustainability.Services;
+
+/// <summary>
+/// Service for generating PDF reports from sustainability data.
+/// </summary>
+public interface ISustainabilityPdfService
+{
+    /// <summary>
+    /// Generates a PDF report for a sustainability analysis.
+    /// </summary>
+    /// <param name="report">The sustainability report data.</param>
+    /// <param name="pageTitle">The title of the page being analyzed.</param>
+    /// <param name="pageUrl">The URL of the page being analyzed.</param>
+    /// <returns>A byte array containing the PDF document.</returns>
+    Task<byte[]> GeneratePdfReport(SustainabilityResponse report, string pageTitle, string pageUrl);
+}
+
+public class SustainabilityPdfService : ISustainabilityPdfService
+{
+    public async Task<byte[]> GeneratePdfReport(SustainabilityResponse report, string pageTitle, string pageUrl)
+    {
+        using var playwright = await Playwright.CreateAsync();
+        await using var browser = await playwright.Chromium.LaunchAsync(new()
+        {
+            Headless = true
+        });
+
+        var page = await browser.NewPageAsync();
+
+        var htmlContent = GeneratePdfHtml(report, pageTitle, pageUrl);
+        await page.SetContentAsync(htmlContent);
+
+        var pdfBytes = await page.PdfAsync(new PagePdfOptions
+        {
+            Format = "A4",
+            PrintBackground = true,
+            Margin = new Margin
+            {
+                Top = "1.5cm",
+                Right = "1.5cm",
+                Bottom = "1.5cm",
+                Left = "1.5cm"
+            }
+        });
+
+        return pdfBytes;
+    }
+
+    private string GeneratePdfHtml(SustainabilityResponse report, string pageTitle, string pageUrl)
+    {
+        var ratingColor = report.CarbonRating switch
+        {
+            "A+" => "#10b981",
+            "A" => "#22c55e",
+            "B" => "#84cc16",
+            "C" => "#eab308",
+            "D" => "#f97316",
+            "E" => "#ef4444",
+            "F" => "#dc2626",
+            _ => "#6b7280"
+        };
+
+        var ratingDescription = report.CarbonRating switch
+        {
+            "A+" => "Extremely efficient",
+            "A" => "Very efficient",
+            "B" => "Efficient",
+            "C" => "Moderate efficiency",
+            "D" => "Low efficiency",
+            "E" => "Poor efficiency",
+            "F" => "Very poor efficiency",
+            _ => "Not Rated"
+        };
+
+        var ratingSecondaryText = report.CarbonRating switch
+        {
+            "A+" or "A" => "This page has excellent carbon efficiency.",
+            "B" or "C" => "This page has room for improvement.",
+            "D" or "E" or "F" => "This page needs significant optimization.",
+            _ => ""
+        };
+
+        var hostingBadge = report.GreenHostingStatus == "Green"
+            ? "<span style=\"background: #d1fae5; color: #065f46; padding: 4px 12px; border-radius: 12px; font-size: 12px; font-weight: 600;\">✓ Green Hosting</span>"
+            : report.GreenHostingStatus == "NotGreen"
+            ? "<span style=\"background: #fee2e2; color: #991b1b; padding: 4px 12px; border-radius: 12px; font-size: 12px; font-weight: 600;\">Standard Hosting</span>"
+            : "<span style=\"background: #f3f4f6; color: #4b5563; padding: 4px 12px; border-radius: 12px; font-size: 12px; font-weight: 600;\">Unknown</span>";
+
+        var totalResources = report.ResourceGroups?.Sum(g => g.Resources?.Count ?? 0) ?? 0;
+
+        var resourceBreakdown = new System.Text.StringBuilder();
+        if (report.ResourceGroups != null && report.ResourceGroups.Count > 0)
+        {
+            resourceBreakdown.Append("<div class=\"resource-breakdown\">");
+            resourceBreakdown.Append("<h2 style=\"font-size: 18px; font-weight: 700; color: #111827; margin-bottom: 16px;\">Resource Breakdown</h2>");
+
+            foreach (var group in report.ResourceGroups.OrderByDescending(g => g.TotalSize))
+            {
+                var topResources = group.Resources?.OrderByDescending(r => r.Size).Take(5).ToList();
+                if (topResources == null || topResources.Count == 0) continue;
+
+                resourceBreakdown.Append($@"
+                <div class=""resource-group"" style=""margin-bottom: 20px; padding: 16px; background: #f9fafb; border-radius: 8px;"">
+                    <div style=""font-weight: 600; color: #111827; margin-bottom: 8px;"">{group.Name}</div>
+                    <div style=""font-size: 12px; color: #6b7280; margin-bottom: 12px;"">{group.Resources?.Count ?? 0} resources • {group.TotalSize:F2} KB total</div>
+                    <table style=""width: 100%; border-collapse: collapse;"">
+                ");
+
+                foreach (var resource in topResources)
+                {
+                    var fileName = System.IO.Path.GetFileName(resource.Url) ?? resource.Url ?? "Unknown";
+                    if (fileName.Length > 60) fileName = fileName[..57] + "...";
+
+                    resourceBreakdown.Append($@"
+                        <tr style=""border-bottom: 1px solid #e5e7eb;"">
+                            <td style=""padding: 8px 0; font-size: 12px; color: #374151; width: 70%;"">{System.Security.SecurityElement.Escape(fileName)}</td>
+                            <td style=""padding: 8px 0; font-size: 12px; color: #6b7280; text-align: right;"">{resource.Size:F2} KB</td>
+                        </tr>
+                    ");
+                }
+
+                resourceBreakdown.Append("</table></div>");
+            }
+
+            resourceBreakdown.Append("</div>");
+        }
+
+        return $@"
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset=""UTF-8"">
+    <style>
+        * {{ margin: 0; padding: 0; box-sizing: border-box; }}
+        body {{
+            font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+            line-height: 1.6;
+            color: #111827;
+            padding: 20px;
+        }}
+        .resource-breakdown {{
+            page-break-before: always;
+        }}
+        .resource-group {{
+            page-break-inside: avoid;
+            break-inside: avoid;
+        }}
+        .carbon-rating-hero {{
+            page-break-inside: avoid;
+            break-inside: avoid;
+        }}
+        .metrics-grid {{
+            page-break-inside: avoid;
+            break-inside: avoid;
+        }}
+    </style>
+</head>
+<body>
+    <div style=""max-width: 800px; margin: 0 auto;"">
+        <!-- Header -->
+        <div style=""text-align: center; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 2px solid #e5e7eb;"">
+            <h1 style=""font-size: 28px; font-weight: 800; color: #111827; margin-bottom: 8px;"">Sustainability Report</h1>
+            <div style=""font-size: 16px; color: #6b7280; margin-bottom: 4px;"">{System.Security.SecurityElement.Escape(pageTitle)}</div>
+            <div style=""font-size: 12px; color: #9ca3af;"">{System.Security.SecurityElement.Escape(pageUrl)}</div>
+            <div style=""font-size: 12px; color: #9ca3af; margin-top: 8px;"">Generated: {report.LastRunDate}</div>
+        </div>
+
+        <!-- Carbon Rating Hero -->
+        <div class=""carbon-rating-hero"" style=""background: linear-gradient(135deg, {ratingColor}15 0%, white 100%); border: 2px solid {ratingColor}; border-radius: 12px; padding: 30px; margin-bottom: 30px; text-align: center;"">
+            <div style=""font-size: 14px; font-weight: 600; color: #6b7280; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 12px;"">Carbon Rating</div>
+            <div style=""font-size: 72px; font-weight: 900; color: {ratingColor}; margin-bottom: 12px; line-height: 1;"">{report.CarbonRating}</div>
+            <div style=""font-size: 18px; font-weight: 600; color: #111827; margin-bottom: 8px;"">{ratingDescription}</div>
+            <div style=""font-size: 14px; color: #6b7280; margin-bottom: 16px;"">{ratingSecondaryText}</div>
+            {hostingBadge}
+        </div>
+
+        <!-- Metrics Grid -->
+        <div class=""metrics-grid"" style=""display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 30px;"">
+            <div style=""background: white; border: 1px solid #e5e7eb; border-radius: 8px; padding: 20px;"">
+                <div style=""font-size: 12px; font-weight: 600; color: #6b7280; text-transform: uppercase; margin-bottom: 8px;"">CO₂ Emissions</div>
+                <div style=""font-size: 28px; font-weight: 700; color: #111827; margin-bottom: 4px;"">{report.TotalEmissions:F3}g</div>
+                <div style=""font-size: 12px; color: #9ca3af;"">per page view</div>
+            </div>
+            <div style=""background: white; border: 1px solid #e5e7eb; border-radius: 8px; padding: 20px;"">
+                <div style=""font-size: 12px; font-weight: 600; color: #6b7280; text-transform: uppercase; margin-bottom: 8px;"">Page Weight</div>
+                <div style=""font-size: 28px; font-weight: 700; color: #111827; margin-bottom: 4px;"">{report.TotalSize:F2}KB</div>
+                <div style=""font-size: 12px; color: #9ca3af;"">{(report.TotalSize / 1024):F2} MB total</div>
+            </div>
+            <div style=""background: white; border: 1px solid #e5e7eb; border-radius: 8px; padding: 20px;"">
+                <div style=""font-size: 12px; font-weight: 600; color: #6b7280; text-transform: uppercase; margin-bottom: 8px;"">Resources</div>
+                <div style=""font-size: 28px; font-weight: 700; color: #111827; margin-bottom: 4px;"">{totalResources}</div>
+                <div style=""font-size: 12px; color: #9ca3af;"">{report.ResourceGroups?.Count ?? 0} categories</div>
+            </div>
+            <div style=""background: white; border: 1px solid #e5e7eb; border-radius: 8px; padding: 20px;"">
+                <div style=""font-size: 12px; font-weight: 600; color: #6b7280; text-transform: uppercase; margin-bottom: 8px;"">Methodology</div>
+                <div style=""font-size: 16px; font-weight: 700; color: #111827; margin-bottom: 4px;"">SWDM v4</div>
+                <div style=""font-size: 12px; color: #9ca3af;"">Sustainable Web Design</div>
+            </div>
+        </div>
+
+        {resourceBreakdown}
+
+        <!-- Footer -->
+        <div style=""margin-top: 40px; padding-top: 20px; border-top: 1px solid #e5e7eb; text-align: center; font-size: 11px; color: #9ca3af;"">
+            <div>Powered by <strong><a href=""https://github.com/liamgold/xperience-community-sustainability"" style=""color: #111827; text-decoration: none;"">Xperience Community: Sustainability</a></strong></div>
+            <div style=""margin-top: 4px;"">Carbon ratings based on Sustainable Web Design Model v4</div>
+            <div style=""margin-top: 4px;"">https://sustainablewebdesign.org/digital-carbon-ratings/</div>
+        </div>
+    </div>
+</body>
+</html>";
+    }
+}
diff --git a/src/Services/SustainabilityService.cs b/src/Services/SustainabilityService.cs
index fff619d..b8868f4 100644
--- a/src/Services/SustainabilityService.cs
+++ b/src/Services/SustainabilityService.cs
@@ -405,4 +405,5 @@ private async Task<ExternalResourceGroup> GetExternalResourceGroup(ResourceGroup
             Resources = resourceList
         };
     }
+
 }
diff --git a/src/UIPages/SustainabilityTab/SustainabilityTab.cs b/src/UIPages/SustainabilityTab/SustainabilityTab.cs
index fe516b1..c220506 100644
--- a/src/UIPages/SustainabilityTab/SustainabilityTab.cs
+++ b/src/UIPages/SustainabilityTab/SustainabilityTab.cs
@@ -22,6 +22,7 @@ public sealed class SustainabilityTab : WebPageBase<SustainabilityTabProperties>
 {
     private readonly IWebPageUrlRetriever _webPageUrlRetriever;
     private readonly ISustainabilityService _sustainabilityService;
+    private readonly ISustainabilityPdfService _sustainabilityPdfService;
     private readonly IContentQueryExecutor _contentQueryExecutor;
 
     public SustainabilityTab(
@@ -29,11 +30,13 @@ public SustainabilityTab(
         IAuthenticatedUserAccessor authenticatedUserAccessor,
         IPageLinkGenerator pageLinkGenerator,
         ISustainabilityService sustainabilityService,
+        ISustainabilityPdfService sustainabilityPdfService,
         IWebPageUrlRetriever webPageUrlRetriever,
         IContentQueryExecutor contentQueryExecutor)
         : base(authenticatedUserAccessor, webPageManagerFactory, pageLinkGenerator)
     {
         _sustainabilityService = sustainabilityService;
+        _sustainabilityPdfService = sustainabilityPdfService;
         _webPageUrlRetriever = webPageUrlRetriever;
         _contentQueryExecutor = contentQueryExecutor;
     }
@@ -124,12 +127,58 @@ public async Task<HistoricalReportsResult> LoadMoreHistory(LoadMoreHistoryComman
             HasMoreHistory = hasMore,
         };
     }
+
+    [PageCommand]
+    public async Task<PdfExportResult> ExportReportAsPdf()
+    {
+        var report = await _sustainabilityService.GetLastReport(WebPageIdentifier.WebPageItemID, WebPageIdentifier.LanguageName);
+
+        if (report == null)
+        {
+            throw new InvalidOperationException("No sustainability report available to export.");
+        }
+
+        // Get the page name for the PDF
+        var builder = new ContentItemQueryBuilder()
+            .ForContentTypes(query =>
+            {
+                query.ForWebsite([WebPageIdentifier.WebPageItemID]);
+            })
+            .InLanguage(WebPageIdentifier.LanguageName);
+
+        var currentPage = (await _contentQueryExecutor.GetMappedWebPageResult<IWebPageFieldsSource>(builder)).FirstOrDefault();
+        // Use the page's display name (WebPageItemName) instead of ContentItemName (codename)
+        var pageTitle = currentPage?.SystemFields.WebPageItemName ?? "Page";
+
+        var webPageUrl = await _webPageUrlRetriever.Retrieve(WebPageIdentifier.WebPageItemID, WebPageIdentifier.LanguageName);
+        var pdfBytes = await _sustainabilityPdfService.GeneratePdfReport(report, pageTitle, webPageUrl.AbsoluteUrl);
+
+        // Sanitize page title for filename and limit length
+        var sanitizedTitle = string.Join("-", pageTitle.Split(System.IO.Path.GetInvalidFileNameChars(), StringSplitOptions.RemoveEmptyEntries));
+        if (sanitizedTitle.Length > 50)
+        {
+            sanitizedTitle = sanitizedTitle[..50];
+        }
+        var fileName = $"{sanitizedTitle}-{DateTime.Now:yyyy-MM-dd-HHmmss}.pdf";
+
+        return new PdfExportResult
+        {
+            PdfBase64 = Convert.ToBase64String(pdfBytes),
+            FileName = fileName
+        };
+    }
 }
 
 public readonly record struct SustainabilityResponseResult(SustainabilityResponse? SustainabilityData, List<SustainabilityResponse> HistoricalReports, bool HasMoreHistory);
 
 public readonly record struct HistoricalReportsResult(List<SustainabilityResponse> HistoricalReports, bool HasMoreHistory);
 
+public readonly record struct PdfExportResult
+{
+    public string PdfBase64 { get; init; }
+    public string FileName { get; init; }
+}
+
 public class LoadMoreHistoryCommandData
 {
     public int PageIndex { get; set; }
diff --git a/src/images/SustainabilityReport-PageTab.jpeg b/src/images/SustainabilityReport-PageTab.jpeg
index 4f125ef..ac964cc 100644
Binary files a/src/images/SustainabilityReport-PageTab.jpeg and b/src/images/SustainabilityReport-PageTab.jpeg differ
diff --git a/src/images/SustainabilityReport-ReportHistory.jpeg b/src/images/SustainabilityReport-ReportHistory.jpeg
new file mode 100644
index 0000000..41857a4
Binary files /dev/null and b/src/images/SustainabilityReport-ReportHistory.jpeg differ