diff --git a/resources/dist/build/assets/cp-c6df7fbd.js b/resources/dist/build/assets/cp-c6df7fbd.js
deleted file mode 100644
index 7a5ae3fa..00000000
--- a/resources/dist/build/assets/cp-c6df7fbd.js
+++ /dev/null
@@ -1 +0,0 @@
-function o(s,t,e,a,r,d,u,h){var i=typeof s=="function"?s.options:s;t&&(i.render=t,i.staticRenderFns=e,i._compiled=!0),a&&(i.functional=!0),d&&(i._scopeId="data-v-"+d);var l;if(u?(l=function(n){n=n||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,!n&&typeof __VUE_SSR_CONTEXT__<"u"&&(n=__VUE_SSR_CONTEXT__),r&&r.call(this,n),n&&n._registeredComponents&&n._registeredComponents.add(u)},i._ssrRegister=l):r&&(l=h?function(){r.call(this,(i.functional?this.parent:this).$root.$options.shadowRoot)}:r),l)if(i.functional){i._injectStyles=l;var v=i.render;i.render=function(m,f){return l.call(f),v(m,f)}}else{var p=i.beforeCreate;i.beforeCreate=p?[].concat(p,l):[l]}return{exports:s,options:i}}const g={mixins:[Fieldtype],computed:{fields(){return _.chain(this.meta.fields).map(s=>({handle:s.handle,...s.field})).values().value()}},methods:{updateKey(s,t){let e=this.value;Vue.set(e,s,t),this.update(e)}}};var C=function(){var t=this,e=t._self._c;return e("div",{staticClass:"publish-fields"},t._l(t.fields,function(a){return e("publish-field",{key:a.handle,staticClass:"form-group",attrs:{config:a,value:t.value[a.handle],meta:t.meta.meta[a.handle],"read-only":!a.localizable},on:{"meta-updated":function(r){return t.metaUpdated(a.handle,r)},focus:function(r){return t.$emit("focus")},blur:function(r){return t.$emit("blur")},input:function(r){return t.updateKey(a.handle,r)}}})}),1)},x=[],y=o(g,C,x,!1,null,null,null,null);const b=y.exports;const $={mixins:[Fieldtype],data(){return{autoBindChangeWatcher:!1,changeWatcherWatchDeep:!1,allowedFieldtypes:[]}},computed:{source(){return this.value.source},sourceField(){return this.value.source==="field"?this.value.value:null},componentName(){return this.config.field.type.replace(".","-")+"-fieldtype"},sourceTypeSelectOptions(){let s=[];return this.config.field!==!1&&s.push({label:__("seo-pro::messages.custom"),value:"custom"}),this.config.from_field!==!1&&s.unshift({label:__("seo-pro::messages.from_field"),value:"field"}),this.config.inherit!==!1&&s.unshift({label:__("seo-pro::messages.inherit"),value:"inherit"}),this.config.disableable&&s.push({label:__("seo-pro::messages.disable"),value:"disable"}),s},fieldConfig(){return Object.assign(this.config.field,{placeholder:this.config.placeholder})},placeholder(){return this.config.placeholder}},mounted(){let s=this.config.allowed_fieldtypes||["text","textarea","markdown","redactor"];this.allowedFieldtypes=s.concat(this.config.merge_allowed_fieldtypes||[])},methods:{sourceDropdownChanged(s){this.value.source=s,s!=="field"&&(this.value.value=this.meta.defaultValue,this.meta.fieldMeta=this.meta.defaultFieldMeta)},sourceFieldChanged(s){this.value.value=s},customValueChanged(s){let t=this.value;t.value=s,this.update(t)}}};var w=function(){var t=this,e=t._self._c;return e("div",{staticClass:"flex"},[e("div",{staticClass:"source-type-select pr-4"},[e("v-select",{attrs:{options:t.sourceTypeSelectOptions,reduce:a=>a.value,disabled:!t.config.localizable,clearable:!1,value:t.source},on:{input:t.sourceDropdownChanged}})],1),e("div",{staticClass:"flex-1"},[t.source==="inherit"?e("div",{staticClass:"text-sm text-grey inherit-placeholder mt-1"},[t.placeholder!==!1?[t._v(" "+t._s(t.placeholder)+" ")]:t._e()],2):t.source==="field"?e("div",{staticClass:"source-field-select"},[e("text-input",{attrs:{value:t.sourceField,disabled:!t.config.localizable},on:{input:t.sourceFieldChanged}})],1):t.source==="custom"?e(t.componentName,{tag:"component",attrs:{name:t.name,config:t.fieldConfig,value:t.value.value,meta:t.meta.fieldMeta,"read-only":!t.config.localizable,handle:"source_value"},on:{input:t.customValueChanged}}):t._e()],1)])},S=[],F=o($,w,S,!1,null,null,null,null);const R=F.exports,T={props:["status"]};var k=function(){var t=this,e=t._self._c;return e("div",[t.status==="pending"?e("span",{staticClass:"icon icon-circular-graph animation-spin"}):e("span",{staticClass:"little-dot",class:{"bg-green-600":t.status==="pass","bg-red-500":t.status==="fail","bg-yellow-dark":t.status==="warning"}})])},D=[],V=o(T,k,D,!1,null,null,null,null);const c=V.exports,P={props:["id","initialStatus","initialScore"],data(){return{status:this.initialStatus,score:this.initialScore}},created(){this.score||this.updateScore()},methods:{updateScore(){Statamic.$request.get(cp_url(`seo-pro/reports/${this.id}`)).then(s=>{if(s.data.status==="pending"||s.data.status==="generating"){setTimeout(()=>this.updateScore(),1e3);return}this.status=s.data.status,this.score=s.data.score})}}};var z=function(){var t=this,e=t._self._c;return e("div",[t.score?e("div",[e("seo-pro-status-icon",{staticClass:"inline-block ml-1 mr-3",attrs:{status:t.status}}),t._v(" "+t._s(t.score)+"% ")],1):e("loading-graphic",{attrs:{text:null,inline:!0}})],1)},M=[],N=o(P,z,M,!1,null,null,null,null);const O=N.exports,H={props:["item"],components:{StatusIcon:c}};var W=function(){var t=this,e=t._self._c;return e("modal",{attrs:{name:"report-details","click-to-close":!0},on:{closed:function(a){return t.$emit("closed")}}},[e("div",{staticClass:"p-0"},[e("h1",{staticClass:"p-4 bg-gray-200 border-b text-lg"},[t._v(" "+t._s(t.__("seo-pro::messages.page_details"))+" ")]),e("div",{staticClass:"modal-body"},t._l(t.item.results,function(a){return e("div",{staticClass:"flex px-4 leading-normal pb-2",class:{"bg-red-100":a.status!=="pass"}},[e("status-icon",{staticClass:"mr-3 mt-2",attrs:{status:a.status}}),e("div",{staticClass:"flex-1 mt-2 prose text-gray-700"},[e("div",{staticClass:"text-gray-900",domProps:{innerHTML:t._s(a.description)}}),a.comment?e("div",{staticClass:"text-xs",class:{"text-red-800":a.status!=="pass"},domProps:{innerHTML:t._s(a.comment)}}):t._e()])],1)}),0),e("footer",{staticClass:"px-5 py-3 bg-gray-200 rounded-b-lg border-t flex items-center font-mono text-xs"},[t._v(" "+t._s(t.item.url)+" ")])])])},U=[],q=o(H,W,U,!1,null,null,null,null);const E=q.exports,G={props:["date"],data(){return{text:null}},mounted(){this.update()},methods:{update(){this.text=moment(this.date*1e3).fromNow(),setTimeout(()=>this.update(),6e4)}}};var I=function(){var t=this,e=t._self._c;return e("span",[t._v(t._s(t.text))])},K=[],L=o(G,I,K,!1,null,null,null,null);const X=L.exports,B={components:{ReportDetails:E,RelativeDate:X,StatusIcon:c},props:["initialReport"],data(){return{loading:!1,report:this.initialReport,selected:null}},computed:{isGenerating(){return this.initialReport.status==="pending"||this.initialReport.status==="generating"},id(){return this.report.id},isCachedHeaderReady(){return this.report.date&&this.report.pages_crawled&&this.report.score}},mounted(){this.load()},methods:{load(){this.loading=!0,Statamic.$request.get(cp_url(`seo-pro/reports/${this.id}`)).then(s=>{if(s.data.status==="pending"||s.data.status==="generating"){setTimeout(()=>this.load(),1e3);return}this.report=s.data,this.loading=!1})}}};var A=function(){var t=this,e=t._self._c;return e("div",[e("header",{staticClass:"flex items-center mb-6"},[e("h1",{staticClass:"flex-1"},[t._v(t._s(t.__("seo-pro::messages.seo_report")))]),t.loading?t._e():e("a",{staticClass:"btn-primary",attrs:{href:t.cp_url("seo-pro/reports/create")}},[t._v(t._s(t.__("seo-pro::messages.generate_report")))])]),t.report?e("div",[t.isCachedHeaderReady?e("div",[e("div",{staticClass:"flex flex-wrap -mx-4"},[e("div",{staticClass:"w-1/3 px-4"},[e("div",{staticClass:"card py-2"},[e("h2",{staticClass:"text-sm text-gray-700"},[t._v(t._s(t.__("seo-pro::messages.generated")))]),e("div",{staticClass:"text-lg"},[e("relative-date",{attrs:{date:t.report.date}})],1)])]),e("div",{staticClass:"w-1/3 px-4"},[e("div",{staticClass:"card py-2"},[e("h2",{staticClass:"text-sm text-gray-700"},[t._v(t._s(t.__("Pages Crawled")))]),e("div",{staticClass:"text-lg"},[t._v(t._s(t.report.pages_crawled))])])]),e("div",{staticClass:"w-1/3 px-4"},[e("div",{staticClass:"card py-2"},[e("h2",{staticClass:"text-sm text-gray-700"},[t._v(t._s(t.__("Site Score")))]),e("div",{staticClass:"text-lg flex items-center"},[e("div",{staticClass:"bg-gray-200 h-3 w-full rounded flex mr-2"},[e("div",{staticClass:"h-3 rounded-l",class:{"bg-red-500":t.report.score<70,"bg-yellow-dark":t.report.score<90,"bg-green-500":t.report.score>=90},style:`width: ${t.report.score}%`})]),e("span",[t._v(t._s(t.report.score)+"%")])])])])]),e("div",{staticClass:"card p-0 mt-6"},[e("table",{staticClass:"data-table"},[e("tbody",t._l(t.report.results,function(a){return e("tr",[e("td",{staticClass:"w-8 text-center"},[e("status-icon",{attrs:{status:a.status}})],1),e("td",{staticClass:"pl-0"},[t._v(t._s(a.description))]),e("td",{staticClass:"text-grey text-right"},[t._v(t._s(a.comment))])])}),0)])])]):t._e(),t.loading?e("div",{staticClass:"card loading mt-6"},[t.isGenerating?e("loading-graphic",{attrs:{text:t.__("seo-pro::messages.report_is_being_generated")}}):e("loading-graphic")],1):e("div",{staticClass:"card p-0 mt-6"},[e("table",{staticClass:"data-table"},[e("tbody",t._l(t.report.pages,function(a){return e("tr",[e("td",{staticClass:"w-8 text-center"},[e("status-icon",{attrs:{status:a.status}})],1),e("td",{staticClass:"pl-0"},[e("a",{attrs:{href:""},on:{click:function(r){r.preventDefault(),t.selected=a.id}}},[t._v(t._s(a.url))]),t.selected===a.id?e("report-details",{attrs:{item:a},on:{closed:function(r){t.selected=null}}}):t._e()],1),e("td",{staticClass:"text-right text-xs pr-0 whitespace-no-wrap"},[e("a",{staticClass:"text-gray-700 mr-4 hover:text-grey-80",domProps:{textContent:t._s(t.__("Details"))},on:{click:function(r){r.preventDefault(),t.selected=a.id}}}),a.edit_url?e("a",{staticClass:"mr-4 text-gray-700 hover:text-gray-800",attrs:{target:"_blank",href:a.edit_url},domProps:{textContent:t._s(t.__("Edit"))}}):t._e()])])}),0)])])]):t._e()])},J=[],Q=o(B,A,J,!1,null,null,null,null);const Y=Q.exports;Statamic.$components.register("seo_pro-fieldtype",b);Statamic.$components.register("seo_pro_source-fieldtype",R);Statamic.$components.register("seo-pro-status-icon",c);Statamic.$components.register("seo-pro-report",Y);Statamic.$components.register("seo-pro-index-score",O);
diff --git a/resources/dist/build/assets/cp-e1852156.js b/resources/dist/build/assets/cp-e1852156.js
new file mode 100644
index 00000000..54ee1077
--- /dev/null
+++ b/resources/dist/build/assets/cp-e1852156.js
@@ -0,0 +1 @@
+function c(s,t,e,r,a,n,u,g){var i=typeof s=="function"?s.options:s;t&&(i.render=t,i.staticRenderFns=e,i._compiled=!0),r&&(i.functional=!0),n&&(i._scopeId="data-v-"+n);var l;if(u?(l=function(o){o=o||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,!o&&typeof __VUE_SSR_CONTEXT__<"u"&&(o=__VUE_SSR_CONTEXT__),a&&a.call(this,o),o&&o._registeredComponents&&o._registeredComponents.add(u)},i._ssrRegister=l):a&&(l=g?function(){a.call(this,(i.functional?this.parent:this).$root.$options.shadowRoot)}:a),l)if(i.functional){i._injectStyles=l;var f=i.render;i.render=function(m,h){return l.call(h),f(m,h)}}else{var p=i.beforeCreate;i.beforeCreate=p?[].concat(p,l):[l]}return{exports:s,options:i}}const v={mixins:[Fieldtype],computed:{fields(){return _.chain(this.meta.fields).map(s=>({handle:s.handle,...s.field})).values().value()}},methods:{updateKey(s,t){let e=this.value;Vue.set(e,s,t),this.update(e)}}};var C=function(){var t=this,e=t._self._c;return e("div",{staticClass:"publish-fields"},t._l(t.fields,function(r){return e("publish-field",{key:r.handle,staticClass:"form-group",attrs:{config:r,value:t.value[r.handle],meta:t.meta.meta[r.handle],"read-only":!r.localizable},on:{"meta-updated":function(a){return t.metaUpdated(r.handle,a)},focus:function(a){return t.$emit("focus")},blur:function(a){return t.$emit("blur")},input:function(a){return t.updateKey(r.handle,a)}}})}),1)},x=[],b=c(v,C,x,!1,null,null,null,null);const y=b.exports;const k={mixins:[Fieldtype],data(){return{autoBindChangeWatcher:!1,changeWatcherWatchDeep:!1,allowedFieldtypes:[]}},computed:{source(){return this.value.source},sourceField(){return this.value.source==="field"?this.value.value:null},componentName(){return this.config.field.type.replace(".","-")+"-fieldtype"},sourceTypeSelectOptions(){let s=[];return this.config.field!==!1&&s.push({label:__("seo-pro::messages.custom"),value:"custom"}),this.config.from_field!==!1&&s.unshift({label:__("seo-pro::messages.from_field"),value:"field"}),this.config.inherit!==!1&&s.unshift({label:__("seo-pro::messages.inherit"),value:"inherit"}),this.config.disableable&&s.push({label:__("seo-pro::messages.disable"),value:"disable"}),s},fieldConfig(){return Object.assign(this.config.field,{placeholder:this.config.placeholder})},placeholder(){return this.config.placeholder}},mounted(){let s=this.config.allowed_fieldtypes||["text","textarea","markdown","redactor"];this.allowedFieldtypes=s.concat(this.config.merge_allowed_fieldtypes||[])},methods:{sourceDropdownChanged(s){this.value.source=s,s!=="field"&&(this.value.value=this.meta.defaultValue,this.meta.fieldMeta=this.meta.defaultFieldMeta)},sourceFieldChanged(s){this.value.value=s},customValueChanged(s){let t=this.value;t.value=s,this.update(t)}}};var $=function(){var t=this,e=t._self._c;return e("div",{staticClass:"flex"},[e("div",{staticClass:"source-type-select pr-4"},[e("v-select",{attrs:{options:t.sourceTypeSelectOptions,reduce:r=>r.value,disabled:!t.config.localizable,clearable:!1,value:t.source},on:{input:t.sourceDropdownChanged}})],1),e("div",{staticClass:"flex-1"},[t.source==="inherit"?e("div",{staticClass:"text-sm text-grey inherit-placeholder mt-1"},[t.placeholder!==!1?[t._v(" "+t._s(t.placeholder)+" ")]:t._e()],2):t.source==="field"?e("div",{staticClass:"source-field-select"},[e("text-input",{attrs:{value:t.sourceField,disabled:!t.config.localizable},on:{input:t.sourceFieldChanged}})],1):t.source==="custom"?e(t.componentName,{tag:"component",attrs:{name:t.name,config:t.fieldConfig,value:t.value.value,meta:t.meta.fieldMeta,"read-only":!t.config.localizable,handle:"source_value"},on:{input:t.customValueChanged}}):t._e()],1)])},w=[],P=c(k,$,w,!1,null,null,null,null);const S=P.exports,R={props:["status"]};var F=function(){var t=this,e=t._self._c;return e("div",[t.status==="pending"?e("span",{staticClass:"icon icon-circular-graph animation-spin"}):e("span",{staticClass:"little-dot",class:{"bg-green-600":t.status==="pass","bg-red-500":t.status==="fail","bg-orange":t.status==="warning"}})])},D=[],T=c(R,F,D,!1,null,null,null,null);const d=T.exports,V={props:["id","initialStatus","initialScore"],data(){return{status:this.initialStatus,score:this.initialScore}},computed:{statusByScore(){if(!this.score)return this.status;if(this.score<70)return"fail";if(this.score<90)return"warning";if(this.score>=90)return"pass"}},created(){this.score||this.updateScore()},methods:{updateScore(){Statamic.$request.get(cp_url(`seo-pro/reports/${this.id}`)).then(s=>{if(s.data.status==="pending"||s.data.status==="generating"){setTimeout(()=>this.updateScore(),1e3);return}this.status=s.data.status,this.score=s.data.score})}}};var I=function(){var t=this,e=t._self._c;return e("div",[t.score?e("div",[e("seo-pro-status-icon",{staticClass:"inline-block ml-1 mr-3",attrs:{status:t.statusByScore}}),t._v(" "+t._s(t.score)+"% ")],1):e("loading-graphic",{attrs:{text:null,inline:!0}})],1)},M=[],N=c(V,I,M,!1,null,null,null,null);const O=N.exports,L={props:["item"],components:{StatusIcon:d}};var z=function(){var t=this,e=t._self._c;return e("modal",{attrs:{name:"report-details","click-to-close":!0},on:{closed:function(r){return t.$emit("closed")}}},[e("div",{staticClass:"p-0"},[e("h1",{staticClass:"p-4 bg-gray-200 dark:bg-dark-650 border-b dark:border-dark-900 text-lg"},[t._v(" "+t._s(t.__("seo-pro::messages.page_details"))+" ")]),e("div",{staticClass:"modal-body"},t._l(t.item.results,function(r){return e("div",{staticClass:"flex px-4 leading-normal pb-2",class:{"bg-red-100 dark:bg-dark-400":r.status!=="pass"}},[e("status-icon",{staticClass:"mr-3 mt-2",attrs:{status:r.status}}),e("div",{staticClass:"flex-1 mt-2 prose text-gray-700 dark:text-dark-150"},[e("div",{staticClass:"text-gray-900 dark:text-dark-100",domProps:{innerHTML:t._s(r.description)}}),r.comment?e("div",{staticClass:"text-xs",class:{"text-red-800 dark:text-dark-150":r.status!=="pass"},domProps:{innerHTML:t._s(r.comment)}}):t._e()])],1)}),0),e("footer",{staticClass:"px-4 py-3 dark:bg-dark-700 dark:border-dark-900 rounded-b-lg border-t flex items-center text-sm flex"},[t.item.url?e("a",{staticClass:"font-normal font-mono text-xs text-gray-700 hover:text-blue grow truncate",attrs:{href:t.item.url,target:"_blank"},domProps:{textContent:t._s(t.item.url)}}):t._e(),t.item.url?e("a",{staticClass:"font-normal text-gray-700 hover:text-blue ml-8",attrs:{href:t.item.url,target:"_blank"},domProps:{textContent:t._s(t.__("Visit"))}}):t._e(),t.item.edit_url?e("a",{staticClass:"font-normal text-gray-700 hover:text-blue ml-4",attrs:{href:t.item.edit_url,target:"_blank"},domProps:{textContent:t._s(t.__("Edit"))}}):t._e()])])])},E=[],H=c(L,z,E,!1,null,null,null,null);const U=H.exports,W={props:["date"],data(){return{text:null}},mounted(){this.update()},methods:{update(){this.text=moment(this.date*1e3).fromNow(),setTimeout(()=>this.update(),6e4)}}};var B=function(){var t=this,e=t._self._c;return e("span",[t._v(t._s(t.text))])},q=[],A=c(W,B,q,!1,null,null,null,null);const G=A.exports,J={components:{PageDetails:U,RelativeDate:G,StatusIcon:d},props:["initialReport","initialPage","initialPerPage"],data(){return{loading:!0,report:this.initialReport,selectedId:null,sortColumn:"status",sortDirection:"asc",page:this.initialPage,perPage:this.initialPerPage,paginationMeta:{}}},computed:{isGenerating(){return this.initialReport.status==="pending"||this.initialReport.status==="generating"},id(){return this.report.id},isCachedHeaderReady(){return this.report.date&&this.report.pages_crawled&&this.report.score},sortablePages(){return this.loading?[]:this.report.pages.data},parameters(){return{sortColumn:this.sortColumn,sortDirection:this.sortDirection,page:this.page,perPage:this.perPage}}},watch:{parameters:{deep:!0,handler(s,t){JSON.stringify(t)!==JSON.stringify(s)&&(this.load(),this.pushState())}}},mounted(){window.history.replaceState({parameters:this.parameters},""),window.addEventListener("popstate",this.popState)},beforeDestroy(){window.removeEventListener("popstate",this.popState)},created(){this.load()},methods:{load(){this.$axios.get(cp_url(`seo-pro/reports/${this.id}/pages`),{params:this.parameters}).then(s=>{if(s.data.status==="pending"||s.data.status==="generating"){setTimeout(()=>this.load(),1e3);return}this.report=s.data,this.sortColumn=s.data.sortColumn,this.sortDirection=s.data.sortDirection,this.page=s.data.pages.current_page,this.perPage=s.data.pages.per_page,this.paginationMeta=s.data.pages,this.loading=!1})},actionablePageResults(s){return _.chain(s.results).reject(t=>t.status==="pass").map(t=>t.actionable_pill).unique().value()},selectPaginationPage(s){this.page=parseInt(s)},selectPaginationPerPage(s){this.perPage=parseInt(s)},sorted(s,t){this.sortColumn=s,this.sortDirection=t},popState(s){s.state&&(this.popping=!0,this.page=s.state.parameters.page,this.perPage=s.state.parameters.perPage,this.$nextTick(()=>{this.popping=!1}))},pushState(){if(this.popping)return;const s=this.parameters,t=new URLSearchParams(s);window.history.pushState({parameters:s},"","?"+t.toString())}}};var K=function(){var t=this,e=t._self._c;return e("div",[e("header",{staticClass:"flex items-center mb-6"},[e("h1",{staticClass:"flex-1"},[t._v(t._s(t.__("seo-pro::messages.seo_report")))]),t.loading?t._e():e("a",{staticClass:"btn-primary",attrs:{href:t.cp_url("seo-pro/reports/create")}},[t._v(t._s(t.__("seo-pro::messages.generate_report")))])]),t.report?e("div",[t.isCachedHeaderReady?e("div",[e("h3",{staticClass:"little-heading rtl:pr-0 ltr:pl-0 mt-4 mb-2"},[t._v(t._s(t.__("Summary")))]),e("div",{staticClass:"card p-0 mt-2"},[e("div",{staticClass:"p-4 border-b dark:border-dark-900"},[e("div",{staticClass:"w-full flex"},[e("div",[e("h2",{staticClass:"text-sm text-gray-700"},[t._v(t._s(t.__("seo-pro::messages.generated")))]),e("div",{staticClass:"text-lg"},[e("relative-date",{attrs:{date:t.report.date}})],1)]),e("div",{staticClass:"grow text-right mr-8"},[e("h2",{staticClass:"text-sm text-gray-700"},[t._v(t._s(t.__("Actionable Pages")))]),e("div",{staticClass:"text-lg"},[t._v(t._s(t.report.pages_actionable||"N/A"))])]),e("div",{staticClass:"text-right mr-8"},[e("h2",{staticClass:"text-sm text-gray-700"},[t._v(t._s(t.__("Total Pages Crawled")))]),e("div",{staticClass:"text-lg"},[t._v(t._s(t.report.pages_crawled))])]),e("div",{staticClass:"text-right"},[e("h2",{staticClass:"text-sm text-gray-700"},[t._v(t._s(t.__("Site Score")))]),e("div",{staticClass:"text-lg",class:{"text-red-500":t.report.score<70,"text-orange":t.report.score<90,"text-green-600":t.report.score>=90}},[t._v(t._s(t.report.score)+"%")])])]),e("div",{staticClass:"bg-gray-300 dark:bg-dark-650 h-4 w-full rounded mr-2 mt-4"},[e("div",{staticClass:"h-4 rounded-l",class:{"bg-red-500":t.report.score<70,"bg-orange":t.report.score<90,"bg-green-600":t.report.score>=90},style:`width: ${t.report.score}%`})])]),e("table",{staticClass:"data-table"},[e("tbody",t._l(t.report.results,function(r){return e("tr",[e("td",{staticClass:"w-8 text-center"},[e("status-icon",{attrs:{status:r.status}})],1),e("td",{staticClass:"p-0"},[t._v(t._s(r.description))]),e("td",{staticClass:"text-right"},[t._v(t._s(r.comment))])])}),0)])])]):t._e(),t.loading&&t.isGenerating?e("div",{staticClass:"card loading"},[e("loading-graphic",{attrs:{text:t.__("seo-pro::messages.report_is_being_generated")}})],1):e("div",[e("h3",{staticClass:"little-heading rtl:pr-0 ltr:pl-0 mt-4 mb-2"},[t._v(t._s(t.__("seo-pro::messages.page_details")))]),t.loading?e("div",{staticClass:"card loading"},[e("loading-graphic")],1):e("data-list",{ref:"dataList",attrs:{columns:t.report.columns,rows:t.sortablePages,sort:!1,"sort-column":t.sortColumn,"sort-direction":t.sortDirection},scopedSlots:t._u([{key:"default",fn:function({filteredRows:r}){return e("div",{},[e("div",{staticClass:"card overflow-hidden p-0"},[e("data-list-table",{attrs:{rows:t.sortablePages},on:{sorted:t.sorted},scopedSlots:t._u([{key:"cell-status",fn:function({row:a}){return[e("status-icon",{staticClass:"inline-block w-5",attrs:{status:a.status}}),t._v(" "+t._s(t.__("seo-pro::messages.rules."+a.status))+" ")]}},{key:"cell-url",fn:function({row:a}){return[e("a",{staticClass:"hover:text-black dark:hover:text-dark-100",domProps:{textContent:t._s(a.url)},on:{click:function(n){n.preventDefault(),t.selectedId=a.id}}})]}},{key:"cell-actionable",fn:function({row:a}){return[t.selectedId===a.id?e("page-details",{attrs:{item:a},on:{closed:function(n){t.selectedId=null}}}):t._e(),e("a",{staticClass:"flex",staticStyle:{gap:"0.25rem"},on:{click:function(n){n.preventDefault(),t.selectedId=a.id}}},t._l(t.actionablePageResults(a),function(n){return e("span",{key:a.id+"_actionable_pill_"+n,staticClass:"inline-block text-xs bg-gray-300 dark:bg-dark-200 hover:bg-gray-800 text-gray-800 dark:text-dark-100 shrink rounded-full px-2 py-0.5 text-center justify-center",staticStyle:{"padding-top":"2px","padding-bottom":"2px"}},[t._v(t._s(n))])}),0)]}},{key:"actions",fn:function({row:a}){return e("td",{staticClass:"text-right text-xs p-0 whitespace-no-wrap"},[a.url?e("a",{staticClass:"font-normal text-gray-700 hover:text-blue",attrs:{href:a.url,target:"_blank"},domProps:{textContent:t._s(t.__("Visit"))}}):t._e(),a.edit_url?e("a",{staticClass:"font-normal text-gray-700 hover:text-blue ml-4",attrs:{href:a.edit_url,target:"_blank"},domProps:{textContent:t._s(t.__("Edit"))}}):t._e()])}}],null,!0)})],1),e("data-list-pagination",{staticClass:"mt-6",attrs:{"resource-meta":t.paginationMeta,"per-page":t.perPage,"scroll-to-top":!1,"show-totals":!0},on:{"per-page-changed":t.selectPaginationPerPage,"page-selected":t.selectPaginationPage}})],1)}}],null,!1,3781765318)})],1)]):t._e()])},X=[],j=c(J,K,X,!1,null,null,null,null);const Q=j.exports;Statamic.$components.register("seo_pro-fieldtype",y);Statamic.$components.register("seo_pro_source-fieldtype",S);Statamic.$components.register("seo-pro-status-icon",d);Statamic.$components.register("seo-pro-report",Q);Statamic.$components.register("seo-pro-index-score",O);
diff --git a/resources/dist/build/manifest.json b/resources/dist/build/manifest.json
index 57184bcc..b25a7fa0 100644
--- a/resources/dist/build/manifest.json
+++ b/resources/dist/build/manifest.json
@@ -12,7 +12,7 @@
     "css": [
       "assets/cp-56146771.css"
     ],
