https://ssicevs.com/assets/SeoVariantBlock-DkTr8hmb.js

1import{r as m,j as e}from"./metal-fx-C6GZ_SKA.js";import{s as C,u as T,c as u}from"./seo-variants-DDNTASGZ.js";import{M as y,D as h,E as v,p as o,s as A}from"./seo-snapshot-Bqg1Zfce.js";import{bD as D,W as G,aT as L,e8 as E,eG as x,du as F,bK as I,dk as R,aQ as $,e1 as K,e0 as M}from"./index-D1yBc__G.js";import{s as O,b as Q,c as Z,X as B,Y as P,z as U,a as k}from"./AreaChart-DkNE0Nom.js";import"./latest-CpfmJdF0.js";import"./motion-BHwmuFpx.js";import"./index-CQWrk29H.js";import"./index-CWZHqrBj.js";const W=[{id:90,label:"Last 3 months"},{id:30,label:"Last 30 days"},{id:7,label:"Last 7 days"}],q=[{icon:D,label:"Dashboard",on:!0},{icon:G,label:"Analytics"},{icon:L,label:"Pages"},{icon:E,label:"Queries"}];function g({label:t,value:l,delta:r,up:f,line1:i,line2:n}){const c=f?K:M;return e.jsxs("div",{className:"flex flex-col gap-2 rounded-xl border border-foreground/[0.06] p-4",style:{background:"var(--card)"},children:[e.jsxs("div",{className:"flex items-start justify-between gap-2",children:[e.jsx("span",{className:"text-[12px] text-foreground/40",children:t}),r&&e.jsxs("span",{className:"inline-flex items-center gap-1 rounded-md border border-foreground

1/[0.08] px-1.5 py-0.5 text-[10.5px] tabular-nums text-foreground/60",children:[e.jsx(c,{className:"h-3 w-3"}),r]})]}),e.jsx("div",{className:"text-[26px] font-semibold tabular-nums tracking-[-0.03em] text-foreground/95",children:l}),e.jsxs("div",{className:"flex flex-col gap-0.5",children:[e.jsxs("span",{className:"flex items-center gap-1.5 text-[12px] font-medium text-foreground/75",children:[i," ",e.jsx(c,{className:"h-3.5 w-3.5 text-foreground/30"})]}),e.jsx("span",{className:"text-[11.5px] text-foreground/35",children:n})]})]})}function w({children:t,className:l}){return e.jsx("div",{className:x("rounded-xl border border-foreground/[0.06]",l),style:{background:"var(--card)"},children:t})}function te(){const[t,l]=m.useState(90),[r,f]=m.useState("All queries"),i=C(),{totals:n,ctr:c,clicksTrend:p,imprTrend:d}=T(),j=m.useMemo(()=>i.slice(-t),[i,t]),b=m.useMemo(()=>{const s=new Set(y.map(a=>a.label));return[...r==="Striking distance"?h.filter(a=>s.has(a.label)):r==="Zero click"?h.filter(a=>a.clicks===0&&a.impressions>0):h].sort((a,S)=>S.impressions-a.impressions)},[r]);return e.jsx("div",{className:"min-h-screen bg-background text-foreground",children:e.jsxs("div",{className:"flex",children:[e.jsxs("aside",{className:"sticky top-0 hidden h-screen w-[228px] shrink-0 flex-col border-r border-foreground

1/[0.06] p-3 lg:flex",children:[e.jsxs("div",{className:"flex items-center gap-2 px-2 py-2",children:[e.jsx("span",{"aria-hidden":!0,className:"grid h-7 w-7 place-items-center rounded-lg text-[11px] font-bold text-white",style:{background:"var(--chart-1)"},children:"S"}),e.jsx("span",{className:"text-[13px] font-semibold text-foreground/90",children:"ssych"})]}),e.jsx("nav",{className:"mt-3 flex flex-col gap-0.5",children:q.map(s=>e.jsxs("button",{type:"button",className:x("flex items-center gap-2.5 rounded-lg px-2.5 py-2 text-[12.5px] transition-colors",s.on?"bg-foreground/[0.07] text-foreground/90":"text-foreground/45 hover:bg-foreground/[0.04] hover:text-foreground/75"),children:[e.jsx(s.icon,{className:"h-4 w-4"}),s.label]},s.label))}),e.jsxs("div",{className:"mt-auto flex flex-col gap-0.5",children:[e.jsxs("button",{type:"button",className:"flex items-center gap-2.5 rounded-lg px-2.5 py-2 text-[12.5px] text-foreground/40 transition-colors hover:text-foreground/70",children:[e.jsx(F,{className:"h-4 w-4"})," Settings"]}),e.jsxs("button",{type:"button",className:"flex items-center gap-2.5 rounded-lg px-2.5 py-2 text-[12.5px] text-foreground/40 transition-colors hover:text-foreground/70",children:[e.jsx(I,{className:"h-4 w-4"})," Help"]}),e.jsxs("div",{className:"mt-2 flex items-center gap-2 rounded-lg border border-foreground

1/[0.06] px-2.5 py-2",children:[e.jsx("span",{"aria-hidden":!0,className:"grid h-7 w-7 place-items-center rounded-full bg-foreground/[0.08] text-[10.5px] font-semibold",children:"SS"}),e.jsxs("span",{className:"min-w-0",children:[e.jsx("span",{className:"block truncate text-[12px] text-foreground/80",children:"Savva"}),e.jsx("span",{className:"block truncate text-[10.5px] text-foreground/30",children:"ssych.com"})]})]})]})]}),e.jsxs("main",{className:"min-w-0 flex-1",children:[e.jsxs("header",{className:"flex h-14 items-center gap-3 border-b border-foreground/[0.06] px-4 lg:px-6",children:[e.jsx("h1",{className:"text-[14px] font-semibold text-foreground/90",children:"Dashboard"}),e.jsxs("span",{className:"ml-auto hidden items-center gap-2 text-[11.5px] text-foreground/35 sm:flex",children:[e.jsx(R,{className:"h-3.5 w-3.5"}),v.since," → ",v.until]})]}),e.jsxs("div",{className:"flex flex-col gap-4 px-4 py-4 lg:px-6",children:[e.jsxs("div",{className:"grid gap-4 sm:grid-cols-2 xl:grid-cols-4",children:[e.jsx(g,{label:"Impressions",value:o.int(n.impressions),delta:d.fromZero?`+${d.absolute}`:o.signed(d.delta),up:d.up,line1:d.up?"Up over the window":"Down over the window",line2:"Compared half against half"}),e.jsx(g,{label:"Clicks",value:o.int(n.clicks),delta:p.fromZero?`+${p.absolute}`:o.signed(p.delta),up:p.up,line1:`${c.toFixed(2)}% of impressions`,line2:"Every click Google sent"}),e.jsx(g,{label:"Avg position",value:o.pos(n.position),line1:n.position<=10?"Page one on average":"Below page one",line2:"Impression-weighted"}),e.jsx(g,{label:"Queries",value:o.int(h.length),line1:`${y.length} in striking distance`,line2:"Named; the long tail is withheld"})]}),e.jsxs(w,{children:[e.jsxs("div",{className:"flex flex-col gap-3 border-b border-foreground

1/[0.05] p-4 sm:flex-row sm:items-center",children:[e.jsxs("div",{children:[e.jsx("h2",{className:"text-[14px] font-semibold text-foreground/90",children:"Impressions and clicks"}),e.jsxs("p",{className:"mt-0.5 text-[11.5px] text-foreground/35",children:[j.length," days shown of ",i.length," measured"]})]}),e.jsx("div",{className:"sm:ml-auto inline-flex gap-1 rounded-lg border border-foreground/[0.07] p-1",children:W.map(s=>e.jsx("button",{type:"button",onClick:()=>l(s.id),"aria-pressed":t===s.id,className:x("rounded-md px-2.5 py-1 text-[11.5px] transition-colors",t===s.id?"bg-foreground/[0.08] text-foreground/85":"text-foreground/40 hover:text-foreground/70"),children:s.label},s.id))})]}),e.jsx("div",{className:"h-[300px] p-3",children:e.jsx(O,{width:"100%",height:"100%",children:e.jsxs(Q,{data:j,children:[e.jsxs("defs",{children:[e.jsxs("linearGradient",{id:"b1",x1:"0",y1:"0",x2:"0",y2:"1",children:[e.jsx("stop",{offset:"0%",stopColor:"var(--chart-1)",stopOpacity:.5}),e.jsx("stop",{offset:"100%",stopColor:"var(--chart-1)",stopOpacity:.03})]}),e.jsxs("linearGradient",{id:"b2",x1:"0",y1:"0",x2:"0",y2:"1",children:[e.jsx("stop",{offset:"0%",stopColor:"var(--chart-2)",stopOpacity:.55}),e.jsx("stop",{offset:"100%",stopColor:"var(--chart-2)",stopOpacity:.03})]})]}),e.jsx(Z,{...u.grid}),e.jsx(B,{dataKey:"date",...u.axis,minTickGap:30}),e.jsx(P,{...u.axis,width:30}),e.jsx(U,{contentStyle:u.tooltip}),e.jsx(k,{type:"monotone",dataKey:"impressions",stroke:"var(--chart-1)",strokeWidth:1.6,fill:"url(#b1)"}),e.jsx(k,{type:"monotone",dataKey:"clicks",stroke:"var(--chart-2)",strokeWidth:1.6,fill:"url(#b2)"})]})})})]}),e.jsxs(w,{children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-2 border-b border-foreground

1/[0.05] p-3",children:[e.jsx("div",{className:"inline-flex gap-1 rounded-lg border border-foreground/[0.07] p-1",children:["All queries","Striking distance","Zero click"].map(s=>e.jsx("button",{type:"button",onClick:()=>f(s),"aria-pressed":r===s,className:x("rounded-md px-2.5 py-1 text-[11.5px] transition-colors",r===s?"bg-foreground/[0.08] text-foreground/85":"text-foreground/40 hover:text-foreground/70"),children:s},s))}),e.jsxs("span",{className:"ml-auto inline-flex items-center gap-1.5 text-[11.5px] text-foreground/35",children:[e.jsx($,{className:"h-3.5 w-3.5"})," ",b.length," rows"]})]}),b.length?e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("table",{className:"w-full border-collapse",children:[e.jsx("thead",{children:e.jsx("tr",{className:"border-b border-foreground/[0.04]",children:["Query","Clicks","Impressions","CTR","Position"].map((s,N)=>e.jsx("th",{className:x("px-4 py-2.5 text-[10px] font-normal uppercase tracking-[0.1em] text-foreground/30",N?"text-right":"text-left"),children:s},s))})}),e.jsx("tbody",{children:b.map(s=>

1e.jsxs("tr",{className:"border-b border-foreground/[0.03] last:border-0",children:[e.jsx("td",{className:"truncate px-4 py-2.5 text-[12.5px] text-foreground/85",children:s.label}),e.jsx("td",{className:"px-4 py-2.5 text-right text-[12px] tabular-nums text-foreground/70",children:s.clicks}),e.jsx("td",{className:"px-4 py-2.5 text-right text-[12px] tabular-nums text-foreground/70",children:o.int(s.impressions)}),e.jsxs("td",{className:"px-4 py-2.5 text-right text-[12px] tabular-nums text-foreground/45",children:[s.ctr.toFixed(1),"%"]}),e.jsx("td",{className:"px-4 py-2.5 text-right text-[12px] tabular-nums text-foreground/70",children:o.pos(s.position)})]},s.label))})]})}):e.jsx("p",{className:"px-4 py-10 text-center text-[12px] text-foreground/30",children:"Nothing in this window matches."})]}),e.jsxs("p",{className:"pb-2 text-[11px] text-foreground/25",children:["Layout after shadcn-ui/ui dashboard-01 (MIT) · data from seo-data/latest.json, pulled ",A.slice(0,10)]})]})]})]})})}export{te as default};