@jheavenknows/bluerouter 5.2.30 → 5.2.31

package/app/.next-cli-build/static/chunks/app/(dashboard)/dashboard/settings/pricing/page-6c83bcac76e31968.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[410],{14899:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>u});var r=s(95155),a=s(12115),l=s(84588),n=s(81127),i=s(92542);let d=[{key:"input",label:"Input"},{key:"output",label:"Output"},{key:"cached",label:"Cached"},{key:"reasoning",label:"Reasoning"},{key:"cache_creation",label:"Cache create"}],o={override:{label:"Custom",cls:"bg-brand-500/15 text-brand-500"},provider:{label:"Provider",cls:"bg-warning/15 text-warning"},canonical:{label:"Canonical",cls:"bg-success/15 text-success"},pattern:{label:"Pattern",cls:"bg-primary/15 text-primary"},none:{label:"Chưa c\xf3 gi\xe1",cls:"bg-red-500/15 text-red-500"}},c=(e,t=0)=>{let s=Number(e);return Number.isFinite(s)?s:t};function x({rates:e,onChange:t,disabled:s}){return d.map(a=>(0,r.jsx)("td",{className:"px-1.5 py-1.5",children:(0,r.jsx)("input",{type:"number",step:"0.01",min:"0",inputMode:"decimal",disabled:s,value:e?.[a.key]??0,onChange:e=>t?.(a.key,e.target.value),className:"h-8 w-full min-w-[64px] 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 disabled:opacity-60"})},a.key))}function m({isOpen:e,onClose:t,onSave:s}){let[l,u]=(0,a.useState)("inUse"),[p,h]=(0,a.useState)(null),[b,g]=(0,a.useState)({}),[f,j]=(0,a.useState)(!0),[v,y]=(0,a.useState)(!1),[N,w]=(0,a.useState)(""),[k,C]=(0,a.useState)(""),S=(0,a.useCallback)(async()=>{j(!0),w("");try{let e=await fetch("/api/pricing/catalog");if(!e.ok)throw Error(`HTTP ${e.status}`);h(await e.json()),g({})}catch(e){w(`Kh\xf4ng tải được bảng gi\xe1: ${e.message}`)}finally{j(!1)}},[]);(0,a.useEffect)(()=>{e&&S()},[e,S]);let $=(e,t,s,r)=>{g(a=>({...a,[e]:{...a[e]||{},[t]:{...(a[e]||{})[t]||{},[s]:r}}}))},O=(e,t,s)=>{let r=b[e]?.[t];return r?{...s||{},...r}:s||{}},P=(0,a.useMemo)(()=>Object.values(b).reduce((e,t)=>e+Object.keys(t||{}).length,0),[b]),T=async()=>{if(0===P)return void t?.();y(!0),w("");let e={};for(let[t,s]of Object.entries(b))for(let[r,a]of(e[t]={},Object.entries(s||{}))){let s={...p?.inUse?.find(e=>e.provider===t&&e.model===r)?.pricing||p?.canonical?.[r]||{},...a};for(let{key:a}of(e[t][r]={},d))e[t][r][a]=Math.max(0,c(s[a],0))}try{let r=await fetch("/api/pricing",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(!r.ok){let e=await r.json().catch(()=>({}));throw Error(e?.error||`HTTP ${r.status}`)}s?.(),t?.()}catch(e){w(`Kh\xf4ng lưu được: ${e.message}`)}finally{y(!1)}},E=async()=>{if(confirm("Xo\xe1 to\xe0n bộ gi\xe1 tuỳ chỉnh v\xe0 quay về mặc định trong code?")){w("");try{let e=await fetch("/api/pricing",{method:"DELETE"});if(!e.ok)throw Error(`HTTP ${e.status}`);await S(),s?.()}catch(e){w(`Kh\xf4ng reset được: ${e.message}`)}}},L=k.trim().toLowerCase(),_=(0,a.useMemo)(()=>(p?.inUse||[]).filter(e=>!L||e.model.toLowerCase().includes(L)||e.provider.toLowerCase().includes(L)),[p,L]),M=(0,a.useMemo)(()=>{let e=p?.overrides?.canonical||{},t=Object.entries(p?.canonical||{}).map(([t,s])=>[t,e[t]?{...s,...e[t]}:s,!!e[t]]);for(let[s,r]of Object.entries(e))p?.canonical?.[s]||t.push([s,r,!0]);return t.filter(([e])=>!L||e.toLowerCase().includes(L)).sort((e,t)=>e[0].localeCompare(t[0]))},[p,L]),F=(0,a.useMemo)(()=>(p?.patterns||[]).filter(e=>!L||e.pattern.toLowerCase().includes(L)),[p,L]),U=[{id:"inUse",label:"Đang d\xf9ng",count:p?.inUse?.length||0},{id:"canonical",label:"Tất cả model",count:Object.keys(p?.canonical||{}).length},{id:"patterns",label:"Pattern",count:p?.patterns?.length||0}];return(0,r.jsx)(n.default,{isOpen:e,onClose:t,title:"Pricing Configuration",size:"full",busy:v,className:"max-w-6xl",footer:(0,r.jsxs)("div",{className:"flex w-full items-center justify-between gap-3",children:[(0,r.jsx)(i.default,{variant:"danger",size:"sm",onClick:E,disabled:v||f,children:"Reset to defaults"}),(0,r.jsxs)("div",{className:"flex items-center gap-3",children:[P>0&&(0,r.jsxs)("span",{className:"text-xs text-text-muted",children:[P," model đ\xe3 sửa"]}),(0,r.jsx)(i.default,{variant:"ghost",onClick:t,disabled:v,children:"Cancel"}),(0,r.jsx)(i.default,{onClick:T,disabled:v||f,children:v?"Đang lưu...":"Save changes"})]})]}),children:f?(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-3",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ị: $ tr\xean mỗi triệu token ($/1M)"}),(0,r.jsxs)("p",{className:"mt-1 text-xs leading-relaxed text-text-muted",children:["Gi\xe1 được giải quyết theo thứ tự: ",(0,r.jsx)("span",{className:"font-semibold text-text-main",children:"Custom"})," (bạn nhập) → ",(0,r.jsx)("span",{className:"font-semibold text-text-main",children:"Provider"})," → "," ",(0,r.jsx)("span",{className:"font-semibold text-text-main",children:"Canonical"})," (theo t\xean model) → "," ",(0,r.jsx)("span",{className:"font-semibold text-text-main",children:"Pattern"})," (khớp glob). Sửa ở đ\xe2y tạo bản ghi Custom đ\xe8 l\xean c\xe1c tầng dưới."]})]}),N&&(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:N}),(0,r.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,r.jsx)("div",{className:"flex gap-1 rounded-[10px] border border-border-subtle bg-bg p-1",children:U.map(e=>(0,r.jsxs)("button",{type:"button",onClick:()=>u(e.id),className:`rounded-[8px] px-3 py-1 text-xs font-medium transition-colors ${l===e.id?"bg-surface text-text-main shadow-sm":"text-text-muted hover:text-text-main"}`,children:[e.label," ",(0,r.jsxs)("span",{className:"opacity-60",children:["(",e.count,")"]})]},e.id))}),(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:k,onChange:e=>C(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"})]})]}),"inUse"===l&&(0,r.jsx)("div",{className:"min-w-0 overflow-x-auto rounded-[10px] border border-border-subtle",children:(0,r.jsxs)("table",{className:"w-full min-w-[760px] text-sm",children:[(0,r.jsx)("thead",{children:(0,r.jsxs)("tr",{className:"border-b border-border-subtle bg-bg text-[10px] uppercase text-text-muted",children:[(0,r.jsx)("th",{className:"px-3 py-2 text-left font-semibold",children:"Model"}),(0,r.jsx)("th",{className:"px-2 py-2 text-left font-semibold",children:"Nguồn gi\xe1"}),(0,r.jsx)("th",{className:"px-2 py-2 text-right font-semibold",children:"Requests"}),d.map(e=>(0,r.jsx)("th",{className:"px-1.5 py-2 text-right font-semibold",children:e.label},e.key))]})}),(0,r.jsxs)("tbody",{className:"divide-y divide-border-subtle",children:[_.map(e=>{let t,s,a=o[e.source]||o.none,l=!!b[e.provider]?.[e.model];return(0,r.jsxs)("tr",{className:l?"bg-brand-500/5":"hover:bg-bg/60",children:[(0,r.jsxs)("td",{className:"max-w-[200px] px-3 py-1.5",children:[(0,r.jsx)("div",{className:"truncate font-medium text-text-main",title:e.model,children:e.model}),(0,r.jsx)("div",{className:"truncate text-[10px] text-text-muted",title:e.provider,children:(s=(t=String(e.provider||"")).match(/^(openai|anthropic)-compatible-(?:chat-)?(.*)$/i))?`${s[1]}-compat…${(s[2]||"").slice(0,6)}`:t})]}),(0,r.jsx)("td",{className:"px-2 py-1.5",children:(0,r.jsx)("span",{className:`rounded-full px-2 py-0.5 text-[10px] font-medium ${a.cls}`,children:l?"Chưa lưu":a.label})}),(0,r.jsx)("td",{className:"px-2 py-1.5 text-right text-xs tabular-nums text-text-muted",children:e.requests.toLocaleString()}),(0,r.jsx)(x,{rates:O(e.provider,e.model,e.pricing),onChange:(t,s)=>$(e.provider,e.model,t,s)})]},`${e.provider}\u001f${e.model}`)}),0===_.length&&(0,r.jsx)("tr",{children:(0,r.jsx)("td",{colSpan:8,className:"px-3 py-8 text-center text-sm text-text-muted",children:L?"Kh\xf4ng c\xf3 model n\xe0o khớp.":"Chưa c\xf3 usage trong 30 ng\xe0y gần đ\xe2y."})})]})]})}),"canonical"===l&&(0,r.jsxs)("div",{className:"min-w-0 overflow-x-auto rounded-[10px] border border-border-subtle",children:[(0,r.jsxs)("table",{className:"w-full min-w-[700px] text-sm",children:[(0,r.jsx)("thead",{children:(0,r.jsxs)("tr",{className:"border-b border-border-subtle bg-bg text-[10px] uppercase text-text-muted",children:[(0,r.jsx)("th",{className:"px-3 py-2 text-left font-semibold",children:"Model (canonical)"}),d.map(e=>(0,r.jsx)("th",{className:"px-1.5 py-2 text-right font-semibold",children:e.label},e.key))]})}),(0,r.jsxs)("tbody",{className:"divide-y divide-border-subtle",children:[M.map(([e,t,s])=>{let a=!!b.canonical?.[e];return(0,r.jsxs)("tr",{className:a?"bg-brand-500/5":"hover:bg-bg/60",children:[(0,r.jsxs)("td",{className:"max-w-[260px] truncate px-3 py-1.5 font-medium text-text-main",title:e,children:[e,a?(0,r.jsx)("span",{className:"ml-2 text-[10px] text-brand-500",children:"chưa lưu"}):s?(0,r.jsx)("span",{className:"ml-2 rounded-full bg-brand-500/15 px-1.5 py-0.5 text-[10px] text-brand-500",children:"Custom"}):null]}),(0,r.jsx)(x,{rates:O("canonical",e,t),onChange:(t,s)=>$("canonical",e,t,s)})]},e)}),0===M.length&&(0,r.jsx)("tr",{children:(0,r.jsx)("td",{colSpan:6,className:"px-3 py-8 text-center text-sm text-text-muted",children:"Kh\xf4ng c\xf3 model n\xe0o khớp."})})]})]}),(0,r.jsxs)("p",{className:"border-t border-border-subtle bg-bg px-3 py-2 text-[10px] leading-relaxed text-text-muted",children:["Sửa ở tab n\xe0y lưu dưới provider ảo ",(0,r.jsx)("span",{className:"font-mono",children:"canonical"}),", \xe1p dụng khi request kh\xf4ng khớp override theo provider cụ thể. Muốn chỉnh ri\xeang cho một provider, d\xf9ng tab “Đang d\xf9ng”."]})]}),"patterns"===l&&(0,r.jsxs)("div",{className:"min-w-0 overflow-x-auto rounded-[10px] border border-border-subtle",children:[(0,r.jsxs)("table",{className:"w-full min-w-[700px] text-sm",children:[(0,r.jsx)("thead",{children:(0,r.jsxs)("tr",{className:"border-b border-border-subtle bg-bg text-[10px] uppercase text-text-muted",children:[(0,r.jsx)("th",{className:"px-3 py-2 text-left font-semibold",children:"Pattern"}),d.map(e=>(0,r.jsx)("th",{className:"px-1.5 py-2 text-right font-semibold",children:e.label},e.key))]})}),(0,r.jsxs)("tbody",{className:"divide-y divide-border-subtle",children:[F.map((e,t)=>(0,r.jsxs)("tr",{className:"hover:bg-bg/60",children:[(0,r.jsxs)("td",{className:"px-3 py-1.5",children:[(0,r.jsx)("span",{className:"font-mono text-xs text-text-main",children:e.pattern}),(0,r.jsxs)("span",{className:"ml-2 text-[10px] text-text-muted",children:["#",t+1]})]}),d.map(t=>(0,r.jsx)("td",{className:"px-1.5 py-1.5 text-right text-xs tabular-nums text-text-muted",children:c(e.pricing?.[t.key],0)},t.key))]},`${e.pattern}-${t}`)),0===F.length&&(0,r.jsx)("tr",{children:(0,r.jsx)("td",{colSpan:6,className:"px-3 py-8 text-center text-sm text-text-muted",children:"Kh\xf4ng c\xf3 pattern n\xe0o khớp."})})]})]}),(0,r.jsx)("p",{className:"border-t border-border-subtle bg-bg px-3 py-2 text-[10px] leading-relaxed text-text-muted",children:"Chỉ đọc — pattern khớp theo thứ tự từ tr\xean xuống, c\xe1i đầu ti\xean tr\xfang sẽ được d\xf9ng. Muốn đổi gi\xe1 cho một model cụ thể, sửa ở tab “Đang d\xf9ng” hoặc “Tất cả model” để tạo bản ghi đ\xe8 l\xean pattern."})]})]})})}function u(){let[e,t]=(0,a.useState)(!1),[s,n]=(0,a.useState)(null),[i,d]=(0,a.useState)(!0),[o,c]=(0,a.useState)(!1),[x,u]=(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();n(t)}}catch(e){console.error("Failed to load pricing:",e)}finally{d(!1)}},h=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?")){c(!0),u("");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);u(`Đ\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){u(`Lỗi: ${e.message}`)}finally{c(!1)}}};return(0,r.jsxs)("div",{className:"flex min-w-0 flex-col gap-6 px-1 sm:px-0",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:h,disabled:o,className:"px-4 py-2 border border-border rounded text-sm text-text-main hover:bg-surface-2 transition-colors disabled:opacity-50",children:o?"Đ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"})]})]}),x&&(0,r.jsx)("div",{className:"rounded-[10px] border border-border-subtle bg-bg px-3 py-2 text-sm text-text-muted",children:x}),(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:i?"...":(()=>{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:i?"...":(!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:i?"...":"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"})]}),i?(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)(m,{isOpen:e,onClose:()=>t(!1),onSave:()=>{p()}})]})}},31474:(e,t,s)=>{"use strict";function r(...e){return e.filter(Boolean).join(" ").replace(/\s+/g," ").trim()}s.d(t,{cn:()=>r})},45015:(e,t,s)=>{Promise.resolve().then(s.bind(s,14899))},81127:(e,t,s)=>{"use strict";s.d(t,{ConfirmModal:()=>m,default:()=>x});var r=s(95155),a=s(12115),l=s(31474),n=s(92542),i=s(97677);let d=[],o="";function c(){1===d.length?(o=document.body.style.overflow,document.body.style.overflow="hidden"):0===d.length&&(document.body.style.overflow=o)}function x({isOpen:e,onClose:t,title:s,children:n,footer:o,size:m="md",closeOnOverlay:u=!0,showTrafficLights:p=!0,busy:h=!1,className:b}){let g=(0,a.useRef)({onClose:t,busy:h});return(g.current.onClose=t,g.current.busy=h,(0,a.useEffect)(()=>{if(!e)return;let t=g.current;d.push(t),c();let s=e=>{if("Escape"!==e.key)return;let s=d[d.length-1];s!==t||s.busy||(e.preventDefault(),s.onClose())};return document.addEventListener("keydown",s),()=>{document.removeEventListener("keydown",s);let e=d.indexOf(t);-1!==e&&d.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:u&&!h?t:void 0}),(0,r.jsxs)("div",{className:(0,l.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"}[m],b),children:[(s||p)&&(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:[p&&(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:h,"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:h,"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:n}),o&&(0,r.jsx)("div",{className:"flex items-center justify-end gap-3 p-6 border-t border-border-subtle",children:o})]})]}):null}function m({isOpen:e,onClose:t,onConfirm:s,title:a="Confirm",message:l,confirmText:i="Confirm",cancelText:d="Cancel",variant:o="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)(n.default,{variant:"ghost",onClick:t,disabled:c,children:d}),(0,r.jsx)(n.default,{variant:o,onClick:s,loading:c,children:i})]}),children:(0,r.jsx)("p",{className:"text-text-muted",children:l})})}},84588:(e,t,s)=>{"use strict";s.d(t,{default:()=>l});var r=s(95155),a=s(31474);function l({children:e,title:t,subtitle:s,icon:n,action:i,padding:d="md",hover:o=!1,elev:c=!1,className:x,...m}){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)]",o&&"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"}[d],x),...m,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:[n&&(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:n})}),(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]})}l.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})},l.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})},l.ListItem=function({children:e,actions:t,className:s,...l}){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),...l,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})]})}},92542:(e,t,s)=>{"use strict";s.d(t,{default:()=>i});var r=s(95155),a=s(31474);let l={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"},n={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:d,iconRight:o,disabled:c=!1,loading:x=!1,fullWidth:m=!1,className:u,...p}){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",l[t],n[s],m&&"w-full",u),disabled:c||x,...p,children:[x?(0,r.jsx)("span",{className:"material-symbols-outlined animate-spin text-[18px]",children:"progress_activity"}):d?(0,r.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:d}):null,e,o&&!x&&(0,r.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:o})]})}},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:l}){let n=l?"":"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 ${n} text-white opacity-0 group-hover:opacity-100 transition-opacity duration-150 whitespace-normal`,style:l?{backgroundColor:l}:{},children:e})]})}}},e=>{e.O(0,[8441,3794,7358],()=>e(e.s=45015)),_N_E=e.O()}]);