-    "file": "assets/cp-c6df7fbd.js",
+    "file": "assets/cp-e1852156.js",
     "isEntry": true,
     "src": "resources/js/cp.js"
   }
diff --git a/resources/js/components/reporting/Details.vue b/resources/js/components/reporting/Details.vue
deleted file mode 100644
index 324a6dfe..00000000
--- a/resources/js/components/reporting/Details.vue
+++ /dev/null
@@ -1,43 +0,0 @@
-
-<template>
-
-    <modal
-        name="report-details"
-        @closed="$emit('closed')"
-        :click-to-close="true"
-    >
-        <div class="p-0">
-            <h1 class="p-4 bg-gray-200 border-b text-lg">
-                {{ __('seo-pro::messages.page_details') }}
-            </h1>
-
-            <div class="modal-body">
-                <div v-for="item in item.results" class="flex px-4 leading-normal pb-2" :class="{ 'bg-red-100': item.status !== 'pass' }">
-                    <status-icon :status="item.status" class="mr-3 mt-2" />
-                    <div class="flex-1 mt-2 prose text-gray-700">
-                        <div class="text-gray-900" v-html="item.description"></div>
-                        <div class="text-xs" :class="{ 'text-red-800': item.status !== 'pass' }" v-if="item.comment" v-html="item.comment"></div>
-                    </div>
-                </div>
-            </div>
-
-            <footer class="px-5 py-3 bg-gray-200 rounded-b-lg border-t flex items-center font-mono text-xs">
-                {{ item.url }}
-            </footer>
-        </div>
-    </modal>
-
-</template>
-
-
-<script>
-import StatusIcon from './StatusIcon.vue';
-
-export default {
-    props: ['item'],
-
-    components: {
-        StatusIcon
-    }
-}
-</script>
diff --git a/resources/js/components/reporting/IndexScore.vue b/resources/js/components/reporting/IndexScore.vue
index e800273e..0d765a6a 100644
--- a/resources/js/components/reporting/IndexScore.vue
+++ b/resources/js/components/reporting/IndexScore.vue
@@ -2,7 +2,7 @@
 
     <div>
         <div v-if="score">
