@jheavenknows/bluerouter 5.2.25 → 5.2.29

package/app/.next-cli-build/static/chunks/app/dashboard/settings/pricing/page-74ec61bef7cabf20.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7370],{31474:(e,t,s)=>{"use strict";function r(...e){return e.filter(Boolean).join(" ").replace(/\s+/g," ").trim()}s.d(t,{cn:()=>r})},73321:(e,t,s)=>{"use strict";var r=s(74645);s.o(r,"notFound")&&s.d(t,{notFound:function(){return r.notFound}}),s.o(r,"useParams")&&s.d(t,{useParams:function(){return r.useParams}}),s.o(r,"usePathname")&&s.d(t,{usePathname:function(){return r.usePathname}}),s.o(r,"useRouter")&&s.d(t,{useRouter:function(){return r.useRouter}}),s.o(r,"useSearchParams")&&s.d(t,{useSearchParams:function(){return r.useSearchParams}})},81127:(e,t,s)=>{"use strict";s.d(t,{ConfirmModal:()=>u,default:()=>x});var r=s(95155),a=s(12115),n=s(31474),l=s(92542),i=s(97677);let o=[],d="";function c(){1===o.length?(d=document.body.style.overflow,document.body.style.overflow="hidden"):0===o.length&&(document.body.style.overflow=d)}function x({isOpen:e,onClose:t,title:s,children:l,footer:d,size:u="md",closeOnOverlay:m=!0,showTrafficLights:h=!0,busy:p=!1,className:b}){let f=(0,a.useRef)({onClose:t,busy:p});return(f.current.onClose=t,f.current.busy=p,(0,a.useEffect)(()=>{if(!e)return;let t=f.current;o.push(t),c();let s=e=>{if("Escape"!==e.key)return;let s=o[o.length-1];s!==t||s.busy||(e.preventDefault(),s.onClose())};return document.addEventListener("keydown",s),()=>{document.removeEventListener("keydown",s);let e=o.indexOf(t);-1!==e&&o.splice(e,1),c()}},[e]),e)?(0,r.jsxs)("div",{className:"fixed inset-0 z-50 flex items-center justify-center p-4",children:[(0,r.jsx)("div",{className:"absolute inset-0 bg-black/50 backdrop-blur-[2px] fade-in",onClick:m&&!p?t:void 0}),(0,r.jsxs)("div",{className:(0,n.cn)("relative w-full bg-surface","border border-border-subtle","rounded-[14px] shadow-[var(--shadow-elev)]","fade-in",{sm:"max-w-sm",md:"max-w-md",lg:"max-w-lg",xl:"max-w-xl",full:"max-w-4xl"}[u],b),children:[(s||h)&&(0,r.jsxs)("div",{className:"flex items-center justify-between p-2 border-b border-border-subtle",children:[(0,r.jsxs)("div",{className:"flex items-center",children:[h&&(0,r.jsxs)("div",{className:"hidden md:flex items-center gap-2 mr-4 ml-2",children:[(0,r.jsx)(i.default,{text:"Close",position:"top",color:"#FF5F56",children:(0,r.jsx)("button",{onClick:t,disabled:p,"aria-label":"Close",title:"Close",className:"w-4 h-4 rounded-full bg-[#FF5F56] hover:brightness-90 transition-all cursor-pointer flex items-center justify-center group/dot disabled:cursor-not-allowed disabled:opacity-50",children:(0,r.jsx)("span",{className:"text-[9px] font-bold text-white opacity-0 group-hover/dot:opacity-100 transition-opacity leading-none",children:"✕"})})}),(0,r.jsx)("div",{className:"w-4 h-4 rounded-full bg-[#3a3a3a]/20 dark:bg-white/15 cursor-not-allowed"}),(0,r.jsx)("div",{className:"w-4 h-4 rounded-full bg-[#3a3a3a]/20 dark:bg-white/15 cursor-not-allowed"})]}),s&&(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:s})]}),(0,r.jsx)("button",{onClick:t,disabled:p,"aria-label":"Close",className:"md:hidden p-1.5 rounded-[10px] text-text-muted hover:bg-surface-2 hover:text-text-main transition-colors disabled:cursor-not-allowed disabled:opacity-50",children:(0,r.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"close"})})]}),(0,r.jsx)("div",{className:"p-6 max-h-[calc(85vh-100px)] overflow-y-auto custom-scrollbar",children:l}),d&&(0,r.jsx)("div",{className:"flex items-center justify-end gap-3 p-6 border-t border-border-subtle",children:d})]})]}):null}function u({isOpen:e,onClose:t,onConfirm:s,title:a="Confirm",message:n,confirmText:i="Confirm",cancelText:o="Cancel",variant:d="danger",loading:c=!1}){return(0,r.jsx)(x,{isOpen:e,onClose:t,title:a,size:"sm",busy:c,footer:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(l.default,{variant:"ghost",onClick:t,disabled:c,children:o}),(0,r.jsx)(l.default,{variant:d,onClick:s,loading:c,children:i})]}),children:(0,r.jsx)("p",{className:"text-text-muted",children:n})})}},82508:(e,t,s)=>{Promise.resolve().then(s.bind(s,87304))},84588:(e,t,s)=>{"use strict";s.d(t,{default:()=>n});var r=s(95155),a=s(31474);function n({children:e,title:t,subtitle:s,icon:l,action:i,padding:o="md",hover:d=!1,elev:c=!1,className:x,...u}){return(0,r.jsxs)("div",{className:(0,a.cn)("bg-surface border border-border-subtle",c?"rounded-[14px] shadow-[var(--shadow-elev)]":"rounded-[14px] shadow-[var(--shadow-soft)]",d&&"hover:shadow-[var(--shadow-warm)] hover:border-brand-500/30 transition-all cursor-pointer",{none:"",xs:"p-3",sm:"p-4",md:"p-6",lg:"p-8"}[o],x),...u,children:[(t||i)&&(0,r.jsxs)("div",{className:"flex items-center justify-between mb-4",children:[(0,r.jsxs)("div",{className:"flex items-center gap-3",children:[l&&(0,r.jsx)("div",{className:"p-2 rounded-[10px] bg-bg text-text-muted",children:(0,r.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:l})}),(0,r.jsxs)("div",{children:[t&&(0,r.jsx)("h3",{className:"text-text-main font-semibold",children:t}),s&&(0,r.jsx)("p",{className:"text-sm text-text-muted",children:s})]})]}),i]}),e]})}n.Section=function({children:e,className:t,...s}){return(0,r.jsx)("div",{className:(0,a.cn)("p-4 rounded-[10px]","bg-bg border border-border-subtle",t),...s,children:e})},n.Row=function({children:e,className:t,...s}){return(0,r.jsx)("div",{className:(0,a.cn)("p-3 -mx-3 px-3 transition-colors","border-b border-border-subtle last:border-b-0","hover:bg-surface-2/50",t),...s,children:e})},n.ListItem=function({children:e,actions:t,className:s,...n}){return(0,r.jsxs)("div",{className:(0,a.cn)("group flex items-center justify-between p-3 -mx-3 px-3","border-b border-border-subtle last:border-b-0","hover:bg-surface-2/50 transition-colors",s),...n,children:[(0,r.jsx)("div",{className:"flex-1 min-w-0",children:e}),t&&(0,r.jsx)("div",{className:"flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity",children:t})]})}},87304:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>m});var r=s(95155),a=s(12115),n=s(73321),l=s(84588),i=s(81127),o=s(92542);let d={gh:{"gpt-5.3-codex":{input:1.75,output:14,cached:.175,reasoning:14,cache_creation:1.75}}},c=[{key:"input",label:"Input",hint:"Prompt tokens chưa cache"},{key:"output",label:"Output",hint:"Token model sinh ra"},{key:"cached",label:"Cached",hint:"Đọc lại từ cache"},{key:"reasoning",label:"Reasoning",hint:"Token thinking (fallback: output)"},{key:"cache_creation",label:"Cache creation",hint:"Ghi cache lần đầu (fallback: input)"}],x=(e,t=0)=>{let s=Number(e);return Number.isFinite(s)?s:t};function u({isOpen:e,onClose:t,onSave:s}){let[n,l]=(0,a.useState)({}),[m,h]=(0,a.useState)(!0),[p,b]=(0,a.useState)(!1),[f,g]=(0,a.useState)(""),[j,v]=(0,a.useState)("");(0,a.useEffect)(()=>{e&&y()},[e]);let y=async()=>{h(!0),g("");try{let e=await fetch("/api/pricing");e.ok?l(await e.json()):l(d)}catch{l(d)}finally{h(!1)}},N=async()=>{b(!0),g("");let e={};for(let[t,s]of Object.entries(n))for(let[r,a]of(e[t]={},Object.entries(s||{})))for(let{key:s}of(e[t][r]={},c))e[t][r][s]=Math.max(0,x(a?.[s],0));try{let r=await fetch("/api/pricing",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(!r.ok)throw Error(`HTTP ${r.status}`);s?.(),t?.()}catch(e){g(`Kh\xf4ng lưu được: ${e.message}`)}finally{b(!1)}},w=async()=>{if(confirm("Đặt lại to\xe0n bộ gi\xe1 về mặc định? C\xe1c gi\xe1 tuỳ chỉnh sẽ mất.")){g("");try{let e=await fetch("/api/pricing",{method:"DELETE"});if(!e.ok)throw Error(`HTTP ${e.status}`);await y(),s?.()}catch(e){g(`Kh\xf4ng reset được: ${e.message}`)}}},k=(0,a.useMemo)(()=>{let e=j.trim().toLowerCase(),t=[];for(let s of Object.keys(n).sort()){let r=Object.keys(n[s]||{}).filter(t=>!e||t.toLowerCase().includes(e)||s.toLowerCase().includes(e)).sort();r.length&&t.push({provider:s,models:r})}return t},[n,j]),C=k.reduce((e,t)=>e+t.models.length,0);return(0,r.jsx)(i.default,{isOpen:e,onClose:t,title:"Pricing Configuration",size:"full",busy:p,className:"max-w-6xl",footer:(0,r.jsxs)("div",{className:"flex w-full items-center justify-between gap-3",children:[(0,r.jsx)(o.default,{variant:"danger",size:"sm",onClick:w,disabled:p||m,children:"Reset to defaults"}),(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)(o.default,{variant:"ghost",onClick:t,disabled:p,children:"Cancel"}),(0,r.jsx)(o.default,{onClick:N,disabled:p||m,children:p?"Đang lưu...":"Save changes"})]})]}),children:m?(0,r.jsxs)("div",{className:"flex items-center justify-center gap-2 py-10 text-text-muted",children:[(0,r.jsx)("span",{className:"material-symbols-outlined animate-spin text-[20px]",children:"progress_activity"}),(0,r.jsx)("span",{className:"text-sm",children:"Đang tải bảng gi\xe1..."})]}):(0,r.jsxs)("div",{className:"flex min-w-0 flex-col gap-4",children:[(0,r.jsxs)("div",{className:"rounded-[10px] border border-border-subtle bg-bg p-3",children:[(0,r.jsx)("p",{className:"text-sm font-medium text-text-main",children:"Đơn vị: đ\xf4-la tr\xean mỗi triệu token ($/1M)"}),(0,r.jsxs)("p",{className:"mt-1 text-xs leading-relaxed text-text-muted",children:["V\xed dụ nhập ",(0,r.jsx)("span",{className:"font-mono",children:"2.5"})," ở cột Input nghĩa l\xe0 $2.50 cho 1.000.000 token input. Để ",(0,r.jsx)("span",{className:"font-mono",children:"0"})," nếu model miễn ph\xed (self-hosted). Gi\xe1 nhập ở đ\xe2y sẽ đ\xe8 l\xean gi\xe1 mặc định trong code."]})]}),f&&(0,r.jsx)("div",{className:"rounded-[10px] border border-red-500/30 bg-red-500/10 px-3 py-2 text-xs text-red-500",children:f}),(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsxs)("div",{className:"relative min-w-0 flex-1",children:[(0,r.jsx)("span",{className:"material-symbols-outlined pointer-events-none absolute left-2 top-1/2 -translate-y-1/2 text-[18px] text-text-muted",children:"search"}),(0,r.jsx)("input",{type:"text",value:j,onChange:e=>v(e.target.value),placeholder:"Lọc theo model hoặc provider...",className:"h-9 w-full rounded-[10px] border border-border bg-surface pl-8 pr-3 text-sm text-text-main placeholder:text-text-muted focus:border-brand-500 focus:outline-none"})]}),(0,r.jsxs)("span",{className:"shrink-0 text-xs text-text-muted",children:[C," model"]})]}),0===k.length?(0,r.jsx)("div",{className:"py-10 text-center text-sm text-text-muted",children:j?"Kh\xf4ng c\xf3 model n\xe0o khớp.":"Chưa c\xf3 dữ liệu gi\xe1."}):k.map(({provider:e,models:t})=>{let s,a,{title:i,sub:o}=(a=(s=String(e||"")).match(/^(openai|anthropic)-compatible-(?:chat-)?(.*)$/i))?{title:`${a[1].toUpperCase()}-COMPATIBLE`,sub:a[2]?a[2].slice(0,8):""}:{title:s.toUpperCase(),sub:""};return(0,r.jsxs)("div",{className:"min-w-0 overflow-hidden rounded-[10px] border border-border-subtle",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between gap-2 border-b border-border-subtle bg-bg px-3 py-2",children:[(0,r.jsx)("span",{className:"truncate text-xs font-semibold text-text-main",children:i}),o&&(0,r.jsxs)("span",{className:"shrink-0 font-mono text-[10px] text-text-muted",children:["…",o]})]}),(0,r.jsx)("div",{className:"overflow-x-auto",children:(0,r.jsxs)("table",{className:"w-full min-w-[640px] text-sm",children:[(0,r.jsx)("thead",{children:(0,r.jsxs)("tr",{className:"border-b border-border-subtle text-[10px] uppercase text-text-muted",children:[(0,r.jsx)("th",{className:"px-3 py-2 text-left font-semibold",children:"Model"}),c.map(e=>(0,r.jsx)("th",{className:"px-2 py-2 text-right font-semibold",title:e.hint,children:e.label},e.key))]})}),(0,r.jsx)("tbody",{className:"divide-y divide-border-subtle",children:t.map(t=>(0,r.jsxs)("tr",{className:"hover:bg-bg/60",children:[(0,r.jsx)("td",{className:"max-w-[220px] truncate px-3 py-1.5 font-medium text-text-main",title:t,children:t}),c.map(s=>(0,r.jsx)("td",{className:"px-2 py-1.5",children:(0,r.jsx)("input",{type:"number",step:"0.01",min:"0",inputMode:"decimal",value:n[e]?.[t]?.[s.key]??0,onChange:r=>{var a,n;return a=s.key,n=r.target.value,void l(s=>({...s,[e]:{...s[e]||{},[t]:{...(s[e]||{})[t]||{},[a]:n}}}))},className:"h-8 w-full min-w-[68px] rounded-[8px] border border-border bg-surface px-2 text-right text-xs tabular-nums text-text-main focus:border-brand-500 focus:outline-none"})},s.key))]},t))})]})})]},e)})]})})}function m(){(0,n.useRouter)();let[e,t]=(0,a.useState)(!1),[s,i]=(0,a.useState)(null),[o,d]=(0,a.useState)(!0),[c,x]=(0,a.useState)(!1),[m,h]=(0,a.useState)("");(0,a.useEffect)(()=>{p()},[]);let p=async()=>{d(!0);try{let e=await fetch("/api/pricing");if(e.ok){let t=await e.json();i(t)}}catch(e){console.error("Failed to load pricing:",e)}finally{d(!1)}},b=async()=>{if(confirm("T\xednh lại cost cho to\xe0n bộ lịch sử usage theo bảng gi\xe1 hiện tại?")){x(!0),h("");try{let e=await fetch("/api/pricing/recalculate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({})}),t=await e.json();if(!e.ok)throw Error(t?.error||`HTTP ${e.status}`);let s=Number(t.rowsUpdated??0),r=Number(t.groupsUpdated??0),a=Number(t.skippedNoPricing??0);h(`Đ\xe3 cập nhật ${s.toLocaleString()} d\xf2ng (${r.toLocaleString()} nh\xf3m provider/model)`+(a>0?` — bỏ qua ${a.toLocaleString()} nh\xf3m chưa c\xf3 gi\xe1.`:"."))}catch(e){h(`Lỗi: ${e.message}`)}finally{x(!1)}}};return(0,r.jsxs)("div",{className:"max-w-6xl mx-auto p-6 space-y-6",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h1",{className:"text-3xl font-bold",children:"Pricing Settings"}),(0,r.jsx)("p",{className:"text-text-muted mt-1",children:"Configure pricing rates for cost tracking and calculations"})]}),(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)("button",{onClick:b,disabled:c,className:"px-4 py-2 border border-border rounded text-sm text-text-main hover:bg-surface-2 transition-colors disabled:opacity-50",children:c?"Đang t\xednh lại...":"Recalculate cost"}),(0,r.jsx)("button",{onClick:()=>t(!0),className:"px-4 py-2 bg-primary text-white rounded hover:bg-primary/90 transition-colors",children:"Edit Pricing"})]})]}),m&&(0,r.jsx)("div",{className:"rounded-[10px] border border-border-subtle bg-bg px-3 py-2 text-sm text-text-muted",children:m}),(0,r.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[(0,r.jsxs)(l.default,{className:"p-4",children:[(0,r.jsx)("div",{className:"text-text-muted text-sm uppercase font-semibold",children:"Total Models"}),(0,r.jsx)("div",{className:"text-2xl font-bold mt-1",children:o?"...":(()=>{if(!s)return 0;let e=0;for(let t in s)e+=Object.keys(s[t]).length;return e})()})]}),(0,r.jsxs)(l.default,{className:"p-4",children:[(0,r.jsx)("div",{className:"text-text-muted text-sm uppercase font-semibold",children:"Providers"}),(0,r.jsx)("div",{className:"text-2xl font-bold mt-1",children:o?"...":(!s?[]:Object.keys(s).sort()).length})]}),(0,r.jsxs)(l.default,{className:"p-4",children:[(0,r.jsx)("div",{className:"text-text-muted text-sm uppercase font-semibold",children:"Status"}),(0,r.jsx)("div",{className:"text-2xl font-bold mt-1 text-success",children:o?"...":"Active"})]})]}),(0,r.jsxs)(l.default,{className:"p-6",children:[(0,r.jsx)("h2",{className:"text-xl font-semibold mb-4",children:"How Pricing Works"}),(0,r.jsxs)("div",{className:"space-y-3 text-sm text-text-muted",children:[(0,r.jsxs)("p",{children:[(0,r.jsx)("strong",{children:"Cost Calculation:"}),"Costs are calculated based on token usage and pricing rates. Each request's cost is determined by: (input_tokens \xd7 input_rate) + (output_tokens \xd7 output_rate) + (cached_tokens \xd7 cached_rate)"]}),(0,r.jsxs)("p",{children:[(0,r.jsx)("strong",{children:"Pricing Format:"})," All rates are in ",(0,r.jsx)("strong",{children:"dollars per million tokens"})," ($/1M tokens). Example: An input rate of 2.50 means $2.50 per 1,000,000 input tokens."]}),(0,r.jsx)("p",{children:(0,r.jsx)("strong",{children:"Token Types:"})}),(0,r.jsxs)("ul",{className:"list-disc list-inside ml-4 space-y-1",children:[(0,r.jsxs)("li",{children:[(0,r.jsx)("strong",{children:"Input:"})," Standard prompt tokens"]}),(0,r.jsxs)("li",{children:[(0,r.jsx)("strong",{children:"Output:"})," Completion/response tokens"]}),(0,r.jsxs)("li",{children:[(0,r.jsx)("strong",{children:"Cached:"})," Cached input tokens (typically 50% of input rate)"]}),(0,r.jsxs)("li",{children:[(0,r.jsx)("strong",{children:"Reasoning:"})," Special reasoning/thinking tokens (fallback to output rate)"]}),(0,r.jsxs)("li",{children:[(0,r.jsx)("strong",{children:"Cache Creation:"})," Tokens used to create cache entries (fallback to input rate)"]})]}),(0,r.jsxs)("p",{children:[(0,r.jsx)("strong",{children:"Custom Pricing:"})," You can override default pricing for specific models. Reset to defaults anytime to restore standard rates."]})]})]}),(0,r.jsxs)(l.default,{className:"p-6",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between mb-4",children:[(0,r.jsx)("h2",{className:"text-xl font-semibold",children:"Current Pricing Overview"}),(0,r.jsx)("button",{onClick:()=>t(!0),className:"text-primary hover:underline text-sm",children:"View Full Details"})]}),o?(0,r.jsx)("div",{className:"text-center py-4 text-text-muted",children:"Loading pricing data..."}):s?(0,r.jsxs)("div",{className:"space-y-3",children:[Object.keys(s).slice(0,5).map(e=>(0,r.jsxs)("div",{className:"text-sm",children:[(0,r.jsxs)("span",{className:"font-semibold",children:[e.toUpperCase(),":"]})," ",(0,r.jsxs)("span",{className:"text-text-muted",children:[Object.keys(s[e]).length," models"]})]},e)),Object.keys(s).length>5&&(0,r.jsxs)("div",{className:"text-sm text-text-muted",children:["+ ",Object.keys(s).length-5," more providers"]})]}):(0,r.jsx)("div",{className:"text-text-muted",children:"No pricing data available"})]}),e&&(0,r.jsx)(u,{isOpen:e,onClose:()=>t(!1),onSave:()=>{p()}})]})}},92542:(e,t,s)=>{"use strict";s.d(t,{default:()=>i});var r=s(95155),a=s(31474);let n={primary:"bg-brand-500 hover:bg-brand-600 text-white shadow-sm disabled:bg-surface-3 disabled:text-text-muted",secondary:"bg-surface-2 hover:bg-surface-3 text-text-main border border-border disabled:opacity-50",outline:"border border-border text-text-main hover:bg-surface-2 hover:border-brand-500/40",ghost:"text-text-muted hover:bg-surface-2 hover:text-text-main",danger:"bg-red-500 hover:bg-red-600 text-white shadow-sm disabled:bg-surface-3 disabled:text-text-muted",success:"bg-green-600 hover:bg-green-700 text-white shadow-sm disabled:bg-surface-3 disabled:text-text-muted"},l={sm:"h-7 px-3 text-xs rounded-[8px]",md:"h-9 px-4 text-sm rounded-[10px]",lg:"h-11 px-6 text-sm rounded-[10px]"};function i({children:e,variant:t="primary",size:s="md",icon:o,iconRight:d,disabled:c=!1,loading:x=!1,fullWidth:u=!1,className:m,...h}){return(0,r.jsxs)("button",{className:(0,a.cn)("inline-flex items-center justify-center gap-2 font-semibold transition-all duration-150 ease-out cursor-pointer","active:scale-[0.97] disabled:opacity-50 disabled:cursor-not-allowed disabled:active:scale-100",n[t],l[s],u&&"w-full",m),disabled:c||x,...h,children:[x?(0,r.jsx)("span",{className:"material-symbols-outlined animate-spin text-[18px]",children:"progress_activity"}):o?(0,r.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:o}):null,e,d&&!x&&(0,r.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:d})]})}},97677:(e,t,s)=>{"use strict";s.d(t,{default:()=>a});var r=s(95155);function a({text:e,children:t,position:s="top",color:n}){let l=n?"":"bg-gray-900";return(0,r.jsxs)("div",{className:"relative inline-flex group",children:[t,(0,r.jsx)("div",{className:`pointer-events-none absolute ${{top:"bottom-full left-1/2 -translate-x-1/2 mb-1.5",bottom:"top-full left-1/2 -translate-x-1/2 mt-1.5",left:"right-full top-1/2 -translate-y-1/2 mr-1.5",right:"left-full top-1/2 -translate-y-1/2 ml-1.5"}[s]} z-50 w-max max-w-56 rounded px-2 py-1 text-[11px] leading-snug ${l} text-white opacity-0 group-hover:opacity-100 transition-opacity duration-150 whitespace-normal`,style:n?{backgroundColor:n}:{},children:e})]})}}},e=>{e.O(0,[8441,3794,7358],()=>e(e.s=82508)),_N_E=e.O()}]);