omniroute 3.4.5 → 3.4.6

package/app/.next/static/chunks/08iujr48xci8k.js

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,565650,e=>{"use strict";e.i(342923),e.i(80173),e.i(907714),e.i(393718),e.i(703166),e.i(454149),e.i(822124),e.i(969353),e.i(635055),e.i(897844),e.i(450222),e.i(647829),e.i(6998),e.i(982131),e.i(116016),e.i(279743),e.i(193464),e.i(548036),e.i(566770),e.i(953789),e.i(8839),e.i(227404),e.i(621745),e.i(567955),e.i(17517),e.i(419947),e.i(323060),e.i(642440),e.i(629342),e.i(816062),e.i(690777),e.i(563201),e.i(115243),e.i(165149),e.i(359505),e.s([],565650)},11477,e=>{"use strict";var t=e.i(393718);e.s(["Card",()=>t.default])},474078,e=>{"use strict";var t=e.i(342923);e.s(["Button",()=>t.default])},11131,e=>{"use strict";var t=e.i(629342);e.s(["EmptyState",()=>t.default])},256765,e=>{"use strict";var t=e.i(843476),s=e.i(271645);e.i(565650);var a=e.i(11477),l=e.i(474078),i=e.i(11131),r=e.i(627949),d=e.i(948148);function c(){let e=(0,d.useTranslations)("cache"),[a,i]=(0,s.useState)([]),[r,c]=(0,s.useState)({page:1,limit:20,total:0,totalPages:0}),[n,x]=(0,s.useState)(!0),[o,m]=(0,s.useState)(""),[h,u]=(0,s.useState)(null),p=(0,s.useCallback)(async(e=1)=>{x(!0);try{let t=new URLSearchParams({page:String(e),limit:String(r.limit)});o&&t.set("search",o);let s=await fetch(`/api/cache/entries?${t}`);if(s.ok){let e=await s.json();i(e.entries),c(e.pagination)}}catch{}finally{x(!1)}},[o,r.limit]);(0,s.useEffect)(()=>{p()},[p]);let b=async e=>{u(e);try{await fetch(`/api/cache/entries?signature=${encodeURIComponent(e)}`,{method:"DELETE"}),await p(r.page)}finally{u(null)}},j=e=>new Date(e).toLocaleString();return(0,t.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,t.jsxs)("div",{className:"flex items-center gap-3",children:[(0,t.jsx)("input",{type:"text",placeholder:e("searchEntries"),value:o,onChange:e=>m(e.target.value),onKeyDown:e=>"Enter"===e.key&&p(),className:"flex-1 px-3 py-2 text-sm rounded-lg border border-border bg-surface text-text-main placeholder:text-text-muted"}),(0,t.jsx)(l.Button,{variant:"secondary",size:"sm",onClick:()=>p(),children:e("search")})]}),n?(0,t.jsx)("div",{className:"text-sm text-text-muted",children:e("loading")}):0===a.length?(0,t.jsx)("div",{className:"text-sm text-text-muted text-center py-8",children:e("noEntries")}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"overflow-x-auto",children:(0,t.jsxs)("table",{className:"w-full text-sm",children:[(0,t.jsx)("thead",{children:(0,t.jsxs)("tr",{className:"text-left text-xs text-text-muted border-b border-border/30",children:[(0,t.jsx)("th",{className:"pb-2 pr-4",children:e("signature")}),(0,t.jsx)("th",{className:"pb-2 pr-4",children:e("model")}),(0,t.jsx)("th",{className:"pb-2 pr-4",children:e("hits")}),(0,t.jsx)("th",{className:"pb-2 pr-4",children:e("tokensSaved")}),(0,t.jsx)("th",{className:"pb-2 pr-4",children:e("created")}),(0,t.jsx)("th",{className:"pb-2 pr-4",children:e("expires")}),(0,t.jsx)("th",{className:"pb-2",children:e("actions")})]})}),(0,t.jsx)("tbody",{children:a.map(e=>(0,t.jsxs)("tr",{className:"border-b border-border/20",children:[(0,t.jsxs)("td",{className:"py-2 pr-4 font-mono text-xs",children:[e.signature.slice(0,12),"..."]}),(0,t.jsx)("td",{className:"py-2 pr-4",children:e.model}),(0,t.jsx)("td",{className:"py-2 pr-4 tabular-nums",children:e.hit_count}),(0,t.jsx)("td",{className:"py-2 pr-4 tabular-nums text-green-500",children:e.tokens_saved.toLocaleString()}),(0,t.jsx)("td",{className:"py-2 pr-4 text-xs text-text-muted",children:j(e.created_at)}),(0,t.jsx)("td",{className:"py-2 pr-4 text-xs text-text-muted",children:j(e.expires_at)}),(0,t.jsx)("td",{className:"py-2",children:(0,t.jsx)("button",{onClick:()=>b(e.signature),disabled:h===e.signature,className:"text-xs text-red-400 hover:text-red-300 disabled:opacity-50",children:h===e.signature?"...":"🗑️"})})]},e.id))})]})}),r.totalPages>1&&(0,t.jsxs)("div",{className:"flex items-center justify-center gap-2 pt-2",children:[(0,t.jsx)(l.Button,{variant:"secondary",size:"sm",onClick:()=>p(r.page-1),disabled:r.page<=1,children:"←"}),(0,t.jsxs)("span",{className:"text-sm text-text-muted",children:[r.page," / ",r.totalPages]}),(0,t.jsx)(l.Button,{variant:"secondary",size:"sm",onClick:()=>p(r.page+1),disabled:r.page>=r.totalPages,children:"→"})]})]})]})}function n({icon:e,label:s,value:a,sub:l,valueClass:i="text-text"}){return(0,t.jsxs)("div",{className:"flex flex-col gap-1 p-4 rounded-xl bg-surface-raised border border-border/40",children:[(0,t.jsxs)("div",{className:"flex items-center gap-1.5 text-text-muted text-xs",children:[(0,t.jsx)("span",{className:"material-symbols-outlined text-base leading-none","aria-hidden":"true",children:e}),s]}),(0,t.jsx)("div",{className:`text-2xl font-semibold tabular-nums ${i}`,children:a}),l&&(0,t.jsx)("div",{className:"text-xs text-text-muted",children:l})]})}function x({hitRate:e,label:s}){let a=e>=70?"bg-green-500":e>=40?"bg-amber-400":"bg-red-500",l=e>=70?"text-green-500":e>=40?"text-amber-400":"text-red-500";return(0,t.jsxs)("div",{className:"w-full",role:"progressbar","aria-label":s,"aria-valuenow":e,"aria-valuemin":0,"aria-valuemax":100,children:[(0,t.jsxs)("div",{className:"flex justify-between text-xs mb-1.5",children:[(0,t.jsx)("span",{className:"text-text-muted",children:s}),(0,t.jsxs)("span",{className:`font-semibold tabular-nums ${l}`,children:[e.toFixed(1),"%"]})]}),(0,t.jsx)("div",{className:"w-full h-2 rounded-full bg-surface/50 overflow-hidden",children:(0,t.jsx)("div",{className:`h-full rounded-full transition-all duration-500 ${a}`,style:{width:`${Math.min(e,100)}%`}})})]})}function o({icon:e,children:s}){return(0,t.jsxs)("div",{className:"flex gap-2 text-sm text-text-muted",children:[(0,t.jsx)("span",{className:"material-symbols-outlined text-base leading-5 text-blue-400 shrink-0","aria-hidden":"true",children:e}),(0,t.jsx)("span",{children:s})]})}e.s(["default",0,function(){let e=(0,d.useTranslations)("cache"),[m,h]=(0,s.useState)(null),[u,p]=(0,s.useState)(!0),[b,j]=(0,s.useState)(!1),[g,v]=(0,s.useState)("overview"),f=(0,r.useNotificationStore)(),N=(0,s.useCallback)(async()=>{try{let e=await fetch("/api/cache");if(e.ok){let t=await e.json();h(t)}}catch(e){console.error("[CachePage] Failed to fetch cache stats:",e)}finally{p(!1)}},[]);(0,s.useEffect)(()=>{N();let e=setInterval(()=>void N(),1e4);return()=>clearInterval(e)},[N]);let y=async()=>{j(!0);try{let t=await fetch("/api/cache",{method:"DELETE"});if(t.ok){let s=await t.json();f.success(e("clearSuccess",{count:s.expiredRemoved??0})),await N()}else f.error(e("clearError"))}catch(t){console.error("[CachePage] Failed to clear cache:",t),f.error(e("clearError"))}finally{j(!1)}},w=m?.semanticCache,C=m?.promptCache,S=m?.trend??[],k=m?.idempotency,T=w?parseFloat(w.hitRate):0,E=w?w.hits+w.misses:0,L=C&&C.totalRequests>0?C.requestsWithCacheControl/C.totalRequests*100:0,q=C?Object.entries(C.byProvider):[],R=Math.max(1,...S.map(e=>e.requests));return(0,t.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,t.jsxs)("div",{className:"flex items-start justify-between gap-4",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("h1",{className:"text-xl font-semibold",children:e("title")}),(0,t.jsx)("p",{className:"text-sm text-text-muted mt-0.5",children:e("description")})]}),(0,t.jsxs)("div",{className:"flex gap-2 shrink-0",children:[(0,t.jsx)(l.Button,{variant:"secondary",icon:"refresh",size:"sm",onClick:()=>void N(),disabled:u,"aria-label":e("refresh"),children:e("refresh")}),(0,t.jsx)(l.Button,{variant:"danger",icon:"delete_sweep",size:"sm",onClick:()=>void y(),disabled:b||u,loading:b,"aria-label":e("clearAll"),children:e("clearAll")})]})]}),(0,t.jsxs)("div",{className:"flex gap-1 p-1 rounded-lg bg-black/5 dark:bg-white/5 w-fit",children:[(0,t.jsx)("button",{onClick:()=>v("overview"),className:`px-4 py-2 rounded-md text-sm font-medium transition-all ${"overview"===g?"bg-white dark:bg-white/10 text-text-main shadow-sm":"text-text-muted hover:text-text-main"}`,children:e("overview")}),(0,t.jsx)("button",{onClick:()=>v("entries"),className:`px-4 py-2 rounded-md text-sm font-medium transition-all ${"entries"===g?"bg-white dark:bg-white/10 text-text-main shadow-sm":"text-text-muted hover:text-text-main"}`,children:e("entries")})]}),"entries"===g&&(0,t.jsx)(c,{}),"overview"===g&&(0,t.jsxs)(t.Fragment,{children:[u&&(0,t.jsx)("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4","aria-busy":"true","aria-label":"Loading cache statistics",children:Array.from({length:4}).map((e,s)=>(0,t.jsx)("div",{className:"h-24 rounded-xl bg-surface-raised animate-pulse"},s))}),!u&&!m&&(0,t.jsx)(i.EmptyState,{icon:"cached",title:e("unavailable"),description:e("unavailableDesc"),actionLabel:e("refresh"),onAction:()=>void N()}),!u&&m&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[(0,t.jsx)(n,{icon:"memory",label:e("memoryEntries"),value:w?.memoryEntries??0,sub:e("memoryEntriesSub")}),(0,t.jsx)(n,{icon:"storage",label:e("dbEntries"),value:w?.dbEntries??0,sub:e("dbEntriesSub")}),(0,t.jsx)(n,{icon:"trending_up",label:e("cacheHits"),value:w?.hits??0,sub:e("cacheHitsSub",{total:E}),valueClass:"text-green-500"}),(0,t.jsx)(n,{icon:"token",label:e("tokensSaved"),value:(w?.tokensSaved??0).toLocaleString(),sub:e("tokensSavedSub"),valueClass:"text-blue-400"})]}),(0,t.jsx)(a.Card,{children:(0,t.jsxs)("div",{className:"p-5 flex flex-col gap-4",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("h2",{className:"font-medium text-sm",children:e("performance")}),(0,t.jsx)("span",{className:"text-xs text-text-muted",children:e("autoRefresh",{seconds:10})})]}),(0,t.jsx)(x,{hitRate:T,label:e("hitRate")}),(0,t.jsxs)("div",{className:"grid grid-cols-3 gap-4 pt-3 border-t border-border/30 text-center",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"text-lg font-semibold tabular-nums text-green-500",children:w?.hits??0}),(0,t.jsx)("div",{className:"text-xs text-text-muted mt-0.5",children:e("hits")})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"text-lg font-semibold tabular-nums text-red-400",children:w?.misses??0}),(0,t.jsx)("div",{className:"text-xs text-text-muted mt-0.5",children:e("misses")})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"text-lg font-semibold tabular-nums",children:E}),(0,t.jsx)("div",{className:"text-xs text-text-muted mt-0.5",children:e("total")})]})]})]})}),C&&(0,t.jsx)(a.Card,{children:(0,t.jsxs)("div",{className:"p-5 flex flex-col gap-4",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)("span",{className:"material-symbols-outlined text-base text-text-muted","aria-hidden":"true",children:"bolt"}),(0,t.jsx)("h2",{className:"font-medium text-sm",children:e("promptCache")})]}),(0,t.jsxs)("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[(0,t.jsxs)("div",{className:"p-3 rounded-lg bg-surface/50",children:[(0,t.jsx)("div",{className:"text-lg font-semibold tabular-nums",children:C.requestsWithCacheControl.toLocaleString()}),(0,t.jsx)("div",{className:"text-xs text-text-muted mt-0.5",children:e("cachedRequests")})]}),(0,t.jsxs)("div",{className:"p-3 rounded-lg bg-surface/50",children:[(0,t.jsxs)("div",{className:"text-lg font-semibold tabular-nums text-green-500",children:[L.toFixed(1),"%"]}),(0,t.jsxs)("div",{className:"text-xs text-text-muted mt-0.5",children:[e("cacheHitRate")," (",C.requestsWithCacheControl,"/",C.totalRequests,")"]})]}),(0,t.jsxs)("div",{className:"p-3 rounded-lg bg-surface/50",children:[(0,t.jsx)("div",{className:"text-lg font-semibold tabular-nums text-blue-400",children:C.totalCachedTokens.toLocaleString()}),(0,t.jsx)("div",{className:"text-xs text-text-muted mt-0.5",children:e("cachedTokens")})]}),(0,t.jsxs)("div",{className:"p-3 rounded-lg bg-surface/50",children:[(0,t.jsx)("div",{className:"text-lg font-semibold tabular-nums text-purple-400",children:C.totalCacheCreationTokens.toLocaleString()}),(0,t.jsx)("div",{className:"text-xs text-text-muted mt-0.5",children:e("cacheCreationTokens")})]})]}),q.length>0&&(0,t.jsxs)("div",{className:"pt-3 border-t border-border/30",children:[(0,t.jsx)("h3",{className:"text-xs font-medium text-text-muted mb-3",children:e("byProvider")}),(0,t.jsx)("div",{className:"overflow-x-auto",children:(0,t.jsxs)("table",{className:"w-full text-sm",children:[(0,t.jsx)("thead",{children:(0,t.jsxs)("tr",{className:"text-left text-xs text-text-muted border-b border-border/30",children:[(0,t.jsx)("th",{className:"pb-2 pr-4",children:e("provider")}),(0,t.jsx)("th",{className:"pb-2 pr-4",children:e("requests")}),(0,t.jsx)("th",{className:"pb-2 pr-4",children:e("inputTokens")}),(0,t.jsx)("th",{className:"pb-2 pr-4",children:e("cachedTokensCol")}),(0,t.jsx)("th",{className:"pb-2",children:e("cacheCreation")})]})}),(0,t.jsx)("tbody",{children:q.map(([e,s])=>(0,t.jsxs)("tr",{className:"border-b border-border/20",children:[(0,t.jsx)("td",{className:"py-2 pr-4 font-medium",children:e}),(0,t.jsx)("td",{className:"py-2 pr-4 tabular-nums",children:s.requests.toLocaleString()}),(0,t.jsx)("td",{className:"py-2 pr-4 tabular-nums",children:s.inputTokens.toLocaleString()}),(0,t.jsx)("td",{className:"py-2 pr-4 tabular-nums text-green-500",children:s.cachedTokens.toLocaleString()}),(0,t.jsx)("td",{className:"py-2 tabular-nums text-purple-400",children:s.cacheCreationTokens.toLocaleString()})]},e))})]})})]})]})}),S.length>0&&(0,t.jsx)(a.Card,{children:(0,t.jsxs)("div",{className:"p-5 flex flex-col gap-4",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)("span",{className:"material-symbols-outlined text-base text-text-muted","aria-hidden":"true",children:"timeline"}),(0,t.jsx)("h2",{className:"font-medium text-sm",children:e("trend24h")})]}),(0,t.jsx)("div",{className:"flex items-end gap-1 h-32",children:S.map(s=>{let a=Math.max(4,s.requests/R*100),l=s.requests>0?Math.max(2,s.cachedRequests/s.requests*a):0,i=new Date(s.timestamp).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit",hour12:!1});return(0,t.jsxs)("div",{className:"flex-1 flex flex-col items-center gap-1 group relative",children:[(0,t.jsxs)("div",{className:"absolute bottom-full mb-1 hidden group-hover:block bg-surface-raised border border-border rounded px-2 py-1 text-xs whitespace-nowrap z-10",children:[i,": ",s.requests," ",e("requests").toLowerCase(),","," ",s.cachedRequests," ",e("cached").toLowerCase()]}),(0,t.jsxs)("div",{className:"w-full flex flex-col justify-end h-full gap-px",children:[(0,t.jsx)("div",{className:"w-full bg-green-500/30 rounded-t",style:{height:`${l}%`}}),(0,t.jsx)("div",{className:"w-full bg-text-muted/20 rounded-t",style:{height:`${a-l}%`}})]}),(0,t.jsx)("span",{className:"text-[10px] text-text-muted truncate w-full text-center",children:i.split(":")[0]})]},s.timestamp)})}),(0,t.jsxs)("div",{className:"flex items-center gap-4 text-xs text-text-muted",children:[(0,t.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,t.jsx)("div",{className:"w-3 h-3 rounded bg-text-muted/20"}),(0,t.jsx)("span",{children:e("total")})]}),(0,t.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,t.jsx)("div",{className:"w-3 h-3 rounded bg-green-500/30"}),(0,t.jsx)("span",{children:e("cached")})]})]})]})}),(0,t.jsx)(a.Card,{children:(0,t.jsxs)("div",{className:"p-5 flex flex-col gap-3",children:[(0,t.jsx)("h2",{className:"font-medium text-sm",children:e("behavior")}),(0,t.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-3",children:[(0,t.jsx)(o,{icon:"info",children:e("behaviorDeterministic")}),(0,t.jsx)(o,{icon:"info",children:e.rich("behaviorBypass",{header:()=>(0,t.jsx)("code",{className:"bg-surface px-1 py-0.5 rounded text-xs font-mono",children:"X-OmniRoute-No-Cache: true"})})}),(0,t.jsx)(o,{icon:"info",children:e("behaviorTwoTier")}),(0,t.jsx)(o,{icon:"info",children:e.rich("behaviorTtl",{envVar:()=>(0,t.jsx)("code",{className:"bg-surface px-1 py-0.5 rounded text-xs font-mono",children:"SEMANTIC_CACHE_TTL_MS"})})})]})]})}),(0,t.jsx)(a.Card,{children:(0,t.jsxs)("div",{className:"p-5 flex flex-col gap-3",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)("span",{className:"material-symbols-outlined text-base text-text-muted","aria-hidden":"true",children:"fingerprint"}),(0,t.jsx)("h2",{className:"font-medium text-sm",children:e("idempotency")})]}),(0,t.jsxs)("div",{className:"grid grid-cols-2 gap-4",children:[(0,t.jsxs)("div",{className:"p-3 rounded-lg bg-surface/50",children:[(0,t.jsx)("div",{className:"text-lg font-semibold tabular-nums",children:k?.activeKeys??0}),(0,t.jsx)("div",{className:"text-xs text-text-muted mt-0.5",children:e("activeDedupKeys")})]}),(0,t.jsxs)("div",{className:"p-3 rounded-lg bg-surface/50",children:[(0,t.jsx)("div",{className:"text-lg font-semibold tabular-nums",children:k?`${(k.windowMs/1e3).toFixed(0)}s`:"—"}),(0,t.jsx)("div",{className:"text-xs text-text-muted mt-0.5",children:e("dedupWindow")})]})]})]})})]})]})]})}],256765)}]);