-            <seo-pro-status-icon :status="status" class="inline-block ml-1 mr-3"></seo-pro-status-icon>
+            <seo-pro-status-icon :status="statusByScore" class="inline-block ml-1 mr-3" />
             {{ score }}%
         </div>
         <loading-graphic v-else :text="null" :inline="true" />
@@ -27,6 +27,23 @@ export default {
         }
     },
 
+    computed: {
+        statusByScore() {
+            if (! this.score) {
+                return this.status;
+            }
+
+            // Ensure we color status icon on index view to match site score color on report show view
+            if (this.score < 70) {
+                return 'fail';
+            } else if (this.score < 90) {
+                return 'warning';
+            } else if (this.score >= 90) {
+                return 'pass';
+            }
+        },
+    },
+
     created() {
         if (! this.score) this.updateScore();
     },
diff --git a/resources/js/components/reporting/PageDetails.vue b/resources/js/components/reporting/PageDetails.vue
new file mode 100644
index 00000000..3226df22
--- /dev/null
+++ b/resources/js/components/reporting/PageDetails.vue
@@ -0,0 +1,45 @@
+
+<template>
+
+    <modal
+        name="report-details"
+        @closed="$emit('closed')"
+        :click-to-close="true"
+    >
+        <div class="p-0">
+            <h1 class="p-4 bg-gray-200 dark:bg-dark-650 border-b dark:border-dark-900 text-lg">
+                {{ __('seo-pro::messages.page_details') }}
+            </h1>
+
+            <div class="modal-body">
+                <div v-for="item in item.results" class="flex px-4 leading-normal pb-2" :class="{ 'bg-red-100 dark:bg-dark-400': item.status !== 'pass' }">
+                    <status-icon :status="item.status" class="mr-3 mt-2" />
+                    <div class="flex-1 mt-2 prose text-gray-700 dark:text-dark-150">
+                        <div class="text-gray-900 dark:text-dark-100" v-html="item.description"></div>
+                        <div class="text-xs" :class="{ 'text-red-800 dark:text-dark-150': item.status !== 'pass' }" v-if="item.comment" v-html="item.comment"></div>
+                    </div>
+                </div>
+            </div>
+
+            <footer class="px-4 py-3 dark:bg-dark-700 dark:border-dark-900 rounded-b-lg border-t flex items-center text-sm flex">
+                <a v-if="item.url" :href="item.url" target="_blank" class="font-normal font-mono text-xs text-gray-700 hover:text-blue grow truncate" v-text="item.url" />
+                <a v-if="item.url" :href="item.url" target="_blank" class="font-normal text-gray-700 hover:text-blue ml-8" v-text="__('Visit')" />
+                <a v-if="item.edit_url" :href="item.edit_url" target="_blank" class="font-normal text-gray-700 hover:text-blue ml-4" v-text="__('Edit')" />
+            </footer>
+        </div>
+    </modal>
+
+</template>
+
+
+<script>
+import StatusIcon from './StatusIcon.vue';
+
+export default {
+    props: ['item'],
+
+    components: {
+        StatusIcon
+    }
+}
+</script>
diff --git a/resources/js/components/reporting/Report.vue b/resources/js/components/reporting/Report.vue
index 334bc71b..6649f801 100644
--- a/resources/js/components/reporting/Report.vue
+++ b/resources/js/components/reporting/Report.vue
@@ -10,42 +10,39 @@
         <div v-if="report">
 
             <div v-if="isCachedHeaderReady">
