@ainyc/canonry 4.51.4 → 4.54.0

package/assets/assets/TrafficSourceDetailPage-BvtTA6rs.js

@@ -1 +0,0 @@
-import{j as e,A as xe,B as me,r as m,L as he}from"./vendor-tanstack-Dq7p98wZ.js";import{I as pe,bA as v,T as fe,B as ge,g as A,a0 as be,bB as je}from"./index-DTCZ93Ne.js";import{d as se,e as ye,C as G,a as Y,c as Ne}from"./ChartPrimitives-9Kx3gzQL.js";import{e as ve,f as we,g as Se,t as ze,R as ke}from"./server-traffic-C-0Ndjpw.js";import{R as Ce,B as Te,a as Re,X as $e,Y as Ae,T as Le,b as X,d as Q}from"./vendor-recharts-DWvKDyBF.js";import{A as q}from"./arrow-left-Agb02DMK.js";import"./vendor-radix-B57xfQbP.js";import"./vendor-markdown-DK7fbRNb.js";function F({value:a,label:t,delta:n,tone:r,description:d,tooltip:i,isNumeric:o=!0,progress:c,providerCoverage:u}){const j=2*Math.PI*48,x=Number.parseInt(a,10),z=typeof c=="number"&&Number.isFinite(c)?Math.min(Math.max(c,0),100)/100:o&&!Number.isNaN(x)?Math.min(x/100,1):.5,y=j*(1-z);return e.jsxs("div",{className:"score-gauge",children:[e.jsxs("div",{className:"gauge-ring-wrapper",children:[e.jsxs("svg",{className:"gauge-ring",viewBox:"0 0 120 120","aria-hidden":"true",children:[e.jsx("circle",{className:"gauge-bg",cx:"60",cy:"60",r:48,strokeWidth:6}),e.jsx("circle",{className:`gauge-fill gauge-fill-${r}`,cx:"60",cy:"60",r:48,strokeWidth:6,strokeDasharray:j,strokeDashoffset:y,transform:"rotate(-90 60 60)"})]}),e.jsx("div",{className:"gauge-center",children:e.jsx("span",{className:o?"gauge-value":"gauge-value-text",children:a.split(" / ")[0]})})]}),e.jsxs("p",{className:"gauge-label",children:[t,i&&e.jsx(pe,{text:i})]}),e.jsx("p",{className:"gauge-delta",children:n}),u&&e.jsx("p",{className:"gauge-provider-coverage",children:u}),e.jsx("p",{className:"gauge-description",children:d})]})}const De=[{value:"all",label:"All status"},{value:"2xx",label:"2xx success"},{value:"3xx",label:"3xx redirect"},{value:"4xx",label:"4xx client error"},{value:"5xx",label:"5xx server error"}];function Ie(a){return a==="all"?null:Number.parseInt(a[0],10)}function ae(a){return a.kind===v.crawler?a.botId:a.product}function Me(a){return a.kind===v.crawler?a.pathNormalized:a.landingPathNormalized}function re(a,t){if(t==="hour")return a;const n=new Date(a),r=n.getFullYear(),d=String(n.getMonth()+1).padStart(2,"0"),i=String(n.getDate()).padStart(2,"0");return`${r}-${d}-${i}`}function Ee(a,t,n){const r=t.pathQuery.trim().toLowerCase(),d=Ie(t.statusClass);return a.filter(i=>!(t.selectedBucket&&re(i.tsHour,n)!==t.selectedBucket||t.identity&&ae(i)!==t.identity||t.operator&&i.operator!==t.operator||r&&!Me(i).toLowerCase().includes(r)||d!==null&&Math.floor(i.status/100)!==d))}function He(a,t){if(!a||typeof a!="object")return null;const n=a.activeTooltipIndex;let r;if(typeof n=="number")r=n;else if(typeof n=="string"&&n!=="")r=Number(n);else return null;return!Number.isInteger(r)||r<0||r>=t.length?null:t[r]?.bucket??null}const D=[{value:60,label:"1h",granularity:"hour",fetchLimit:500},{value:360,label:"6h",granularity:"hour",fetchLimit:500},{value:1440,label:"24h",granularity:"hour",fetchLimit:500},{value:10080,label:"7d",granularity:"hour",fetchLimit:1e3},{value:720*60,label:"30d",granularity:"day",fetchLimit:2e3},{value:2160*60,label:"90d",granularity:"day",fetchLimit:5e3}],V=D.find(a=>a.label==="7d")??D[2],J=se[0],Z=se[1];function ne(a){const t=new Date(a);return`${t.getMonth()+1}/${t.getDate()} ${String(t.getHours()).padStart(2,"0")}:00`}function Fe(a){const t=new Date(`${a}T00:00:00`);return`${t.getMonth()+1}/${t.getDate()}`}function $(a){if(!a)return"never";const t=Date.now()-new Date(a).getTime(),n=Math.floor(t/6e4);if(n<1)return"just now";if(n<60)return`${n}m ago`;const r=Math.floor(n/60);return r<24?`${r}h ago`:`${Math.floor(r/24)}d ago`}function ee({canGoBack:a,className:t}){const n="inline-flex items-center gap-1";if(a){const r=()=>{window.history.back()};return e.jsxs("button",{type:"button",onClick:r,className:`${n} ${t??""}`,children:[e.jsx(q,{className:"size-3"})," Back"]})}return e.jsxs(he,{to:"/traffic",className:`${n} ${t??""}`,children:[e.jsx(q,{className:"size-3"})," All sources"]})}function Qe(){const a=xe({strict:!1}),t=a.projectName??"",n=me(),r=a.sourceId??"",[d,i]=m.useState(V.value),[o,c]=m.useState(()=>new Set(["crawler","ai-referral"])),[u,w]=m.useState(null),[p,j]=m.useState(""),[x,z]=m.useState(""),[y,I]=m.useState(""),[S,M]=m.useState("all"),[O,U]=m.useState(null),[B,P]=m.useState(null),g=m.useMemo(()=>D.find(s=>s.value===d)??V,[d]),E=ve(t||null,r||null),b=we(t||null,{kind:"all",sourceId:r||void 0,sinceMinutes:d,limit:g.fetchLimit}),R=Se(t||null,r||null),l=E.data,N=b.data?.events??[],k=b.data?.totals,H=m.useMemo(()=>N.filter(s=>s.kind===v.crawler?o.has("crawler"):o.has("ai-referral")),[N,o]),le=m.useMemo(()=>{const s=new Set;for(const h of N)s.add(ae(h));return p&&s.add(p),[...s].sort((h,f)=>h.localeCompare(f))},[N,p]),ie=m.useMemo(()=>{const s=new Set;for(const h of N)s.add(h.operator);return x&&s.add(x),[...s].sort((h,f)=>h.localeCompare(f))},[N,x]),_=m.useMemo(()=>Ee(H,{selectedBucket:u,identity:p,operator:x,pathQuery:y,statusClass:S},g.granularity),[H,u,p,x,y,S,g.granularity]),W=m.useMemo(()=>u?L(u,g.granularity):null,[u,g.granularity]),C=m.useMemo(()=>Oe(N,g.granularity,b.data?.windowStart,b.data?.windowEnd),[N,g.granularity,b.data?.windowStart,b.data?.windowEnd]),K=s=>{c(h=>{const f=new Set(h);return f.has(s)?f.size>1&&f.delete(s):f.add(s),f})},ce=s=>{const h=He(s,C);h&&w(f=>f===h?null:h)},oe=()=>{w(null),j(""),z(""),I(""),M("all")},de=!!(u||p||x||y.trim()||S!=="all"),ue=async()=>{U(null),P(null);try{const s=await R.mutateAsync({sinceMinutes:60});P(`Pulled ${s.pulledEvents} entries · ${s.crawlerHits} crawler · ${s.aiReferralHits} AI referral · ${s.unknownHits} unknown`)}catch(s){const h=s instanceof be||s instanceof Error?s.message:String(s);U(h)}};return!t||!r?e.jsx("div",{className:"page-container",children:e.jsx("p",{className:"text-sm text-zinc-500",children:"Missing project name or source id in URL."})}):E.isLoading?e.jsx("div",{className:"page-container",children:e.jsx("p",{className:"text-sm text-zinc-500",children:"Loading source…"})}):E.isError||!l?e.jsxs("div",{className:"page-container",children:[e.jsx("p",{className:"text-sm text-rose-300",children:"Could not load this source."}),e.jsx(ee,{canGoBack:n,className:"mt-2 text-xs text-zinc-400 hover:text-zinc-200"})]}):e.jsxs("div",{className:"page-container space-y-8",children:[e.jsxs("div",{className:"page-header",children:[e.jsxs("div",{className:"page-header-left",children:[e.jsx(ee,{canGoBack:n,className:"text-xs text-zinc-500 hover:text-zinc-200"}),e.jsx("h1",{className:"page-title mt-2",children:l.displayName}),e.jsxs("p",{className:"page-subtitle",children:[l.sourceType," · project ",e.jsx("span",{className:"text-zinc-300",children:t})," ·",e.jsx("span",{className:"ml-1 font-mono text-zinc-400",children:l.id})]})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(fe,{tone:ze(l.status),children:l.status}),e.jsxs(ge,{type:"button",variant:"outline",size:"sm",disabled:R.isPending,onClick:()=>{ue()},children:[e.jsx(ke,{className:`size-3.5 ${R.isPending?"animate-spin":""}`}),R.isPending?"Syncing…":"Sync now"]})]})]}),O?e.jsx("div",{className:"rounded-md border border-rose-800/50 bg-rose-950/30 px-3 py-2 text-xs text-rose-200",children:O}):null,B?e.jsx("div",{className:"rounded-md border border-emerald-800/50 bg-emerald-950/30 px-3 py-2 text-xs text-emerald-200",children:B}):null,e.jsxs("section",{className:"grid grid-cols-1 gap-4 sm:grid-cols-3",children:[e.jsx(F,{label:"24h crawler hits",value:String(l.totals24h.crawlerHits),delta:l.lastSyncedAt?`last sync ${$(l.lastSyncedAt)}`:"never synced",tone:l.totals24h.crawlerHits>0?"positive":"neutral",description:"GPTBot, ChatGPT-User, PerplexityBot, etc. — verified crawler requests in the last 24h.",isNumeric:!0,progress:Math.min(100,Math.round(l.totals24h.crawlerHits/1e3*100))}),e.jsx(F,{label:"24h AI referral sessions",value:String(l.totals24h.aiReferralHits),delta:l.lastSyncedAt?`last sync ${$(l.lastSyncedAt)}`:"never synced",tone:l.totals24h.aiReferralHits>0?"positive":"neutral",description:"Sessionized visits arriving from chat.openai.com, perplexity.ai, etc. (Referer header evidence).",isNumeric:!0,progress:Math.min(100,Math.round(l.totals24h.aiReferralHits/1e3*100))}),e.jsx(F,{label:"24h sample rows",value:String(l.totals24h.sampleCount),delta:"bounded per sync",tone:"neutral",description:"Per-request samples retained for evidence (capped to keep storage bounded).",isNumeric:!0,progress:Math.min(100,Math.round(l.totals24h.sampleCount/100*100))})]}),e.jsxs("section",{children:[e.jsx("p",{className:"mb-4 text-[10px] font-semibold uppercase tracking-wider text-zinc-500",children:"Latest sync run"}),l.latestRun?e.jsxs(A,{className:"p-4 text-sm",children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-x-6 gap-y-1.5",children:[e.jsxs("span",{className:"text-zinc-100",children:["Status: ",e.jsx("span",{className:"font-medium",children:l.latestRun.status})]}),e.jsxs("span",{className:"text-zinc-500",children:["Started: ",$(l.latestRun.startedAt)]}),l.latestRun.finishedAt?e.jsxs("span",{className:"text-zinc-500",children:["Finished: ",$(l.latestRun.finishedAt)]}):null,e.jsx("span",{className:"font-mono text-[11px] text-zinc-600",children:l.latestRun.runId})]}),l.latestRun.error?e.jsx("p",{className:"mt-2 rounded border border-rose-900/40 bg-rose-950/30 px-3 py-2 text-xs text-rose-300",children:l.latestRun.error}):null]}):e.jsx(A,{className:"px-4 py-3 text-sm text-zinc-500",children:'No traffic-sync runs recorded yet. Hit "Sync now" above to create one.'})]}),e.jsxs("section",{children:[e.jsxs("div",{className:"mb-4 flex flex-wrap items-end justify-between gap-x-4 gap-y-3",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-wider text-zinc-500",children:"Events"}),e.jsx("h2",{className:"mt-1 text-base font-semibold text-zinc-50",children:g.granularity==="day"?"Daily rollups":"Hourly rollups"}),k?e.jsxs("p",{className:"mt-1.5 text-xs text-zinc-500",children:[k.crawlerHits.toLocaleString("en-US")," crawler ·"," ",k.aiReferralHits.toLocaleString("en-US")," AI referral sessions · last ",g.label]}):null]}),e.jsx("div",{className:"filter-row mb-0",role:"toolbar","aria-label":"Window",children:D.map(s=>e.jsx("button",{type:"button",className:`filter-chip ${d===s.value?"filter-chip-active":""}`,"aria-pressed":d===s.value,onClick:()=>{i(s.value),w(null)},children:s.label},s.value))})]}),e.jsxs(A,{className:"p-4",children:[e.jsxs("div",{className:"mb-3 flex flex-wrap items-center gap-2",role:"toolbar","aria-label":"Series",children:[e.jsx(te,{label:"Crawler",color:J,count:k?.crawlerHits??0,active:o.has("crawler"),onToggle:()=>K("crawler")}),e.jsx(te,{label:"AI referral sessions",color:Z,count:k?.aiReferralHits??0,active:o.has("ai-referral"),onToggle:()=>K("ai-referral")})]}),b.isError?e.jsxs("p",{className:"py-12 text-center text-xs text-rose-400",children:["Failed to load events: ",b.error instanceof Error?b.error.message:"Unknown error"]}):b.isLoading?e.jsx("p",{className:"py-12 text-center text-xs text-zinc-500",children:"Loading events…"}):C.length===0?e.jsx("p",{className:"py-12 text-center text-xs text-zinc-500",children:"No events in this window."}):e.jsx("div",{className:"h-72",children:e.jsx(Ce,{children:e.jsxs(Te,{data:C,margin:{top:4,right:4,bottom:0,left:0},onClick:ce,style:{cursor:"pointer"},children:[e.jsx(Re,{stroke:ye,strokeDasharray:"3 3"}),e.jsx($e,{dataKey:"label",tick:Y,stroke:G,interval:"preserveStartEnd",minTickGap:g.granularity==="day"?24:32}),e.jsx(Ae,{tick:Y,stroke:G,allowDecimals:!1}),e.jsx(Le,{...Ne}),o.has("crawler")?e.jsx(X,{dataKey:"crawler",name:"Crawler",fill:J,stackId:"a",children:C.map(s=>e.jsx(Q,{fillOpacity:u&&u!==s.bucket?.25:1},s.bucket))}):null,o.has("ai-referral")?e.jsx(X,{dataKey:"aiReferral",name:"AI referral",fill:Z,stackId:"a",children:C.map(s=>e.jsx(Q,{fillOpacity:u&&u!==s.bucket?.25:1},s.bucket))}):null]})})})]})]}),e.jsxs("section",{children:[e.jsxs("div",{className:"mb-4 flex flex-wrap items-end justify-between gap-x-4 gap-y-2",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-wider text-zinc-500",children:"Event rows"}),e.jsxs("p",{className:"mt-1 text-xs text-zinc-500",children:["Showing ",e.jsx("span",{className:"tabular-nums text-zinc-300",children:_.length.toLocaleString("en-US")})," of"," ",e.jsx("span",{className:"tabular-nums text-zinc-500",children:H.length.toLocaleString("en-US")})," events"]})]}),e.jsxs("div",{className:"flex flex-wrap items-center gap-2",children:[e.jsxs("select",{"aria-label":"Filter by identity",value:p,onChange:s=>j(s.target.value),className:"rounded-md border border-zinc-800 bg-zinc-950 px-2.5 py-1.5 text-xs text-zinc-200 focus:outline-none focus-visible:ring-1 focus-visible:ring-zinc-600",children:[e.jsx("option",{value:"",children:"All identities"}),le.map(s=>e.jsx("option",{value:s,children:s},s))]}),e.jsxs("select",{"aria-label":"Filter by operator",value:x,onChange:s=>z(s.target.value),className:"rounded-md border border-zinc-800 bg-zinc-950 px-2.5 py-1.5 text-xs text-zinc-200 focus:outline-none focus-visible:ring-1 focus-visible:ring-zinc-600",children:[e.jsx("option",{value:"",children:"All operators"}),ie.map(s=>e.jsx("option",{value:s,children:s},s))]}),e.jsx("select",{"aria-label":"Filter by HTTP status class",value:S,onChange:s=>M(s.target.value),className:"rounded-md border border-zinc-800 bg-zinc-950 px-2.5 py-1.5 text-xs text-zinc-200 focus:outline-none focus-visible:ring-1 focus-visible:ring-zinc-600",children:De.map(s=>e.jsx("option",{value:s.value,children:s.label},s.value))}),e.jsx("input",{type:"search","aria-label":"Filter by path",placeholder:"path contains…",value:y,onChange:s=>I(s.target.value),className:"w-44 rounded-md border border-zinc-800 bg-zinc-950 px-2.5 py-1.5 text-xs text-zinc-200 placeholder:text-zinc-600 focus:outline-none focus-visible:ring-1 focus-visible:ring-zinc-600"})]})]}),de?e.jsxs("div",{className:"mb-3 flex flex-wrap items-center gap-2",children:[W?e.jsx(T,{label:`Bucket: ${W}`,onClear:()=>w(null)}):null,p?e.jsx(T,{label:`Identity: ${p}`,onClear:()=>j("")}):null,x?e.jsx(T,{label:`Operator: ${x}`,onClear:()=>z("")}):null,y.trim()?e.jsx(T,{label:`Path: ${y.trim()}`,onClear:()=>I("")}):null,S!=="all"?e.jsx(T,{label:`Status: ${S}`,onClear:()=>M("all")}):null,e.jsx("button",{type:"button",onClick:oe,className:"text-xs text-zinc-500 underline-offset-4 hover:text-zinc-200 hover:underline",children:"Clear all"})]}):null,e.jsx(Ue,{events:_})]})]})}function L(a,t){return t==="day"?Fe(a):ne(a)}function Oe(a,t,n,r){const d=new Map;for(const i of a){const o=re(i.tsHour,t);let c=d.get(o);c||(c={bucket:o,label:L(o,t),crawler:0,aiReferral:0},d.set(o,c)),i.kind===v.crawler?c.crawler+=i.hits:c.aiReferral+=i.hits}if(n&&r){const i=new Date(n),o=new Date(r);if(t==="day"){const c=new Date(Date.UTC(i.getUTCFullYear(),i.getUTCMonth(),i.getUTCDate())),u=new Date(Date.UTC(o.getUTCFullYear(),o.getUTCMonth(),o.getUTCDate()));for(;c<=u;){const w=c.getUTCFullYear(),p=String(c.getUTCMonth()+1).padStart(2,"0"),j=String(c.getUTCDate()).padStart(2,"0"),x=`${w}-${p}-${j}`;d.has(x)||d.set(x,{bucket:x,label:L(x,t),crawler:0,aiReferral:0}),c.setUTCDate(c.getUTCDate()+1)}}else{const c=new Date(i);for(c.setUTCMinutes(0,0,0);c<=o;){const u=c.toISOString();d.has(u)||d.set(u,{bucket:u,label:L(u,t),crawler:0,aiReferral:0}),c.setUTCHours(c.getUTCHours()+1)}}}return[...d.values()].sort((i,o)=>i.bucket<o.bucket?-1:i.bucket>o.bucket?1:0)}function T({label:a,onClear:t}){return e.jsxs("span",{className:"inline-flex items-center gap-1.5 rounded-full border border-zinc-700 bg-zinc-800/60 px-2.5 py-1 text-[11px] text-zinc-200",children:[a,e.jsx("button",{type:"button",onClick:t,"aria-label":`Clear ${a}`,className:"rounded-full p-0.5 text-zinc-400 hover:bg-zinc-700/60 hover:text-zinc-100",children:e.jsx(je,{className:"size-3"})})]})}function te({label:a,color:t,count:n,active:r,onToggle:d}){return e.jsxs("button",{type:"button",onClick:d,"aria-pressed":r,className:`inline-flex items-center gap-2 rounded-full border px-3 py-1 text-xs font-medium transition ${r?"border-zinc-700 bg-zinc-800/60 text-zinc-100":"border-zinc-800 bg-transparent text-zinc-500 hover:text-zinc-300"}`,children:[e.jsx("span",{"aria-hidden":"true",className:`size-2 rounded-full transition-opacity ${r?"opacity-100":"opacity-30"}`,style:{backgroundColor:t}}),e.jsx("span",{children:a}),e.jsx("span",{className:`tabular-nums ${r?"text-zinc-400":"text-zinc-600"}`,children:n.toLocaleString("en-US")})]})}function Ue({events:a}){return a.length===0?e.jsx(A,{className:"p-6 text-center text-sm text-zinc-500",children:"No event rows match the current filters."}):e.jsx("div",{className:"rounded-xl border border-zinc-800/60 bg-zinc-900/30 overflow-hidden",children:e.jsxs("table",{className:"w-full text-sm",children:[e.jsx("thead",{className:"bg-zinc-900/50 text-[10px] font-semibold uppercase tracking-wider text-zinc-500",children:e.jsxs("tr",{children:[e.jsx("th",{className:"px-4 py-2 text-left",children:"Hour"}),e.jsx("th",{className:"px-4 py-2 text-left",children:"Kind"}),e.jsx("th",{className:"px-4 py-2 text-left",children:"Identity"}),e.jsx("th",{className:"px-4 py-2 text-left",children:"Evidence / status"}),e.jsx("th",{className:"px-4 py-2 text-left",children:"Path"}),e.jsx("th",{className:"px-4 py-2 text-right",children:"Hits"})]})}),e.jsx("tbody",{className:"divide-y divide-zinc-800/60",children:a.map((t,n)=>e.jsxs("tr",{className:"hover:bg-zinc-900/40 transition-colors",children:[e.jsx("td",{className:"px-4 py-2 font-mono text-xs text-zinc-300",children:ne(t.tsHour)}),e.jsx("td",{className:"px-4 py-2 text-zinc-300",children:t.kind===v.crawler?"Crawler":"AI referral"}),e.jsxs("td",{className:"px-4 py-2 text-zinc-100",children:[t.kind===v.crawler?t.botId:t.product,e.jsx("span",{className:"ml-2 text-[11px] text-zinc-500",children:t.operator})]}),e.jsx("td",{className:"px-4 py-2 text-zinc-300",children:t.kind===v.crawler?`${t.verificationStatus} · HTTP ${t.status}`:`${t.evidenceType} · ${t.sourceDomain}`}),e.jsx("td",{className:"px-4 py-2 truncate font-mono text-xs text-zinc-300",children:t.kind===v.crawler?t.pathNormalized:t.landingPathNormalized}),e.jsx("td",{className:"px-4 py-2 text-right tabular-nums text-zinc-100",children:t.hits})]},`${t.kind}:${t.tsHour}:${n}`))})]})})}export{Qe as TrafficSourceDetailPage};