67router 1.0.3 → 1.0.7

package/app/.next-cli-build/static/chunks/2435.73c540d31dae9ecf.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2435],{82435:(e,t,s)=>{s.r(t),s.d(t,{default:()=>i});var a=s(95155),n=s(12115),r=s(14051),l=s.n(r),o=s(88105);let c=["from-[#c5a880] to-[#e0c298]","from-[#3b82f6] to-[#60a5fa]","from-[#10b981] to-[#34d399]","from-[#f59e0b] to-[#fbbf24]","from-[#8b5cf6] to-[#a78bfa]","from-[#06b6d4] to-[#22d3ee]"],d=["text-[#c5a880]","text-[#3b82f6]","text-[#10b981]","text-[#f59e0b]","text-[#8b5cf6]","text-[#06b6d4]"];function i({byProvider:e,totalTokens:t=0,totalCachedTokens:s=0}){let r=(0,n.useMemo)(()=>{if(!e)return[];let s=Object.entries(e).map(([e,t])=>{let s=(t.promptTokens||0)+(t.completionTokens||0),a=(0,o.zt)(e)||o.Q2[e],n=a?.name||e;return{id:e,name:n,tokens:s,requests:t.requests||0,cost:t.cost||0}}),a=s.reduce((e,t)=>e+t.tokens,0)||t||1;return s.filter(e=>e.tokens>0||e.requests>0).sort((e,t)=>t.tokens-e.tokens).slice(0,5).map((e,t)=>({...e,share:(e.tokens/a*100).toFixed(1),gradient:c[t%c.length],textColor:d[t%d.length]}))},[e,t]),l=t>0?Math.min(99.9,s/t*100).toFixed(1):"0.0";return(0,a.jsxs)("div",{className:"bg-[#121216] border border-[#23242a] p-6 flex flex-col justify-between shadow-sm h-full",children:[(0,a.jsxs)("div",{className:"flex-1 flex flex-col",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between border-b border-[#23242a] pb-4 mb-4",children:[(0,a.jsx)("h2",{className:"text-sm font-semibold text-[#ededef]",children:"By Provider"}),(0,a.jsx)("span",{className:"text-[11px] text-[#9c9ca4] font-mono",children:"Share"})]}),0===r.length?(0,a.jsx)("div",{className:"py-12 flex-1 flex items-center justify-center text-[#9c9ca4] text-xs",children:"No provider usage recorded yet"}):(0,a.jsx)("div",{className:"space-y-4",children:r.map(e=>{var t;let s;return(0,a.jsxs)("div",{className:"space-y-1.5",children:[(0,a.jsxs)("div",{className:"flex justify-between text-xs font-medium",children:[(0,a.jsx)("span",{className:"text-[#ededef] truncate max-w-[180px]",children:e.name}),(0,a.jsxs)("span",{className:`${e.textColor} font-mono font-semibold`,children:[e.share,"%"]})]}),(0,a.jsx)("div",{className:"w-full bg-[#1c1c24] h-2 overflow-hidden",children:(0,a.jsx)("div",{className:`bg-gradient-to-r ${e.gradient} h-full transition-all duration-500`,style:{width:`${Math.max(2,parseFloat(e.share))}%`}})}),(0,a.jsxs)("div",{className:"flex justify-between text-[10px] text-[#9c9ca4] font-mono",children:[(0,a.jsx)("span",{children:(t=e.tokens)>=1e6?`${(t/1e6).toFixed(2)}M tokens`:t>=1e3?`${(t/1e3).toFixed(1)}k tokens`:`${t||0} tokens`}),(0,a.jsx)("span",{children:(s=e.cost,`$${(s||0).toFixed(2)} est.`)})]})]},e.id)})})]}),(0,a.jsxs)("div",{className:"mt-6 p-3 bg-[#181820] border border-[#23242a] flex items-center justify-between shrink-0",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2.5",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-base text-[#c5a880]",children:"auto_awesome"}),(0,a.jsxs)("div",{className:"text-xs text-[#ededef]",children:[(0,a.jsx)("div",{className:"font-medium",children:"Auto-Routing Savings"}),(0,a.jsxs)("div",{className:"text-[10px] text-[#9c9ca4]",children:["Saved ~",l,"% via Cache & Fallbacks"]})]})]}),(0,a.jsxs)("span",{className:"text-xs font-bold font-mono text-[#10b981]",children:["+$",(s>0?3e-6*s:0).toFixed(2)]})]})]})}i.propTypes={byProvider:l().object,totalTokens:l().number,totalCachedTokens:l().number}}}]);

package/app/.next-cli-build/static/chunks/3521.f0ac0c88103b9f6c.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3521],{63521:(e,t,r)=>{r.r(t),r.d(t,{default:()=>g});var o=r(95155),s=r(12115),a=r(14051),i=r.n(a),n=r(81750),l=r(6793);r(53255);var c=r(88105),d=r(8247);function p({data:e}){let{label:t,color:r,imageUrl:a,textIcon:i,active:c}=e,[u,h]=(0,s.useState)(!1);return(0,o.jsxs)("div",{className:"flex items-center gap-2.5 px-3.5 py-2 border transition-all duration-300 bg-[#15151a]",style:{borderColor:c?r:"#2b2c36",boxShadow:c?`0 0 16px ${r}40`:"none",minWidth:"140px"},children:[(0,o.jsx)(n.h7,{type:"target",position:l.yX.Top,id:"top",className:"!bg-transparent !border-0 !w-0 !h-0"}),(0,o.jsx)(n.h7,{type:"target",position:l.yX.Bottom,id:"bottom",className:"!bg-transparent !border-0 !w-0 !h-0"}),(0,o.jsx)(n.h7,{type:"target",position:l.yX.Left,id:"left",className:"!bg-transparent !border-0 !w-0 !h-0"}),(0,o.jsx)(n.h7,{type:"target",position:l.yX.Right,id:"right",className:"!bg-transparent !border-0 !w-0 !h-0"}),(0,o.jsx)("div",{className:"w-7 h-7 flex items-center justify-center shrink-0",style:{backgroundColor:`${r}15`},children:a&&!u?(0,o.jsx)("img",{src:a,alt:t,className:"w-5 h-5 object-contain",loading:"lazy",decoding:"async",onError:()=>{let e=a?.match(/^\/providers\/([^/]+)\.png$/i);e&&(0,d.Kw)(e[1]),h(!0)}}):(0,o.jsx)("span",{className:"text-xs font-bold",style:{color:r},children:i})}),(0,o.jsx)("span",{className:"text-xs font-semibold truncate",style:{color:c?r:"#ededef"},children:t}),c&&(0,o.jsxs)("span",{className:"relative flex h-2 w-2 shrink-0 ml-auto",children:[(0,o.jsx)("span",{className:"animate-ping absolute inline-flex h-full w-full rounded-full opacity-75",style:{backgroundColor:r}}),(0,o.jsx)("span",{className:"relative inline-flex rounded-full h-2 w-2",style:{backgroundColor:r}})]})]})}function u({data:e}){let t=(e.activeCount||0)>0;return(0,o.jsxs)("div",{className:`relative z-[1] flex items-center justify-center px-4 py-2.5 border-2 min-w-[130px] transition-all ${t?"border-[#c5a880] bg-gradient-to-b from-[#1c1c24] to-[#14141a] shadow-lg shadow-[#c5a880]/20":"border-[#c5a880] bg-gradient-to-b from-[#1c1c24] to-[#14141a] shadow-md"}`,children:[(0,o.jsx)(n.h7,{type:"source",position:l.yX.Top,id:"top",className:"!bg-transparent !border-0 !w-0 !h-0"}),(0,o.jsx)(n.h7,{type:"source",position:l.yX.Bottom,id:"bottom",className:"!bg-transparent !border-0 !w-0 !h-0"}),(0,o.jsx)(n.h7,{type:"source",position:l.yX.Left,id:"left",className:"!bg-transparent !border-0 !w-0 !h-0"}),(0,o.jsx)(n.h7,{type:"source",position:l.yX.Right,id:"right",className:"!bg-transparent !border-0 !w-0 !h-0"}),(0,o.jsx)("img",{src:"/favicon.svg",alt:"67Router",className:`w-5 h-5 mr-2 ${t?"topology-router-icon":""}`,loading:"lazy",decoding:"async"}),(0,o.jsx)("span",{className:"text-xs font-bold text-[#c5a880] tracking-wide",children:"67Router Hub"}),e.activeCount>0&&(0,o.jsx)("span",{className:"ml-2 px-1.5 py-0.2 bg-[#c5a880]/20 text-[#c5a880] text-[10px] font-bold",children:e.activeCount})]})}function h({id:e,sourceX:t,sourceY:r,targetX:s,targetY:a,sourcePosition:i,targetPosition:c,style:d={},data:p}){let[u]=(0,l.Fp)({sourceX:t,sourceY:r,sourcePosition:i,targetX:s,targetY:a,targetPosition:c}),m=!!p?.active,f=d.stroke||"var(--color-border)",g=`topo-electric-${e}`;return m?(0,o.jsxs)("g",{className:"topology-edge-electric",children:[(0,o.jsx)("defs",{children:(0,o.jsxs)("filter",{id:g,x:"-40%",y:"-40%",width:"180%",height:"180%",children:[(0,o.jsx)("feTurbulence",{type:"fractalNoise",baseFrequency:"0.9",numOctaves:"2",seed:"2",result:"noise",children:(0,o.jsx)("animate",{attributeName:"baseFrequency",values:"0.8;1.4;0.8",dur:"0.25s",repeatCount:"indefinite"})}),(0,o.jsx)("feDisplacementMap",{in:"SourceGraphic",in2:"noise",scale:"3.5",xChannelSelector:"R",yChannelSelector:"G"})]})}),(0,o.jsx)("path",{d:u,fill:"none",stroke:"#22d3ee",strokeWidth:10,strokeOpacity:.35,strokeLinecap:"round",filter:`url(#${g})`,className:"topology-edge-halo"}),(0,o.jsx)("path",{d:u,fill:"none",stroke:"#4ade80",strokeWidth:5,strokeOpacity:.85,strokeLinecap:"round",filter:`url(#${g})`,className:"topology-edge-plasma"}),(0,o.jsx)(n.tE,{id:e,path:u,style:{stroke:"#f8fafc",strokeWidth:2.2,opacity:1},className:"topology-edge-kame"}),Array.from({length:6},(t,r)=>(0,o.jsx)("circle",{r:r%2==0?4:2.5,fill:r%3==0?"#fde047":r%3==1?"#67e8f9":"#fff",opacity:.95,style:{filter:"drop-shadow(0 0 4px #22d3ee)"},children:(0,o.jsx)("animateMotion",{dur:`${.4+.08*r}s`,repeatCount:"indefinite",path:u,begin:`${.09*r}s`})},`${e}-p-${r}`)),Array.from({length:5},(t,r)=>(0,o.jsxs)("circle",{r:1.8,fill:"#e0f2fe",opacity:0,children:[(0,o.jsx)("animate",{attributeName:"opacity",values:"0;1;0;0;1;0",dur:`${.35+r%3*.1}s`,begin:`${.07*r}s`,repeatCount:"indefinite"}),(0,o.jsx)("animateMotion",{dur:`${.28+.05*r}s`,repeatCount:"indefinite",path:u,begin:`${.11*r}s`})]},`${e}-s-${r}`))]}):(0,o.jsx)(n.tE,{id:e,path:u,style:{...d,stroke:f}})}p.propTypes={data:i().object.isRequired},u.propTypes={data:i().object.isRequired},h.propTypes={id:i().string,sourceX:i().number,sourceY:i().number,targetX:i().number,targetY:i().number,sourcePosition:i().string,targetPosition:i().string,style:i().object,data:i().object};let m={provider:p,router:u},f={topology:h};function g({providers:e=[],activeRequests:t=[],lastProvider:r="",errorProvider:a="",className:i=""}){let l=(0,s.useMemo)(()=>t.map(e=>e.provider?.toLowerCase()).filter(Boolean).sort().join(","),[t]),p=r?.toLowerCase()||"",u=a?.toLowerCase()||"",h=(0,s.useMemo)(()=>new Set(l?l.split(","):[]),[l]),b=(0,s.useMemo)(()=>new Set(p?[p]:[]),[p]),x=(0,s.useMemo)(()=>new Set(u?[u]:[]),[u]),y=(0,s.useRef)({}),[v,j]=(0,s.useState)(0);(0,s.useEffect)(()=>{let e=y.current,t=Date.now();for(let r of h)e[r]||(e[r]=t);for(let t of Object.keys(e))h.has(t)||delete e[t]},[h]),(0,s.useEffect)(()=>{if(0===h.size)return;let e=setInterval(()=>j(e=>e+1),1e3);return()=>clearInterval(e)},[h]);let w=(0,s.useMemo)(()=>{let e=Date.now(),t=new Set;for(let r of h){let o=y.current[r];(!o||e-o<6e4)&&t.add(r)}return t},[h,v]),{nodes:N,edges:k}=(0,s.useMemo)(()=>(function(e,t,r,o){let s=e.length,a=Math.max(320,204*s/(2*Math.PI)),i=Math.max(200,.55*a);if(0===s)return{nodes:[{id:"router",type:"router",position:{x:0,y:0},data:{activeCount:0},draggable:!1}],edges:[]};let n=[],l=[];return n.push({id:"router",type:"router",position:{x:-60,y:-22},data:{activeCount:t.size},draggable:!1}),e.forEach((e,p)=>{var u,h;let m,f,g=(u=e.provider,c.Q2[u]||{color:"#6b7280",name:u}),b=t.has(e.provider?.toLowerCase()),x=!b&&r.has(e.provider?.toLowerCase()),y=!b&&o.has(e.provider?.toLowerCase()),v=`provider-${e.provider}`,j={label:(g.name!==e.provider?g.name:null)||e.nodeName||e.name||e.provider,color:g.color||"#6b7280",imageUrl:(h=e.provider,(0,d.HY)(h)),textIcon:g.textIcon||(e.provider||"?").slice(0,2).toUpperCase(),active:b},w=-Math.PI/2+2*Math.PI*p/s,N=a*Math.cos(w),k=i*Math.sin(w);Math.abs(w+Math.PI/2)<Math.PI/4||Math.abs(w-3*Math.PI/2)<Math.PI/4?(m="top",f="bottom"):Math.abs(w-Math.PI/2)<Math.PI/4?(m="bottom",f="top"):N>0?(m="right",f="left"):(m="left",f="right"),n.push({id:v,type:"provider",position:{x:N-90,y:k-15},data:j,draggable:!1}),l.push({id:`e-${v}`,type:"topology",source:"router",sourceHandle:m,target:v,targetHandle:f,animated:!1,data:{active:b},style:y?{stroke:"#ef4444",strokeWidth:2.5,opacity:.9}:b?{stroke:"#22d3ee",strokeWidth:3.5,opacity:1}:x?{stroke:"#f59e0b",strokeWidth:2,opacity:.7}:{stroke:"var(--color-border)",strokeWidth:1,opacity:.3}})}),{nodes:n,edges:l}})(e,w,b,x),[e,w,b,x]),C=(0,s.useMemo)(()=>e.map(e=>e.provider).sort().join(","),[e]),M=(0,s.useRef)(null),$=(0,s.useRef)(null),I={padding:.2,duration:200},P=(0,s.useCallback)(e=>{M.current=e,setTimeout(()=>e.fitView(I),50)},[]);return(0,s.useEffect)(()=>{let e=$.current;if(!e)return;let t=new ResizeObserver(()=>{M.current&&M.current.fitView(I)});return t.observe(e),()=>t.disconnect()},[]),(0,s.useEffect)(()=>{if(M.current){let e=setTimeout(()=>M.current.fitView(I),50);return()=>clearTimeout(e)}},[N.length]),(0,o.jsx)("div",{ref:$,className:i||"h-[320px] w-full min-w-0 bg-transparent sm:h-[400px]",children:0===e.length?(0,o.jsx)("div",{className:"h-full flex items-center justify-center text-text-muted text-sm",children:"No providers connected"}):(0,o.jsx)(n.Gc,{nodes:N,edges:k,nodeTypes:m,edgeTypes:f,fitView:!0,fitViewOptions:I,minZoom:.1,maxZoom:2,onInit:P,proOptions:{hideAttribution:!0},panOnDrag:!0,zoomOnScroll:!0,zoomOnPinch:!0,zoomOnDoubleClick:!0,preventScrolling:!1,nodesDraggable:!1,nodesConnectable:!1,elementsSelectable:!1,children:(0,o.jsx)(n.H2,{showInteractive:!1,className:"react-flow-controls-custom"})},C)})}g.propTypes={providers:i().arrayOf(i().shape({id:i().string,provider:i().string,name:i().string})),activeRequests:i().arrayOf(i().shape({provider:i().string,model:i().string,account:i().string})),lastProvider:i().string,errorProvider:i().string}}}]);