-
-                <div class="flex flex-wrap -mx-4">
-                    <div class="w-1/3 px-4">
-                        <div class="card py-2">
-                            <h2 class="text-sm text-gray-700">{{ __('seo-pro::messages.generated') }}</h2>
-                            <div class="text-lg"><relative-date :date="report.date" /></div>
-                        </div>
-                    </div>
-                    <div class="w-1/3 px-4">
-                        <div class="card py-2">
-                            <h2 class="text-sm text-gray-700">{{ __('Pages Crawled') }}</h2>
-                            <div class="text-lg">{{ report.pages_crawled }}</div>
-                        </div>
-                    </div>
-                    <div class="w-1/3 px-4">
-                        <div class="card py-2">
-                            <h2 class="text-sm text-gray-700">{{ __('Site Score') }}</h2>
-                            <div class="text-lg flex items-center">
-                                <div class="bg-gray-200 h-3 w-full rounded flex mr-2 ">
-                                    <div class="h-3 rounded-l" :style="`width: ${report.score}%`" :class="{ 'bg-red-500': report.score < 70, 'bg-yellow-dark': report.score < 90, 'bg-green-500': report.score >= 90 }" />
-                                </div>
-                                <span>{{ report.score }}%</span>
+                <h3 class="little-heading rtl:pr-0 ltr:pl-0 mt-4 mb-2">{{ __('Summary') }}</h3>
+                <div class="card p-0 mt-2">
+                    <div class="p-4 border-b dark:border-dark-900">
+                        <div class="w-full flex">
+                            <div>
+                                <h2 class="text-sm text-gray-700">{{ __('seo-pro::messages.generated') }}</h2>
+                                <div class="text-lg"><relative-date :date="report.date" /></div>
+                            </div>
+                            <div class="grow text-right mr-8">
+                                <h2 class="text-sm text-gray-700">{{ __('Actionable Pages') }}</h2>
+                                <div class="text-lg">{{ report.pages_actionable || 'N/A' }}</div>
+                            </div>
+                            <div class="text-right mr-8">
+                                <h2 class="text-sm text-gray-700">{{ __('Total Pages Crawled') }}</h2>
+                                <div class="text-lg">{{ report.pages_crawled }}</div>
                             </div>
+                            <div class="text-right">
+                                <h2 class="text-sm text-gray-700">{{ __('Site Score') }}</h2>
+                                <div class="text-lg" :class="{ 'text-red-500': report.score < 70, 'text-orange': report.score < 90, 'text-green-600': report.score >= 90 }">{{ report.score }}%</div>
+                            </div>
+                        </div>
+                        <div class="bg-gray-300 dark:bg-dark-650 h-4 w-full rounded mr-2 mt-4">
+                            <div class="h-4 rounded-l" :style="`width: ${report.score}%`" :class="{ 'bg-red-500': report.score < 70, 'bg-orange': report.score < 90, 'bg-green-600': report.score >= 90 }" />
                         </div>
                     </div>
-                </div>
-
-                <div class="card p-0 mt-6">
                     <table class="data-table">
                         <tbody>
                             <tr v-for="item in report.results">
                                 <td class="w-8 text-center">
                                     <status-icon :status="item.status"></status-icon>
                                 </td>
-                                <td class="pl-0">{{ item.description }}</td>
-                                <td class="text-grey text-right">{{ item.comment }}</td>
+                                <td class="p-0">{{ item.description }}</td>
+                                <td class="text-right">{{ item.comment }}</td>
                             </tr>
                         </tbody>
                     </table>
@@ -53,33 +50,64 @@
 
             </div>
 
-            <div v-if="loading" class="card loading mt-6">
-                <loading-graphic v-if="isGenerating" :text="__('seo-pro::messages.report_is_being_generated')" />
-                <loading-graphic v-else />
+            <div v-if="loading && isGenerating" class="card loading">
+                <loading-graphic :text="__('seo-pro::messages.report_is_being_generated')" />
             </div>
 
-            <div v-else class="card p-0 mt-6">
-                <table class="data-table">
-                    <tbody>
-                        <tr v-for="item in report.pages">
-                            <td class="w-8 text-center">
-                                <status-icon :status="item.status"></status-icon>
-                            </td>
-                            <td class="pl-0">
-                                <a href="" @click.prevent="selected = item.id">{{ item.url }}</a>
-                                <report-details
-                                    v-if="selected === item.id"
-                                    :item="item"
-                                    @closed="selected = null"
-                                ></report-details>
-                            </td>
-                            <td class="text-right text-xs pr-0 whitespace-no-wrap">
-                                <a @click.prevent="selected = item.id" class="text-gray-700 mr-4 hover:text-grey-80" v-text="__('Details')"></a>
-                                <a v-if="item.edit_url" target="_blank" :href="item.edit_url" class="mr-4 text-gray-700 hover:text-gray-800" v-text="__('Edit')"></a>
-                            </td>
-                        </tr>
-                    </tbody>
-                </table>
+            <div v-else>
+                <h3 class="little-heading rtl:pr-0 ltr:pl-0 mt-4 mb-2">{{ __('seo-pro::messages.page_details') }}</h3>
+                <div v-if="loading" class="card loading">
+                    <loading-graphic />
+                </div>
+                <data-list
+                    v-else
+                    ref="dataList"
+                    :columns="report.columns"
+                    :rows="sortablePages"
+                    :sort="false"
+                    :sort-column="sortColumn"
+                    :sort-direction="sortDirection"
+                >
+                    <div slot-scope="{ filteredRows: rows }">
+                        <div class="card overflow-hidden p-0" >
+                            <data-list-table :rows="sortablePages" @sorted="sorted">
+                                <template slot="cell-status" slot-scope="{ row: page }">
+                                    <status-icon :status="page.status" class="inline-block w-5" />
+                                    {{ __('seo-pro::messages.rules.'+page.status) }}
+                                </template>
+                                <template slot="cell-url" slot-scope="{ row: page }">
+                                    <a @click.prevent="selectedId = page.id" class="hover:text-black dark:hover:text-dark-100" v-text="page.url" />
+                                </template>
+                                <template slot="cell-actionable" slot-scope="{ row: page }">
+                                    <page-details v-if="selectedId === page.id" :item="page" @closed="selectedId = null" />
+                                    <a @click.prevent="selectedId = page.id" class="flex" style="gap: 0.25rem;">
+                                        <span
+                                            v-for="pill in actionablePageResults(page)"
+                                            :key="page.id+'_actionable_pill_'+pill"
+                                            class="inline-block text-xs bg-gray-300 dark:bg-dark-200 hover:bg-gray-800 text-gray-800 dark:text-dark-100 shrink rounded-full px-2 py-0.5 text-center justify-center"
+                                            style="padding-top: 2px; padding-bottom: 2px;"
+                                        >{{ pill }}</span>
+                                    </a>
+                                </template>
+                                <td slot="actions" slot-scope="{ row: page }" class="text-right text-xs p-0 whitespace-no-wrap">
+                                    <a v-if="page.url" :href="page.url" target="_blank" class="font-normal text-gray-700 hover:text-blue" v-text="__('Visit')" />
+                                    <a v-if="page.edit_url" :href="page.edit_url" target="_blank" class="font-normal text-gray-700 hover:text-blue ml-4" v-text="__('Edit')" />
+                                </td>
+                            </data-list-table>
+                        </div>
+
+                        <data-list-pagination
+                            class="mt-6"
+                            :resource-meta="paginationMeta"
+                            :per-page="perPage"
+                            :scroll-to-top="false"
+                            :show-totals="true"
+                            @per-page-changed="selectPaginationPerPage"
+                            @page-selected="selectPaginationPage"
+                        />
+                    </div>
+                </data-list>
+
             </div>
 
         </div>
@@ -89,25 +117,34 @@
 </template>
 
 <script>
-import ReportDetails from './Details.vue';
+import PageDetails from './PageDetails.vue';
 import RelativeDate from './RelativeDate.vue';
 import StatusIcon from './StatusIcon.vue';
 
 export default {
 
     components: {
-        ReportDetails,
+        PageDetails,
         RelativeDate,
         StatusIcon,
     },
 
-    props: ['initialReport'],
+    props: [
+        'initialReport',
+        'initialPage',
+        'initialPerPage',
+    ],
 
     data() {
         return {
-            loading: false,
+            loading: true,
             report: this.initialReport,
-            selected: null
+            selectedId: null,
+            sortColumn: 'status',
+            sortDirection: 'asc',
+            page: this.initialPage,
+            perPage: this.initialPerPage,
+            paginationMeta: {},
         }
     },
 
@@ -126,29 +163,114 @@ export default {
             return this.report.date
                 && this.report.pages_crawled
                 && this.report.score;
-        }
+        },
+
+        sortablePages() {
+            if (this.loading) {
+                return [];
+            }
+
+            return this.report.pages.data;
+        },
+
+        parameters() {
+            return {
+                sortColumn: this.sortColumn,
+                sortDirection: this.sortDirection,
+                page: this.page,
+                perPage: this.perPage,
+            };
+        },
+
+    },
+
+    watch: {
+        parameters: {
+            deep: true,
+            handler(after, before) {
+                if (JSON.stringify(before) === JSON.stringify(after)) return;
 
+                this.load();
+                this.pushState();
+            },
+        },
     },
 
     mounted() {
+        window.history.replaceState({ parameters: this.parameters }, '');
+        window.addEventListener('popstate', this.popState);
+    },
+
+    beforeDestroy() {
+        window.removeEventListener('popstate', this.popState);
+    },
+
+    created() {
         this.load();
     },
 
     methods: {
 
         load() {
-            this.loading = true;
-
-            Statamic.$request.get(cp_url(`seo-pro/reports/${this.id}`)).then(response => {
+            this.$axios.get(cp_url(`seo-pro/reports/${this.id}/pages`), { params: this.parameters }).then(response => {
                 if (response.data.status === 'pending' || response.data.status === 'generating') {
                     setTimeout(() => this.load(), 1000);
                     return;
                 }
 
                 this.report = response.data;
+
+                this.sortColumn = response.data.sortColumn;
+                this.sortDirection = response.data.sortDirection;
+                this.page = response.data.pages.current_page;
+                this.perPage = response.data.pages.per_page;
+                this.paginationMeta = response.data.pages;
+
                 this.loading = false;
             });
-        }
+        },
+
+        actionablePageResults(page) {
+            return _.chain(page.results)
+                .reject(result => result.status === 'pass')
+                .map(result => result.actionable_pill)
+                .unique()
+                .value();
+        },
+
+        selectPaginationPage(page) {
+            this.page = parseInt(page);
+        },
+
+        selectPaginationPerPage(perPage) {
+            this.perPage = parseInt(perPage);
+        },
+
+        sorted(column, direction) {
+            this.sortColumn = column;
+            this.sortDirection = direction;
+        },
+
+        popState(event) {
+            if (! event.state) {
+                return;
+            }
+            this.popping = true;
+            this.page = event.state.parameters.page;
+            this.perPage = event.state.parameters.perPage;
+            this.$nextTick(() => {
+                this.popping = false;
+            });
+        },
+
+        pushState() {
+            if (this.popping) {
+                return;
+            }
+            const parameters = this.parameters;
+            const searchParams = new URLSearchParams(parameters);
+            window.history.pushState({ parameters }, '', '?' + searchParams.toString());
+        },
 
     }
 
diff --git a/resources/js/components/reporting/StatusIcon.vue b/resources/js/components/reporting/StatusIcon.vue
index 12335876..f89ef74b 100644
--- a/resources/js/components/reporting/StatusIcon.vue
+++ b/resources/js/components/reporting/StatusIcon.vue
@@ -9,8 +9,10 @@
             :class="{
                 'bg-green-600': status === 'pass',
                 'bg-red-500': status === 'fail',
-                'bg-yellow-dark': status === 'warning'
-            }"></span>
+                'bg-orange': status === 'warning'
+            }"
+        />
+
     </div>
 
 </template>
diff --git a/resources/lang/en/messages.php b/resources/lang/en/messages.php
index 6e6722fe..a845d5e1 100644
--- a/resources/lang/en/messages.php
+++ b/resources/lang/en/messages.php
@@ -49,18 +49,25 @@
     'never' => 'Never',
 
     'rules' => [
+        'pass' => 'Pass',
+        'warning' => 'Warning',
+        'fail' => 'Fail',
         'site_name' => 'A site name must be defined.',
+        'unique_title_actionable_pill' => 'Title',
         'unique_title_site' => 'Each page should have a unique title tag.',
         'unique_title_page' => 'The title tag should be unique.',
         'unique_title_site_failing' => ':count pages with duplicate titles.',
         'unique_title_page_failing' => ':count pages with ":title" as the title.',
+        'unique_description_actionable_pill' => 'Description',
         'unique_description_site' => 'Each page should have a unique meta description.',
         'unique_description_page' => 'The meta description should be unique.',
         'unique_description_site_failing' => ':count pages with duplicate meta descriptions.',
         'unique_description_page_failing' => ':count pages with ":description" as the meta description.',
+        'no_underscores_in_url_actionable_pill' => 'URL',
         'no_underscores_in_url_site' => 'Page URLs should not contain underscores.',
         'no_underscores_in_url_page' => 'The URL should not contain underscores.',
         'no_underscores_in_url_site_failing' => ':count page with underscores in URL.|:count pages with underscores in their URLs.',
+        'three_segment_urls_actionable_pill' => 'URL',
         'three_segment_urls_site' => 'Page URLs should be a maximum of 3 segments.',
         'three_segment_urls_page' => 'The URL should be a maximum of 3 segments.',
         'three_segment_urls_site_warning' => ':count page with more than 3 segments in URL.|:count pages with more than 3 segments in their URLs.',
diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
index d21315cd..5386b76a 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -10,8 +10,8 @@
     <div class="card p-4 content">
         <div class="flex flex-wrap">
             @can('view seo reports')
-                <a href="{{ cp_route('seo-pro.reports.index') }}" class="w-full lg:w-1/2 p-4 md:flex items-start hover:bg-gray-200 rounded-md group">
-                    <div class="h-8 w-8 mr-4 text-gray-800">
+                <a href="{{ cp_route('seo-pro.reports.index') }}" class="w-full lg:w-1/2 p-4 flex items-start hover:bg-gray-200 dark:hover:bg-dark-550 rounded-md group">
+                    <div class="h-8 w-8 rtl:ml-4 ltr:mr-4 text-gray-800 dark:text-dark-175">
                         @cp_svg('icons/light/charts')
                     </div>
                     <div class="text-blue flex-1 mb-4 md:mb-0 md:mr-6">
@@ -21,8 +21,8 @@
                 </a>
             @endcan
             @can('edit seo site defaults')
-                <a href="{{ cp_route('seo-pro.site-defaults.edit') }}" class="w-full lg:w-1/2 p-4 md:flex items-start hover:bg-gray-200 rounded-md group">
-                    <div class="h-8 w-8 mr-4 text-gray-800">
+                <a href="{{ cp_route('seo-pro.site-defaults.edit') }}" class="w-full lg:w-1/2 p-4 flex items-start hover:bg-gray-200 dark:hover:bg-dark-550 rounded-md group">
+                    <div class="h-8 w-8 rtl:ml-4 ltr:mr-4 text-gray-800 dark:text-dark-175">
                         @cp_svg('icons/light/hammer-wrench')
                     </div>
                     <div class="text-blue flex-1 mb-4 md:mb-0 md:mr-6">
@@ -32,8 +32,8 @@
                 </a>
             @endcan
             @can('edit seo section defaults')
-                <a href="{{ cp_route('seo-pro.section-defaults.index') }}" class="w-full lg:w-1/2 p-4 md:flex items-start hover:bg-gray-200 rounded-md group">
-                    <div class="h-8 w-8 mr-4 text-gray-800">
+                <a href="{{ cp_route('seo-pro.section-defaults.index') }}" class="w-full lg:w-1/2 p-4 flex items-start hover:bg-gray-200 dark:hover:bg-dark-550 rounded-md group">
+                    <div class="h-8 w-8 rtl:ml-4 ltr:mr-4 text-gray-800 dark:text-dark-175">
                         @cp_svg('icons/light/hammer-wrench')
                     </div>
                     <div class="text-blue flex-1 mb-4 md:mb-0 md:mr-6">
diff --git a/resources/views/reports/index.blade.php b/resources/views/reports/index.blade.php
index c41f0641..3f996398 100644
--- a/resources/views/reports/index.blade.php
+++ b/resources/views/reports/index.blade.php
@@ -10,6 +10,13 @@
 
     <div class="card p-0 overflow-hidden">
         <table class="data-table">
+            <thead>
+                <th>Site Score</th>
+                <th>Generated</th>
+                <th class="text-right">Actionable Pages</th>
+                <th class="text-right">Total Pages Crawled</th>
+                <th></th>
+            </thead>
             <tbody>
                 @foreach($reports as $report)
                     <tr>
@@ -25,8 +32,14 @@
                         <td>
                             <a href="{{ cp_route('seo-pro.reports.show', $report->id()) }}">{{ $report->date()->diffForHumans() }}</a>
                         </td>
+                        <td class="text-right">
+                            <a href="{{ cp_route('seo-pro.reports.show', $report->id()) }}">{{ $report->pagesActionable() ?? 'N/A' }}</a>
+                        </td>
+                        <td class="text-right w-8">
+                            <a href="{{ cp_route('seo-pro.reports.show', $report->id()) }}">{{ $report->pagesCrawled() }}</a>
+                        </td>
                         @can('delete seo reports')
-                            <td class="float-right">
+                            <td class="w-8">
                                 <dropdown-list>
                                     <dropdown-item :text="__('seo-pro::messages.delete_report')" class="warning" @click="$refs.deleter_{{ $report->id() }}.confirm()">
                                         <resource-deleter
diff --git a/resources/views/reports/show.blade.php b/resources/views/reports/show.blade.php
index 8bed2884..40e3e30a 100644
--- a/resources/views/reports/show.blade.php
+++ b/resources/views/reports/show.blade.php
@@ -8,7 +8,11 @@
         'title' => __('seo-pro::messages.reports'),
     ])
 
-    <seo-pro-report :initial-report="{{ $report->toJson() }}"></seo-pro-report>
+    <seo-pro-report
+        :initial-report="{{ $report->toJson() }}"
+        :initial-page="{{ request()->input('page', 1) }}"
+        :initial-per-page="25"
+    ></seo-pro-report>
 
     @include('statamic::partials.docs-callout', [
         'topic' => 'SEO Pro',
diff --git a/resources/views/sections.blade.php b/resources/views/sections.blade.php
index a65a293b..59b1fb84 100644
--- a/resources/views/sections.blade.php
+++ b/resources/views/sections.blade.php
@@ -7,37 +7,41 @@
         <h1 class="flex-1">{{ __('seo-pro::messages.section_defaults') }}</h1>
     </div>
 
-    <h3 class="little-heading pl-0 mb-2">{{ __('Collections') }}</h3>
-    <div class="card p-0 mb-4">
-        <table class="data-table">
-            @foreach (Statamic\Facades\Collection::all() as $collection)
+    @if (Statamic\Facades\Collection::all()->count())
+        <h3 class="little-heading pl-0 mb-2">{{ __('Collections') }}</h3>
+        <div class="card p-0 mb-4">
+            <table class="data-table">
+                @foreach (Statamic\Facades\Collection::all() as $collection)
+                        <tr>
+                            <td>
+                                <div class="flex items-center">
+                                    <div class="w-4 h-4 mr-4">@cp_svg('icons/light/content-writing')</div>
+                                    <a href="{{ cp_route('seo-pro.section-defaults.collections.edit', $collection) }}">{{ $collection->title() }}</a>
+                                </div>
+                            </td>
+                        </tr>
+                @endforeach
+            </table>
+        </div>
+    @endif
+
+    @if (Statamic\Facades\Taxonomy::all()->count())
+        <h3 class="little-heading pl-0 mb-2">{{ __('Taxonomies') }}</h3>
+        <div class="card p-0 mb-4">
+            <table class="data-table">
+                @foreach (Statamic\Facades\Taxonomy::all() as $taxonomy)
                     <tr>
                         <td>
                             <div class="flex items-center">
-                                <div class="w-4 h-4 mr-4">@cp_svg('icons/light/content-writing')</div>
-                                <a href="{{ cp_route('seo-pro.section-defaults.collections.edit', $collection) }}">{{ $collection->title() }}</a>
+                                <div class="w-4 h-4 mr-4">@cp_svg('icons/light/tags')</div>
+                                <a href="{{ cp_route('seo-pro.section-defaults.taxonomies.edit', $taxonomy) }}">{{ $taxonomy->title() }}</a>
                             </div>
                         </td>
                     </tr>
-            @endforeach
-        </table>
-    </div>
-
-    <h3 class="little-heading pl-0 mb-2">{{ __('Taxonomies') }}</h3>
-    <div class="card p-0 mb-4">
-        <table class="data-table">
-            @foreach (Statamic\Facades\Taxonomy::all() as $taxonomy)
-                <tr>
-                    <td>
-                        <div class="flex items-center">
-                            <div class="w-4 h-4 mr-4">@cp_svg('icons/light/tags')</div>
-                            <a href="{{ cp_route('seo-pro.section-defaults.taxonomies.edit', $taxonomy) }}">{{ $taxonomy->title() }}</a>
-                        </div>
-                    </td>
-                </tr>
-            @endforeach
-        </table>
-    </div>
+                @endforeach
+            </table>
+        </div>
+    @endif
 
     @include('statamic::partials.docs-callout', [
         'topic' => 'SEO Pro',
diff --git a/routes/cp.php b/routes/cp.php
index f32851aa..bd91c543 100644
--- a/routes/cp.php
+++ b/routes/cp.php
@@ -6,6 +6,7 @@
 Route::get('seo-pro/reports', [Controllers\ReportController::class, 'index'])->name('seo-pro.reports.index');
 Route::get('seo-pro/reports/create', [Controllers\ReportController::class, 'create'])->name('seo-pro.reports.create');
 Route::get('seo-pro/reports/{seo_pro_report}', [Controllers\ReportController::class, 'show'])->name('seo-pro.reports.show');
+Route::get('seo-pro/reports/{seo_pro_report}/pages', [Controllers\ReportPagesController::class, 'index'])->name('seo-pro.reports.pages.index');
 Route::delete('seo-pro/reports/{seo_pro_report}', [Controllers\ReportController::class, 'destroy'])->name('seo-pro.reports.destroy');
 
 Route::get('seo-pro/site-defaults/edit', [Controllers\SiteDefaultsController::class, 'edit'])->name('seo-pro.site-defaults.edit');
diff --git a/src/Http/Controllers/ReportController.php b/src/Http/Controllers/ReportController.php
index d61dfd32..a0ad8da8 100755
--- a/src/Http/Controllers/ReportController.php
+++ b/src/Http/Controllers/ReportController.php
@@ -33,11 +33,7 @@ public function show(Request $request, $id)
     {
         abort_unless(User::current()->can('view seo reports'), 403);
 
-        $report = Report::find($id);
-
-        if ($request->ajax()) {
-            return $report->data();
-        }
+        abort_unless($report = Report::find($id), 404);
 
         return view('seo-pro::reports.show', ['report' => $report]);
     }
diff --git a/src/Http/Controllers/ReportPagesController.php b/src/Http/Controllers/ReportPagesController.php
new file mode 100755
index 00000000..68fa0f0c
--- /dev/null
+++ b/src/Http/Controllers/ReportPagesController.php
@@ -0,0 +1,74 @@
+<?php
+
+namespace Statamic\SeoPro\Http\Controllers;
+
+use Illuminate\Http\Request;
+use Statamic\CP\Column;
+use Statamic\Extensions\Pagination\LengthAwarePaginator;
+use Statamic\Facades\User;
+use Statamic\Http\Controllers\CP\CpController;
+use Statamic\SeoPro\Reporting\Report;
+
+class ReportPagesController extends CpController
+{
+    public function index(Request $request, $id)
+    {
+        abort_unless(User::current()->can('view seo reports'), 403);
+
+        $data = Report::find($id)->data();
+
+        // If report is still generating,
+        // we'll get a report instance with a status for the front end to poll against.
+        // When it's finished generating, `data()` will return a collection.
+        if ($data instanceof Report) {
+            return $data;
+        }
+
+        $data['columns'] = [
+            Column::make('status')->label(__('Status')),
+            Column::make('url')->label(__('URL')),
+            Column::make('actionable')->label(__('Actionable'))->sortable(false),
+        ];
+
+        $data['sortColumn'] = $request->input('sortColumn', 'status');
+        $data['sortDirection'] = $request->input('sortDirection', 'asc');
+
+        $pages = $data['pages']
+            ->sortBy(
+                callback: fn ($value) => $this->sortablePageValue($value, $data['sortColumn']),
+                descending: $data['sortDirection'] === 'desc',
+            )
+            ->values();
+
+        $currentPage = $request->input('page', 1);
+        $perPage = $request->input('perPage', config('statamic.cp.pagination_size'));
+
+        $data['pages'] = new LengthAwarePaginator(
+            $pages->forPage($currentPage, $perPage)->values(),
+            $pages->count(),
+            $perPage,
+            $currentPage,
+        );
+
+        return $data;
+    }
+
+    private function sortablePageValue($value, $column)
+    {
+        $value = $value[$column];
+
+        if ($column !== 'status') {
+            return $value;
+        }
+
+        if ($value === 'fail') {
+            return '1fail';
+        } elseif ($value === 'warning') {
+            return '2warning';
+        } elseif ($value === 'pass') {
+            return '3pass';
+        }
+
+        return $value;
+    }
+}
diff --git a/src/Reporting/Page.php b/src/Reporting/Page.php
index c34c190f..59afe862 100644
--- a/src/Reporting/Page.php
+++ b/src/Reporting/Page.php
@@ -109,6 +109,7 @@ public function getRuleResults()
                 'description' => $rule->description(),
                 'status' => $rule->status(),
                 'comment' => $rule->comment(),
+                'actionable_pill' => $rule->actionablePill(),
             ];
         }
 
diff --git a/src/Reporting/Report.php b/src/Reporting/Report.php
index 8e7d9d89..b8122cc6 100644
--- a/src/Reporting/Report.php
+++ b/src/Reporting/Report.php
@@ -26,6 +26,7 @@ class Report implements Arrayable, Jsonable
     protected $raw;
     protected $pages;
     protected $pagesCrawled;
+    protected $pagesActionable;
     protected $results;
     protected $date;
     protected $score;
@@ -191,6 +192,17 @@ public function pagesCrawled()
         return $this->pagesCrawled = $this->pages()?->count();
     }
 
+    public function pagesActionable()
+    {
+        if ($this->pagesActionable) {
+            return $this->pagesActionable;
+        }
+
+        return $this->pagesActionable = $this->pages()
+            ?->filter(fn ($page) => in_array($page->status(), ['warning', 'fail']))
+            ?->count();
+    }
+
     public function results()
     {
         return $this->results;
@@ -208,19 +220,12 @@ public function toArray()
             'status' => $this->status(),
             'score' => $this->score(),
             'pages_crawled' => $this->pagesCrawled(),
+            'pages_actionable' => $this->pagesActionable(),
             'results' => $this->resultsToArray(),
         ];
 
-        if ($this->isGenerated() && $pages = $this->pages()) {
-            $array['pages'] = $pages->map(function ($page) {
-                return [
-                    'status' => $page->status(),
-                    'url' => $page->url(),
-                    'id' => $page->id(),
-                    'edit_url' => $page->editUrl(),
-                    'results' => $page->getRuleResults(),
-                ];
-            });
+        if ($this->isGenerated() && $this->pages() && $this->pages()->isNotEmpty()) {
+            $array['pages'] = $this->pagesToArray();
 
             Cache::put($this->cacheKey(static::TO_ARRAY_CACHE_KEY_SUFFIX), $array);
         }
@@ -253,6 +258,24 @@ protected function resultsToArray()
         return $array;
     }
 
+    protected function pagesToArray()
+    {
+        return $this
+            ->pages()
+            ->map(fn ($page) => $this->pageToArray($page));
+    }
+
+    protected function pageToArray($page)
+    {
+        return [
+            'status' => $page->status(),
+            'url' => $page->url(),
+            'id' => $page->id(),
+            'edit_url' => $page->editUrl(),
+            'results' => $page->getRuleResults(),
+        ];
+    }
+
     public function toJson($options = 0)
     {
         return json_encode($this->toArray());
@@ -301,7 +324,7 @@ public function data()
             return $this->updateLegacyReport();
         }
 
-        return $this->withPages(true);
+        return $this->withPages(true)->toArray();
     }
 
     public static function all()
@@ -349,6 +372,7 @@ public function save()
             'status' => $this->status(),
             'score' => $this->score(),
             'pages_crawled' => $this->pagesCrawled(),
+            'pages_actionable' => $this->pagesActionable(),
             'results' => $this->results,
         ]));
 
@@ -390,6 +414,7 @@ public function load()
         $this->results = $this->raw['results'];
         $this->score = $this->raw['score'] ?? null;
         $this->pagesCrawled = $this->raw['pages_crawled'] ?? null;
+        $this->pagesActionable = $this->raw['pages_actionable'] ?? null;
 
         return $this;
     }
diff --git a/src/Reporting/Rule.php b/src/Reporting/Rule.php
index ffc003ed..e0528629 100644
--- a/src/Reporting/Rule.php
+++ b/src/Reporting/Rule.php
@@ -149,6 +149,11 @@ public function status()
         return $this->isValidatingPage() ? $this->pageStatus() : $this->siteStatus();
     }
 
+    public function actionablePill()
+    {
+        //
+    }
+
     public function siteStatus()
     {
         //
diff --git a/src/Reporting/Rules/NoUnderscoresInUrl.php b/src/Reporting/Rules/NoUnderscoresInUrl.php
index d5c5f4ae..eedd2a52 100644
--- a/src/Reporting/Rules/NoUnderscoresInUrl.php
+++ b/src/Reporting/Rules/NoUnderscoresInUrl.php
@@ -11,6 +11,11 @@ class NoUnderscoresInUrl extends Rule
 
     protected $passes;
 
+    public function actionablePill()
+    {
+        return __('seo-pro::messages.rules.no_underscores_in_url_actionable_pill');
+    }
+
     public function siteDescription()
     {
         return __('seo-pro::messages.rules.no_underscores_in_url_site');
diff --git a/src/Reporting/Rules/ThreeSegmentUrls.php b/src/Reporting/Rules/ThreeSegmentUrls.php
index 034fcf80..e1aa51f9 100644
--- a/src/Reporting/Rules/ThreeSegmentUrls.php
+++ b/src/Reporting/Rules/ThreeSegmentUrls.php
@@ -10,6 +10,11 @@ class ThreeSegmentUrls extends Rule
 
     protected $slashes;
 
+    public function actionablePill()
+    {
+        return __('seo-pro::messages.rules.three_segment_urls_actionable_pill');
+    }
+
     public function siteDescription()
     {
         return __('seo-pro::messages.rules.three_segment_urls_site');
diff --git a/src/Reporting/Rules/UniqueMetaDescription.php b/src/Reporting/Rules/UniqueMetaDescription.php
index 8aa2bc59..fa058d40 100644
--- a/src/Reporting/Rules/UniqueMetaDescription.php
+++ b/src/Reporting/Rules/UniqueMetaDescription.php
@@ -14,6 +14,11 @@ class UniqueMetaDescription extends Rule
      */
     protected $count;
 
+    public function actionablePill()
+    {
+        return __('seo-pro::messages.rules.unique_description_actionable_pill');
+    }
+
     public function siteDescription()
     {
         return __('seo-pro::messages.rules.unique_description_site');
diff --git a/src/Reporting/Rules/UniqueTitleTag.php b/src/Reporting/Rules/UniqueTitleTag.php
index 4356879a..0edfe9af 100644
--- a/src/Reporting/Rules/UniqueTitleTag.php
+++ b/src/Reporting/Rules/UniqueTitleTag.php
@@ -14,6 +14,11 @@ class UniqueTitleTag extends Rule
      */
     protected $count;
 
+    public function actionablePill()
+    {
+        return __('seo-pro::messages.rules.unique_title_actionable_pill');
+    }
+
     public function siteDescription()
     {
         return __('seo-pro::messages.rules.unique_title_site');
diff --git a/tests/ReportTest.php b/tests/ReportTest.php
index c435a99e..6d49092e 100644
--- a/tests/ReportTest.php
+++ b/tests/ReportTest.php
@@ -42,6 +42,7 @@ public function it_can_save_pending_report()
 status: pending
 score: null
 pages_crawled: null
+pages_actionable: null
 results: null
 
 EXPECTED;
@@ -82,6 +83,7 @@ public function it_can_generate_a_report()
 status: fail
 score: 75.0
 pages_crawled: 10
+pages_actionable: 10
 results:
   SiteName: true
   UniqueTitleTag: 0
@@ -89,6 +91,50 @@ public function it_can_generate_a_report()
   NoUnderscoresInUrl: 0
   ThreeSegmentUrls: 0
 
+EXPECTED;
+
+        $this->assertCount(1, $this->files->files($this->reportsPath('1')));
+        $this->assertEqualsIgnoringLineEndings($expected, $this->files->get($this->reportsPath('1/report.yaml')));
+
+        $this->assertFileExists($this->reportsPath('1/pages'));
+        $this->assertCount(10, $this->files->allFiles($this->reportsPath('1/pages')));
+    }
+
+    /** @test */
+    public function it_properly_calculates_actionable_count()
+    {
+        $this
+            ->generateEntries(5)
+            ->generateTerms(5);
+
+        Entry::all()
+            ->each(fn ($entry, $id) => $entry->set('seo', ['description' => 'Custom Entry Description'.$id])->save())
+            ->take(2)
+            ->each(fn ($entry) => $entry->set('seo', array_merge($entry->get('seo'), ['description' => 'Fail Description']))->save());
+
+        Term::all()
+            ->each(fn ($term, $id) => $term->set('seo', ['description' => 'Custom Term Description'.$id])->save())
+            ->take(4)
+            ->each(fn ($term) => $term->set('seo', array_merge($term->get('seo'), ['title' => 'Fail Title']))->save());
+
+        $this->assertFileDoesNotExist($this->reportsPath());
+
+        Carbon::setTestNow($now = now());
+        Report::create()->save()->generate();
+
+        $expected = <<<"EXPECTED"
+date: $now->timestamp
+status: fail
+score: 75.0
+pages_crawled: 10
+pages_actionable: 6
+results:
+  SiteName: true
+  UniqueTitleTag: 4
+  UniqueMetaDescription: 2
+  NoUnderscoresInUrl: 0
+  ThreeSegmentUrls: 0
+
 EXPECTED;
 
         $this->assertCount(1, $this->files->files($this->reportsPath('1')));
@@ -123,6 +169,7 @@ public function it_can_generate_a_large_report_with_multiple_chunked_jobs()
 status: fail
 score: 75.0
 pages_crawled: 10
+pages_actionable: 10
 results:
   SiteName: true
   UniqueTitleTag: 0
@@ -160,6 +207,7 @@ public function it_skips_over_pages_with_disabled_seo()
 status: fail
 score: 76.0
 pages_crawled: 9
+pages_actionable: 9
 results:
   SiteName: true
   UniqueTitleTag: 0