@vellumai/web 0.11.5-dev.202608232107.2bf6d61 → 0.11.5-dev.202608240233.8a9625a
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/{acp-run-detail-panel-DgEh2p_Q.js → acp-run-detail-panel-sLs3s2T9.js} +1 -1
- package/dist/assets/{activity-steps-panel-BuZ-VKEd.js → activity-steps-panel-CmP3yOQ8.js} +1 -1
- package/dist/assets/{assistant-feature-flag-store-COlLyyhk.js → assistant-feature-flag-store-DFWdaRc3.js} +1 -1
- package/dist/assets/{assistant-status-panel-COuEl1Tu.js → assistant-status-panel-zms4fACg.js} +1 -1
- package/dist/assets/{background-task-detail-panel-COMt_RAn.js → background-task-detail-panel-DXW9EfzL.js} +1 -1
- package/dist/assets/{billing-page-7ANdxsLu.js → billing-page-6qpntldO.js} +1 -1
- package/dist/assets/{bookmarks-page-tD8WNLy_.js → bookmarks-page-CYXjYCSx.js} +1 -1
- package/dist/assets/{channels-page-route-DbpbIk2F.js → channels-page-route-LxG1zXF3.js} +1 -1
- package/dist/assets/{chat-markdown-message-BJ_yvP8l.js → chat-markdown-message-BDiq7_tc.js} +1 -1
- package/dist/assets/{checkout-continuation-JC9ZXfHj.js → checkout-continuation-B-e2MTVY.js} +1 -1
- package/dist/assets/{checkout-page-CZX1V42L.js → checkout-page-DaCQxIuw.js} +1 -1
- package/dist/assets/{client-feature-flag-store-BKkhWz5j.js → client-feature-flag-store-8Q7UOJtW.js} +1 -1
- package/dist/assets/{command-palette-window-page-CLEqhrIe.js → command-palette-window-page-CXkM1WPH.js} +1 -1
- package/dist/assets/{composer-settings-B0pnq5Ln.js → composer-settings-Dt30FYZQ.js} +1 -1
- package/dist/assets/{contacts-page-route-B22Jw6K5.js → contacts-page-route-BVbuDF5p.js} +1 -1
- package/dist/assets/{credentials-page-C41Wr9oE.js → credentials-page-Dx-P6vd_.js} +1 -1
- package/dist/assets/{developer-page-dwDHO_pX.js → developer-page-BIkHNZd8.js} +1 -1
- package/dist/assets/{document-viewer-page-BPQE7cTG.js → document-viewer-page-BkLLBbRH.js} +1 -1
- package/dist/assets/feature-flag-catalog-JFOfEk0S.js +1 -0
- package/dist/assets/{format-usd-DQiGuShn.js → format-usd-l0R2MwIH.js} +1 -1
- package/dist/assets/{general-page-CkVbSJtE.js → general-page-B34A_Pcp.js} +1 -1
- package/dist/assets/{hosting-screen-DpR71P86.js → hosting-screen-9bBqSCHV.js} +1 -1
- package/dist/assets/{index-DMQCMrHl.js → index-DMXddyxg.js} +1 -1
- package/dist/assets/{inspect-page-BC8sRura.js → inspect-page-CsOzKbsI.js} +1 -1
- package/dist/assets/{integrations-page-DqmydwYz.js → integrations-page-bIVm9I0b.js} +1 -1
- package/dist/assets/internal-thread-actions-DV_Glwjx.js +1 -0
- package/dist/assets/{library-detail-page-0NetYfXb.js → library-detail-page-CIEdyNcW.js} +1 -1
- package/dist/assets/{logs-layout-D9S633Od.js → logs-layout-BBtK2ZVo.js} +1 -1
- package/dist/assets/{memory-page-route-BKUF4Clw.js → memory-page-route-P8z9tMki.js} +1 -1
- package/dist/assets/{memory-router-playground-page-ChIAVbdo.js → memory-router-playground-page-C_MDip58.js} +1 -1
- package/dist/assets/{open-workspace-file-CuC6MQf5.js → open-workspace-file-C-ZfOspH.js} +2 -2
- package/dist/assets/{privacy-screen-D9vpsAzj.js → privacy-screen-BFWU7Kwj.js} +1 -1
- package/dist/assets/{provider-callback-page-lyCaRpwW.js → provider-callback-page-CidP7mfe.js} +1 -1
- package/dist/assets/{provider-signup-page-DoyOSfxU.js → provider-signup-page-BDVV8HWu.js} +1 -1
- package/dist/assets/routes-H7Rbut9r.js +24 -0
- package/dist/assets/{runtime-upgrade-banner-Bxri9GLK.js → runtime-upgrade-banner-BtbLo6Xw.js} +1 -1
- package/dist/assets/{schedules-page-BCEivk-q.js → schedules-page-BUeqVGSP.js} +1 -1
- package/dist/assets/{select-assistant-screen-BKMS789D.js → select-assistant-screen-CBkRtj_C.js} +1 -1
- package/dist/assets/{settings-layout-Bq_X6OK-.js → settings-layout-D3sqAhb-.js} +1 -1
- package/dist/assets/{sidebar-tree-fTDZqzSN.js → sidebar-tree-B-4KoY9i.js} +1 -1
- package/dist/assets/{skill-detail-page-BXcfZjI5.js → skill-detail-page-fOsuGUwW.js} +1 -1
- package/dist/assets/{subagent-detail-panel-C8awkSsh.js → subagent-detail-panel-BwzRvdXL.js} +1 -1
- package/dist/assets/{theme-stage-page-DYN_bGlU.js → theme-stage-page-Bhz4X9iG.js} +1 -1
- package/dist/assets/{tool-detail-panel-DW4bX1-P.js → tool-detail-panel-CGgb3BoG.js} +1 -1
- package/dist/assets/{use-app-theme-gsAaVFIl.js → use-app-theme-Bh1Y3L9p.js} +1 -1
- package/dist/assets/{use-bookmarks-C5Lk3qlC.js → use-bookmarks-ByolVDXL.js} +1 -1
- package/dist/assets/{use-command-palette-sections-XcOFqUQl.js → use-command-palette-sections-Cl3Vl8En.js} +1 -1
- package/dist/assets/{use-edge-swipe-back-DNWq1WuU.js → use-edge-swipe-back-CEQB8TwJ.js} +2 -2
- package/dist/index.html +14 -14
- package/package.json +1 -1
- package/dist/assets/feature-flag-catalog-BYteAS2P.js +0 -1
- package/dist/assets/internal-thread-actions-AGtaqhOE.js +0 -1
- package/dist/assets/routes-CmX3F4DO.js +0 -24
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./capture-error-Bhsjn8bF.js";import{t as n}from"./react-BFJW0bSv.js";import{t as r}from"./button-C8CGr0T0.js";import{t as i}from"./jsx-runtime-BJ8jcmzB.js";import{t as a}from"./typography-DekrYXvs.js";import{t as o}from"./createLucideIcon-B-ZPaMbU.js";import{t as s}from"./arrow-down-to-line-BuKRLRZS.js";import{a as c,i as l,n as u,o as d,r as f,t as p}from"./acp-run-actions-C0O4XCTz.js";import{n as m,r as h,t as g}from"./metric-card-Bhoh3n-g.js";import{t as _}from"./brain-9Csfs96f.js";import{t as v}from"./chevron-down-D1ho6wFA.js";import{t as y}from"./chevron-left-D29BeQ4x.js";import{t as b}from"./chevron-right-DTpkwA4e.js";import{t as x}from"./circle-check-BQyrCkaB.js";import{t as S}from"./circle-minus-DgUiTTwX.js";import{w as C}from"./menu-Ci8JeI2H.js";import{t as w}from"./code-B7TA1KYq.js";import{t as T}from"./file-text-BEpL7wIA.js";import{t as E}from"./globe-BJuNFSn-.js";import{t as D}from"./chat-markdown-message-
|
|
1
|
+
import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./capture-error-Bhsjn8bF.js";import{t as n}from"./react-BFJW0bSv.js";import{t as r}from"./button-C8CGr0T0.js";import{t as i}from"./jsx-runtime-BJ8jcmzB.js";import{t as a}from"./typography-DekrYXvs.js";import{t as o}from"./createLucideIcon-B-ZPaMbU.js";import{t as s}from"./arrow-down-to-line-BuKRLRZS.js";import{a as c,i as l,n as u,o as d,r as f,t as p}from"./acp-run-actions-C0O4XCTz.js";import{n as m,r as h,t as g}from"./metric-card-Bhoh3n-g.js";import{t as _}from"./brain-9Csfs96f.js";import{t as v}from"./chevron-down-D1ho6wFA.js";import{t as y}from"./chevron-left-D29BeQ4x.js";import{t as b}from"./chevron-right-DTpkwA4e.js";import{t as x}from"./circle-check-BQyrCkaB.js";import{t as S}from"./circle-minus-DgUiTTwX.js";import{w as C}from"./menu-Ci8JeI2H.js";import{t as w}from"./code-B7TA1KYq.js";import{t as T}from"./file-text-BEpL7wIA.js";import{t as E}from"./globe-BJuNFSn-.js";import{t as D}from"./chat-markdown-message-BDiq7_tc.js";import{t as ee}from"./repeat-ORyt0N0E.js";import{t as te}from"./search-FGnzWjRX.js";import{t as ne}from"./send-CnqSHaqf.js";import{t as O}from"./terminal-CIR8bWcg.js";import{t as re}from"./trash-2-DnajdgJS.js";import{t as ie}from"./triangle-alert-B-18Pims.js";import"./src-fZcomycH.js";import{t as k}from"./tag-D2QYCm1p.js";import{s as A}from"./i18n-BwZV5R-M.js";import{t as j}from"./useTranslation-ZC-h5Hiu.js";import{a as M,i as ae,n as N,r as P}from"./acp-run-store-CYW5V87J.js";import{t as F}from"./three-dot-indicator-DJCMF6cZ.js";import{n as oe}from"./detail-shell-hzTREWhc.js";import{t as se}from"./diff-rows-DvA_2her.js";import{n as ce,t as le}from"./status-badge-pill-ByZJPqUX.js";var ue=o(`file-pen`,[[`path`,{d:`M12.659 22H18a2 2 0 0 0 2-2V8a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 14 2H6a2 2 0 0 0-2 2v9.34`,key:`o6klzx`}],[`path`,{d:`M14 2v5a1 1 0 0 0 1 1h5`,key:`wfsgrz`}],[`path`,{d:`M10.378 12.622a1 1 0 0 1 3 3.003L8.36 20.637a2 2 0 0 1-.854.506l-2.867.837a.5.5 0 0 1-.62-.62l.836-2.869a2 2 0 0 1 .506-.853z`,key:`zhnas1`}]]),I=e(n(),1),L=``;function R(e,t){switch(e){case`complete`:case`completed`:return`completed`;case`failed`:case`error`:return`error`;case void 0:return t;default:return`running`}}function de(e){return(e.messageId?.startsWith(`local-marker-`)??!1)||(e.content?.startsWith(`↻ Steering: `)??!1)}function z(e){let t=e??``;return t.startsWith(`↻ Steering: `)?t.slice(N.length):t}function B(e){let t=e[e.length-1];t&&(t.kind===`agent`||t.kind===`thinking`)&&!t.isComplete&&(e[e.length-1]={...t,isComplete:!0})}function V(e,t){if(t.updateType===`agent_message_chunk`&&de(t)){B(e),e.push({kind:`user`,id:t.messageId??`steer-${e.length}`,content:z(t.content)});return}switch(t.updateType){case`user_message_chunk`:{let n=t.messageId??L,r=z(t.content),i=e[e.length-1];i&&i.kind===`user`&&i.id===n?e[e.length-1]={...i,content:i.content+r}:(B(e),e.push({kind:`user`,id:n,content:r}));let a=e[e.length-1].content;for(let t=0;t<e.length-1;t++){let n=e[t];if(n.kind===`user`&&n.id.startsWith(`local-marker-`)&&n.content===a){e.splice(t,1);break}}return}case`agent_message_chunk`:{let n=t.messageId??L,r=e[e.length-1];if(r&&r.kind===`agent`&&r.messageId===n){e[e.length-1]={...r,content:r.content+(t.content??``)};return}if(n!==L&&r&&r.kind===`agent`&&r.messageId===L&&!r.isComplete&&r.content===(t.content??``)){e[e.length-1]={...r,messageId:n};return}B(e),e.push({kind:`agent`,messageId:n,content:t.content??``,isComplete:!1});return}case`agent_thought_chunk`:{let n=t.messageId??L,r=e[e.length-1];if(r&&r.kind===`thinking`&&r.messageId===n){e[e.length-1]={...r,content:r.content+(t.content??``)};return}B(e),e.push({kind:`thinking`,messageId:n,content:t.content??``,isComplete:!1});return}case`tool_call`:{let n=t.toolCallId;if(n===void 0)return;B(e),e.push({kind:`tool`,toolCallId:n,title:t.toolTitle??``,toolKind:t.toolKind,status:R(t.toolStatus,`running`),content:t.content,locations:H(t),rawInput:t.rawInput,rawOutput:t.rawOutput});return}case`tool_call_update`:{let n=t.toolCallId;if(n===void 0)return;let r=e.findIndex(e=>e.kind===`tool`&&e.toolCallId===n);if(r===-1)return;let i=e[r],a=H(t);e[r]={...i,title:t.toolTitle??i.title,toolKind:t.toolKind??i.toolKind,status:R(t.toolStatus,i.status),content:t.content??i.content,locations:a??i.locations,rawInput:t.rawInput===void 0?i.rawInput:t.rawInput,rawOutput:t.rawOutput===void 0?i.rawOutput:t.rawOutput};return}case`plan`:{let n=fe(t.content);if(n===null)return;let r=e.findIndex(e=>e.kind===`plan`),i={kind:`plan`,entries:n};r===-1?(B(e),e.push(i)):e[r]=i;return}}}function H(e){let t=e.locations;if(!Array.isArray(t))return;let n=[];for(let e of t){let t=e??{};typeof t.path==`string`&&n.push(typeof t.line==`number`?{path:t.path,line:t.line}:{path:t.path})}return n}function fe(e){if(!e)return null;let t;try{t=JSON.parse(e)}catch{return null}let n=Array.isArray(t)?t:Array.isArray(t?.entries)?t.entries:null;return n===null?null:n.map(e=>{let t=e??{},n=t.content??t.label??``;return{label:typeof n==`string`?n:String(n),checked:t.checked===!0||t.status===`completed`}})}function pe(e){let t=[];for(let n of e)V(t,n);return t}function me(e,t){if(e===t)return{kind:`identity`};if(e===null)return{kind:`first`};if(t.length<e.length)return{kind:`fallback`};for(let n=0;n<e.length;n++)if(e[n]!==t[n])return n===e.length-1&&t.length===e.length?{kind:`mutate-last`}:{kind:`fallback`};return t.length===e.length?{kind:`identity`}:{kind:`append`,from:e.length}}function he(){let e=null,t=[];function n(n){return t=pe(n),e=n,t}function r(r){let i=me(e,r);switch(i.kind){case`identity`:return t;case`first`:return n(r);case`append`:{let n=t.slice();for(let e=i.from;e<r.length;e++)V(n,r[e]);return e=r,t=n,t}case`mutate-last`:case`fallback`:return n(r)}}return{project:r}}function ge(e){let t=(0,I.useRef)(null);return t.current??=he(),t.current.project(e)}function U(e){if(!e)return[];let t;try{t=JSON.parse(e)}catch{let t=e.trimStart();return t.startsWith(`{`)||t.startsWith(`[`)?[]:[{type:`content`,text:e}]}let n=Array.isArray(t)?t:[t],r=[];for(let e of n){let t=_e(e);t&&r.push(t)}return r}function _e(e){if(typeof e!=`object`||!e)return null;let t=e;switch(t.type){case`content`:return{type:`content`,text:ve(t.content)};case`diff`:return typeof t.path!=`string`||typeof t.newText!=`string`?null:{type:`diff`,path:t.path,newText:t.newText,...typeof t.oldText==`string`?{oldText:t.oldText}:{}};case`terminal`:{let e=ye(t);return e===void 0?{type:`terminal`}:{type:`terminal`,text:e}}default:return null}}function ve(e){if(typeof e==`string`)return e;if(typeof e==`object`&&e){let t=e.text;if(typeof t==`string`)return t}return``}function ye(e){if(typeof e.text==`string`)return e.text;if(typeof e.output==`string`)return e.output;if(typeof e.content==`string`)return e.content;if(typeof e.content==`object`&&e.content!==null){let t=e.content.text;if(typeof t==`string`)return t}}function W(e){if(typeof e!=`object`||!e)return;let t=e.command;return typeof t==`string`?t:void 0}function G(e){return U(e).filter(e=>e.type===`content`||e.type===`terminal`).map(e=>`text`in e?e.text??``:``).filter(e=>e.length>0).join(`
|
|
2
2
|
`)}function K(e){if(e!=null){if(typeof e==`string`)return e;if(typeof e==`object`)try{return JSON.stringify(e,null,2)}catch{return String(e)}return String(e)}}function q(e,t){let n=new Map;for(let t of e)t.type===`diff`&&n.set(t.path,{path:t.path,newText:t.newText,...t.oldText===void 0?{}:{oldText:t.oldText}});for(let e of t??[])n.has(e.path)||n.set(e.path,{path:e.path});return Array.from(n.values())}var J=i();function be({content:e,isComplete:t,assistantId:n}){return(0,J.jsxs)(`div`,{"data-testid":`acp-chat-agent-message`,className:`flex w-full flex-col items-start text-chat text-[var(--content-default)]`,children:[(0,J.jsx)(D,{content:e,assistantId:n}),!t&&(0,J.jsx)(F,{className:`mt-1`,"data-testid":`acp-chat-agent-streaming`})]})}function xe({entries:e}){let{t}=j(`chat`);return e.length===0?null:(0,J.jsxs)(`div`,{"data-testid":`acp-chat-plan-block`,className:`w-full rounded-lg border border-[var(--border-base)] bg-[var(--surface-overlay)] p-3`,children:[(0,J.jsxs)(`div`,{className:`mb-2 flex items-center gap-1.5 text-[var(--content-tertiary)]`,children:[(0,J.jsx)(l,{"aria-hidden":!0,className:`h-3.5 w-3.5 shrink-0`}),(0,J.jsx)(a,{variant:`body-small-emphasised`,className:`text-inherit`,children:t(`acpChatPlanBlock.plan`)})]}),(0,J.jsx)(`ul`,{className:`flex flex-col gap-1.5`,children:e.map((e,t)=>(0,J.jsxs)(`li`,{"data-testid":`acp-chat-plan-entry`,"data-checked":e.checked,className:`flex items-start gap-2`,children:[e.checked?(0,J.jsx)(x,{"aria-hidden":!0,className:`mt-0.5 h-4 w-4 shrink-0 text-[var(--system-positive-strong)]`}):(0,J.jsx)(C,{"aria-hidden":!0,className:`mt-0.5 h-4 w-4 shrink-0 text-[var(--content-disabled)]`}),(0,J.jsx)(`span`,{className:e.checked?`text-body-small-default text-[var(--content-tertiary)] line-through`:`text-body-small-default text-[var(--content-default)]`,children:e.label})]},t))})]})}function Se(e){switch(e){case`max_tokens`:case`max_turn_requests`:return A(`chat:acpChatTerminalBlock.stoppedLimitReached`);case`refusal`:return A(`chat:acpChatTerminalBlock.refused`);case`cancelled`:return A(`chat:acpChatTerminalBlock.cancelled`);default:return A(`chat:acpChatTerminalBlock.completed`)}}function Ce(e){return new Date(e).toLocaleTimeString([],{hour:`numeric`,minute:`2-digit`})}function Y({completedAt:e}){let{t}=j(`chat`);return e===void 0?null:(0,J.jsx)(`span`,{"data-testid":`acp-chat-terminal-time`,children:t(`acpChatTerminalBlock.atTime`,{time:Ce(e)})})}function we({status:e,stopReason:t,error:n,completedAt:r}){let{t:i}=j(`chat`);if(M(e))return null;if(e===`failed`)return(0,J.jsxs)(`div`,{"data-testid":`acp-chat-terminal-block`,"data-terminal-kind":`failed`,className:`flex items-start gap-2 rounded-lg bg-[var(--system-negative-weak)] px-3 py-2 text-body-small-default text-[var(--system-negative-strong)]`,children:[(0,J.jsx)(`span`,{"aria-hidden":!0,"data-testid":`acp-chat-terminal-failed-icon`,className:`flex h-[12px] w-4 shrink-0 items-center justify-center`,children:(0,J.jsx)(ie,{className:`h-4 w-4`})}),(0,J.jsx)(`span`,{children:n??i(`acpChatTerminalBlock.runFailed`)})]});if(e===`cancelled`)return(0,J.jsxs)(`div`,{"data-testid":`acp-chat-terminal-block`,"data-terminal-kind":`cancelled`,className:`flex items-center gap-2 text-body-small-default text-[var(--content-tertiary)]`,children:[(0,J.jsx)(S,{"aria-hidden":!0,className:`h-4 w-4 shrink-0`}),(0,J.jsx)(`span`,{children:i(`acpChatTerminalBlock.cancelled`)}),(0,J.jsx)(Y,{completedAt:r})]});let a=Se(t);return(0,J.jsxs)(`div`,{"data-testid":`acp-chat-terminal-block`,"data-terminal-kind":`completed`,className:`flex items-center gap-2 text-body-small-default text-[var(--content-tertiary)]`,children:[(0,J.jsx)(x,{"aria-hidden":!0,className:`h-4 w-4 shrink-0 text-[var(--system-positive-strong)]`}),(0,J.jsx)(`span`,{children:a}),(0,J.jsx)(Y,{completedAt:r})]})}function Te({showDot:e,isLast:t,children:n}){return(0,J.jsxs)(`div`,{className:`relative flex items-start gap-2${t?``:` pb-4`}`,children:[!t&&(0,J.jsx)(`div`,{"aria-hidden":!0,className:`absolute bottom-0 left-[6.5px] w-px bg-[var(--border-element)] ${e?`top-[16px]`:`top-0`}`}),e?(0,J.jsx)(`span`,{"aria-hidden":!0,"data-testid":`acp-chat-timeline-dot`,className:`flex h-[14px] w-[14px] shrink-0 items-center justify-center`,children:(0,J.jsx)(`span`,{className:`h-[5px] w-[5px] rounded-full bg-[var(--content-disabled)]`})}):(0,J.jsx)(`span`,{"aria-hidden":!0,className:`h-[14px] w-[14px] shrink-0`}),(0,J.jsx)(`div`,{className:`min-w-0 flex-1`,children:n})]})}function Ee({content:e,isComplete:t,assistantId:n}){let[r,i]=(0,I.useState)(null),a=r??!t,o=e.trim().length>0,s=t?`Thought process`:`Thinking`,c=t?(0,J.jsx)(_,{"aria-hidden":!0,className:`h-3.5 w-3.5 shrink-0`}):(0,J.jsx)(F,{dotSize:5,className:`shrink-0`,"data-testid":`acp-chat-thinking-streaming`});return o?(0,J.jsxs)(`div`,{"data-testid":`acp-chat-thinking-block`,className:`w-full`,children:[(0,J.jsxs)(`button`,{type:`button`,"aria-expanded":a,onClick:()=>i(!a),"data-testid":`acp-chat-thinking-toggle`,className:`flex w-full items-center gap-1.5 text-body-small-default text-[var(--content-tertiary)] transition-colors hover:text-[var(--content-secondary)]`,children:[a?(0,J.jsx)(v,{"aria-hidden":!0,className:`h-3.5 w-3.5 shrink-0`}):(0,J.jsx)(b,{"aria-hidden":!0,className:`h-3.5 w-3.5 shrink-0`}),c,(0,J.jsx)(`span`,{children:s})]}),a&&(0,J.jsx)(`div`,{"data-testid":`acp-chat-thinking-body`,className:`mt-1.5 border-l-2 border-[var(--border-base)] pl-3 text-body-small-default text-[var(--content-tertiary)]`,children:(0,J.jsx)(D,{content:e,assistantId:n})})]}):(0,J.jsx)(`div`,{"data-testid":`acp-chat-thinking-block`,className:`w-full`,children:(0,J.jsxs)(`div`,{className:`flex w-full items-center gap-1.5 text-body-small-default text-[var(--content-tertiary)]`,children:[c,(0,J.jsx)(`span`,{children:s})]})})}var De={running:`neutral`,completed:`positive`,error:`negative`,ended:`neutral`},Oe={running:`Running`,completed:`Completed`,error:`Failed`,ended:`Ended`},ke={read:`Read file`,edit:`Edit file`,delete:`Delete file`,move:`Move file`,search:`Search`,execute:`Run command`,think:`Thinking`,fetch:`Fetch`,switch_mode:`Switch mode`},Ae=`Tool call`,je={read:T,edit:ue,delete:re,move:c,search:te,execute:O,think:_,fetch:E,switch_mode:ee},Me=new Set([`read`,`edit`,`delete`,`move`]);function Ne({toolKind:e}){return(0,J.jsx)(e&&je[e]||w,{"aria-hidden":!0,className:`h-4 w-4 shrink-0 text-[var(--content-tertiary)]`})}function X({label:e,value:t,testId:n}){return(0,J.jsxs)(`div`,{"data-testid":n,children:[(0,J.jsx)(`div`,{className:`mb-1 text-body-small-default text-[var(--content-tertiary)]`,children:e}),(0,J.jsx)(`pre`,{className:`max-h-60 overflow-auto rounded-md border border-[var(--border-element)] bg-[var(--surface-base)] p-2.5 font-mono text-body-small-default text-[var(--content-secondary)]`,children:t})]})}function Pe({block:e,isTerminal:t=!1,onOpenDiff:n,onOpenOutput:r}){let{t:i}=j(`chat`),[o,s]=(0,I.useState)(!1),c=(0,I.useMemo)(()=>U(e.content),[e.content]),l=(0,I.useMemo)(()=>G(e.content),[e.content]),u=(0,I.useMemo)(()=>l.split(`
|
|
3
3
|
`).map(e=>e.trim()).find(e=>e.length>0&&!e.startsWith("```"))||`View output`,[l]),d=(0,I.useMemo)(()=>q(c,e.locations),[c,e.locations]),f=t&&e.status===`running`?`ended`:e.status,p=f===`running`,m=e.toolKind&&ke[e.toolKind]||Ae,h=W(e.rawInput)??e.title,g=h&&h!==m&&(!Me.has(e.toolKind??``)||d.length===0)?h:null,_=K(e.rawInput),y=K(e.rawOutput),x=_!==void 0||y!==void 0;return(0,J.jsxs)(`div`,{"data-testid":`acp-chat-tool-card`,"data-status":e.status,className:`w-full rounded-lg border border-[var(--border-base)] bg-[var(--surface-overlay)] p-3`,children:[(0,J.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,J.jsx)(Ne,{toolKind:e.toolKind}),(0,J.jsx)(a,{variant:`body-small-emphasised`,className:`min-w-0 flex-1 truncate text-[var(--content-default)]`,title:e.title,children:m}),(0,J.jsx)(k,{tone:De[f],"data-testid":`acp-chat-tool-status`,children:Oe[f]}),p&&(0,J.jsx)(F,{className:`shrink-0`,"data-testid":`acp-chat-tool-running`})]}),g&&(0,J.jsx)(`div`,{"data-testid":`acp-chat-tool-detail`,className:`mt-1.5 font-mono text-body-small-default whitespace-pre-wrap break-words text-[var(--content-secondary)]`,children:g}),d.length>0&&(0,J.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1.5`,children:d.map(t=>{let r=t.oldText!==void 0||t.newText!==void 0,i=`flex max-w-full items-center gap-1.5 rounded-md border border-[var(--border-base)] bg-[var(--surface-base)] px-2 py-1 text-body-small-default text-[var(--content-secondary)]`;return r?(0,J.jsxs)(`button`,{type:`button`,"data-testid":`acp-chat-tool-file-chip`,onClick:()=>n(e.toolCallId,t),title:t.path,className:`${i} cursor-pointer transition-colors hover:bg-[var(--surface-hover)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-[var(--border-focus)]`,children:[(0,J.jsx)(T,{"aria-hidden":!0,className:`h-3.5 w-3.5 shrink-0`}),(0,J.jsx)(`span`,{className:`truncate font-mono`,children:t.path})]},t.path):(0,J.jsxs)(`span`,{"data-testid":`acp-chat-tool-file-ref`,title:t.path,className:i,children:[(0,J.jsx)(T,{"aria-hidden":!0,className:`h-3.5 w-3.5 shrink-0`}),(0,J.jsx)(`span`,{className:`truncate font-mono`,children:t.path})]},t.path)})}),l.length>0&&(0,J.jsxs)(`button`,{type:`button`,"data-testid":`acp-chat-tool-output-open`,onClick:()=>r?.(e.toolCallId),className:`mt-2 flex w-full items-center gap-2 rounded-md border border-[var(--border-element)] bg-[var(--surface-base)] px-2.5 py-2 text-left transition-colors hover:bg-[var(--surface-hover)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-[var(--border-focus)]`,children:[(0,J.jsx)(O,{"aria-hidden":!0,className:`h-3.5 w-3.5 shrink-0 text-[var(--content-tertiary)]`}),(0,J.jsx)(`span`,{className:`min-w-0 flex-1 truncate font-mono text-body-small-default text-[var(--content-secondary)]`,children:u}),(0,J.jsx)(b,{"aria-hidden":!0,className:`h-3.5 w-3.5 shrink-0 text-[var(--content-tertiary)]`})]}),x&&(0,J.jsxs)(`div`,{className:`mt-2`,"data-testid":`acp-chat-tool-raw`,children:[(0,J.jsxs)(`button`,{type:`button`,"data-testid":`acp-chat-tool-raw-toggle`,"aria-expanded":o,onClick:()=>s(e=>!e),className:`flex items-center gap-1 text-body-small-default text-[var(--content-tertiary)] transition-colors hover:text-[var(--content-default)]`,children:[o?(0,J.jsx)(v,{"aria-hidden":!0,className:`h-3.5 w-3.5 shrink-0`}):(0,J.jsx)(b,{"aria-hidden":!0,className:`h-3.5 w-3.5 shrink-0`}),(0,J.jsx)(`span`,{children:i(o?`acpChatToolCard.hideRaw`:`acpChatToolCard.showRaw`)})]}),o&&(0,J.jsxs)(`div`,{className:`mt-1.5 flex flex-col gap-2`,children:[_!==void 0&&(0,J.jsx)(X,{label:i(`acpChatToolCard.rawInput`),value:_,testId:`acp-chat-tool-raw-input`}),y!==void 0&&(0,J.jsx)(X,{label:i(`acpChatToolCard.rawOutput`),value:y,testId:`acp-chat-tool-raw-output`})]})]})]})}function Fe({content:e}){return(0,J.jsx)(`div`,{"data-testid":`acp-chat-user-turn`,className:`flex w-full justify-end`,children:(0,J.jsx)(`div`,{className:`max-w-[80%] rounded-lg bg-[var(--surface-lift)] px-4 py-3 whitespace-pre-wrap text-chat text-[var(--content-default)]`,children:e})})}function Ie({content:e,assistantId:t}){return(0,J.jsx)(`div`,{"data-testid":`acp-chat-command-output`,className:`rounded-lg border border-[var(--border-base)] bg-[var(--surface-overlay)] p-3 [&_pre]:!max-h-none`,children:(0,J.jsx)(D,{content:G(e),hardLineBreaks:!0,assistantId:t})})}var Z=2e3;function Q(e){if(e===``)return[];let t=e.split(`
|
|
4
4
|
`);return e.endsWith(`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./react-BFJW0bSv.js";import{t as n}from"./button-C8CGr0T0.js";import{t as r}from"./jsx-runtime-BJ8jcmzB.js";import{t as i}from"./typography-DekrYXvs.js";import{n as a,t as o,y as s}from"./message-content-B82B1OzV.js";import{_ as c,a as l,f as u,g as d,i as f,r as p,v as m,y as h}from"./transcript-message-body-shared-DldUYzgc.js";import{t as g}from"./chevron-left-D29BeQ4x.js";import{t as _}from"./chat-markdown-message-
|
|
1
|
+
import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./react-BFJW0bSv.js";import{t as n}from"./button-C8CGr0T0.js";import{t as r}from"./jsx-runtime-BJ8jcmzB.js";import{t as i}from"./typography-DekrYXvs.js";import{n as a,t as o,y as s}from"./message-content-B82B1OzV.js";import{_ as c,a as l,f as u,g as d,i as f,r as p,v as m,y as h}from"./transcript-message-body-shared-DldUYzgc.js";import{t as g}from"./chevron-left-D29BeQ4x.js";import{t as _}from"./chat-markdown-message-BDiq7_tc.js";import"./src-fZcomycH.js";import"./i18n-BwZV5R-M.js";import{t as v}from"./useTranslation-ZC-h5Hiu.js";import{t as y}from"./workflow-store-BlqF_nWo.js";import{t as b}from"./background-task-store-D3W6TX_2.js";import{r as x}from"./acp-run-store-CYW5V87J.js";import{a as S,g as C,i as w,n as T,r as E,s as D,w as O,x as k}from"./site-favicon-Qvi8mkcS.js";import{t as A}from"./detail-shell-hzTREWhc.js";import{t as j}from"./use-transcript-message-by-id-DDesry9L.js";import{ToolDetailBody as M,t as N}from"./tool-detail-panel-CGgb3BoG.js";var P=e(t(),1);function F(e,t,n){let r=f(t,n.workflow),i=e=>{let t=u(e,n.workflow.byToolUseId);if(t!==null&&r.has(t))return!0;let i=p(e,n.acpByToolUseId);if(i!==null&&n.acpById[i]!==void 0)return!0;let a=l(e);return a!==void 0&&n.backgroundTaskById[a]!==void 0},a=t.filter(e=>!i(e));if(a.length===t.length)return{items:e,toolCalls:t};let o=new Set(a.map(e=>e.id));return{items:e.filter(e=>e.kind!==`toolCall`||o.has(e.toolCall.id)),toolCalls:a}}function I(e,t){let n=j(e),r=y.use.byId(),i=y.use.byToolUseId(),s=y.use.notFoundRunIds(),c=y.use.hydrationFailedRunIds(),l=x.use.byId(),u=x.use.byToolUseId(),d=b.use.byId();return(0,P.useMemo)(()=>{if(!n||t==null)return null;let e=a(n.contentBlocks??[],{splitInlineThinking:n.role!==`user`})[t];if(!e||e.type!==`activity`)return null;let{cardItems:f,toolCalls:p}=o(e.items);return F(f,p,{workflow:{byId:r,byToolUseId:i,notFoundRunIds:s,hydrationFailedRunIds:c},acpById:l,acpByToolUseId:u,backgroundTaskById:d})},[n,t,r,i,s,c,l,u,d])}var L=r(),R=60;function z({payload:e,onClose:t,assistantId:r}){let{t:a}=v(`chat`),[o,s]=(0,P.useState)(null),l=I(e.messageId,e.groupIndex),u=l?.items??e.items,f=l?.toolCalls??e.toolCalls,p=h(u),_=c(p.steps),y=m(p.state,p.steps),b=y===`loading`,x=d(y,p.totalDurationLabel??``,_.failed),S=b&&p.currentStepTitle||x,w=new Map(f.map(e=>[e.id,e])),T=o?o.kind===`thinking`?`Thinking`:o.activity||o.title:``;return(0,L.jsx)(A,{icon:o?(0,L.jsx)(n,{variant:`outlined`,iconOnly:(0,L.jsx)(g,{}),"aria-label":a(`activityStepsPanel.backAria`),tooltip:a(`activityStepsPanel.backTooltip`),onClick:()=>s(null),className:`shrink-0`}):void 0,titleNode:o?(0,L.jsx)(i,{variant:`title-medium`,className:`min-w-0 shrink truncate py-0.5 leading-snug text-[var(--content-default)]`,children:T}):(0,L.jsxs)(`span`,{className:`flex min-w-0 items-center gap-1.5 py-0.5`,children:[(0,L.jsx)(i,{variant:`title-medium`,className:`min-w-0 shrink truncate leading-snug text-[var(--content-default)]`,children:b?(0,L.jsx)(C,{children:S}):S}),p.stepCount?(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(`span`,{"aria-hidden":!0,className:`size-[3px] shrink-0 rounded-full bg-[var(--content-tertiary)]`}),(0,L.jsx)(i,{variant:`title-medium`,className:`shrink-0 whitespace-nowrap leading-snug text-[var(--content-secondary)]`,children:p.stepCount})]}):null]}),closeLabel:a(`activityStepsPanel.closeSteps`),onClose:t,children:o?(0,L.jsx)(V,{detail:o,assistantId:r}):(0,L.jsx)(D,{steps:p.steps,timeline:!0,renderStep:t=>(0,L.jsx)(B,{step:t,activeDetail:o,onOpenDetail:s,lookupToolCall:e=>w.get(e),messageId:e.messageId,groupIndex:e.groupIndex})})})}function B({step:e,activeDetail:t,onOpenDetail:n,lookupToolCall:r,messageId:i,groupIndex:a}){let{t:o}=v(`chat`);if(e.kind===`thinking`){let t=i!=null&&e.thinkingItemIndex!=null?{messageId:i,thinkingGroupIndex:a,thinkingItemIndex:e.thinkingItemIndex}:{};return(0,L.jsx)(w,{iconName:`brain`,label:s(O(e.text),R),ariaLabel:o(`activityStepsPanel.viewThinkingAria`),active:!1,onClick:()=>n({kind:`thinking`,toolCallId:``,toolName:``,title:o(`activityStepsPanel.thinkingTitle`),activity:``,input:{},status:`completed`,thinkingText:e.text,...t})})}if(e.kind===`web_search`)return(0,L.jsx)(E,{step:e});if(e.kind===`web_search_error`)return(0,L.jsx)(T,{step:e});if(e.kind!==`tool`)return(0,L.jsx)(S,{step:e});let c=r(e.toolCallId);return(0,L.jsx)(w,{iconName:e.iconName,label:e.activity||e.info||e.title,active:t?.toolCallId===e.toolCallId,onClick:()=>{c&&n(k(c))}})}function V({detail:e,assistantId:t}){let n=N(e.kind===`thinking`?e.messageId:void 0,e.thinkingGroupIndex,e.thinkingItemIndex);return(0,L.jsx)(`div`,{className:`flex flex-col gap-4`,children:e.kind===`thinking`?(0,L.jsx)(_,{content:n??e.thinkingText??``,hardLineBreaks:!0,assistantId:t}):(0,L.jsx)(M,{detail:e,assistantId:t})})}export{z as ActivityStepsPanel};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{n as e}from"./toast-CHtrY-GO.js";import{n as t,t as n}from"./create-selectors-CmDroXTn.js";import{c as r,n as i,s as a,t as o,u as s}from"./feature-flag-catalog-
|
|
1
|
+
import{n as e}from"./toast-CHtrY-GO.js";import{n as t,t as n}from"./create-selectors-CmDroXTn.js";import{c as r,n as i,s as a,t as o,u as s}from"./feature-flag-catalog-JFOfEk0S.js";import{v as c}from"./sdk.gen-bruWelSm.js";var l={...o},u={...i},d=0,f={};function p(e={}){l={...o,...e};for(let e of Object.keys(f))delete f[e]}function m(e={}){u={...i,...e}}function h(){p(),m()}var g=a(`assistant`);function _(e){return l[e]??o[e]??!1}function v(e){return u[e]??i[e]??``}var y=n(t()(t=>{let n=t;return{...o,...g.bool,hasHydrated:!1,stringFlags:{...i,...g.str},setFlags:e=>t(t=>{p(e);let n={...e,...g.bool};return Object.keys(n).some(e=>n[e]!==t[e])?n:t}),setFlag:(n,i,a)=>{let o=++d,u=()=>{if(f[n]!==o)return;delete f[n];let a=_(n);t(e=>e[n]===i?{[n]:a}:e),e.error(`Couldn't update "${r(n)?.label??n}". Your change was reverted.`)},p=s(n);!a||!p||(f[n]=o,c({path:{assistant_id:a,flag_key:p},body:{enabled:i},throwOnError:!1}).then(e=>{e.response?.ok?(l[n]=i,f[n]===o&&delete f[n]):u()}).catch(u),t({[n]:g.bool[n]??i}))},markHydrated:()=>t({hasHydrated:!0}),resetForAssistantSwitch:()=>{h(),t({...o,...g.bool,hasHydrated:!1}),n({stringFlags:{...i,...g.str}})},setStringFlags:e=>n(t=>{m(e);let n={...e,...g.str},r=t.stringFlags;return Object.keys(n).some(e=>n[e]!==r[e])?{stringFlags:n}:t}),setStringFlag:(t,i,a)=>{let o=++d,l=()=>{if(f[t]!==o)return;delete f[t];let a=v(t);n(e=>e.stringFlags[t]===i?{stringFlags:{...e.stringFlags,[t]:a}}:e),e.error(`Couldn't update "${r(t)?.label??t}". Your change was reverted.`)},p=s(t);!a||!p||(f[t]=o,c({path:{assistant_id:a,flag_key:p},body:{enabled:i},throwOnError:!1}).then(e=>{e.response?.ok?(u[t]=i,f[t]===o&&delete f[t]):l()}).catch(l),n(e=>({stringFlags:{...e.stringFlags,[t]:g.str[t]??i}})))}}}));export{y as t};
|
package/dist/assets/{assistant-status-panel-COuEl1Tu.js → assistant-status-panel-zms4fACg.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{o as e}from"./chunk-jRWAZmH_.js";import{n as t,t as n}from"./capture-error-Bhsjn8bF.js";import{t as r}from"./react-BFJW0bSv.js";import{t as i}from"./useQuery-CTSuec5b.js";import{t as a}from"./jsx-runtime-BJ8jcmzB.js";import{t as o}from"./loader-circle-C9QjVTuc.js";import"./src-fZcomycH.js";import"./tag-D2QYCm1p.js";import{n as s}from"./toast-CHtrY-GO.js";import{s as c}from"./i18n-BwZV5R-M.js";import{t as l}from"./useTranslation-ZC-h5Hiu.js";import"./auth-store-BcLGxfXV.js";import{a as u,r as d}from"./api-dsOmRqoJ.js";import{t as f}from"./assistant-feature-flag-store-
|
|
1
|
+
import{o as e}from"./chunk-jRWAZmH_.js";import{n as t,t as n}from"./capture-error-Bhsjn8bF.js";import{t as r}from"./react-BFJW0bSv.js";import{t as i}from"./useQuery-CTSuec5b.js";import{t as a}from"./jsx-runtime-BJ8jcmzB.js";import{t as o}from"./loader-circle-C9QjVTuc.js";import"./src-fZcomycH.js";import"./tag-D2QYCm1p.js";import{n as s}from"./toast-CHtrY-GO.js";import{s as c}from"./i18n-BwZV5R-M.js";import{t as l}from"./useTranslation-ZC-h5Hiu.js";import"./auth-store-BcLGxfXV.js";import{a as u,r as d}from"./api-dsOmRqoJ.js";import{t as f}from"./assistant-feature-flag-store-DFWdaRc3.js";import{t as p}from"./use-active-assistant-id-CvGwbyAl.js";import"./environment-store-Dudzc6p9.js";var m=e(r(),1),h=a();function g({value:e,max:t,caption:n}){let r=t>0?Math.max(0,Math.min(e/t*100,100)):0,i=r>90;return(0,h.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,h.jsx)(`div`,{className:`h-2 w-full overflow-hidden rounded-full bg-[var(--surface-active)]`,children:(0,h.jsx)(`div`,{className:`h-full rounded-full transition-[width] duration-200`,style:{width:`${r}%`,backgroundColor:i?`var(--system-negative-strong)`:`var(--system-positive-strong)`}})}),n&&(0,h.jsx)(`span`,{className:`text-label-medium-default text-[var(--content-tertiary)]`,children:n})]})}var _=7,v=2e3;function y(e){let t=(0,m.useRef)(0),n=(0,m.useRef)(null),[r,i]=(0,m.useState)(null),a=(0,m.useCallback)(()=>{if(t.current+=1,t.current>=_){t.current=0;let r=f.getState(),a=!r.settingsDeveloperNav;r.setFlag(`settingsDeveloperNav`,a,e),i(c(a?`settings:devModeVersionUnlock.enabled`:`settings:devModeVersionUnlock.disabled`)),n.current!==null&&clearTimeout(n.current),n.current=setTimeout(()=>{i(null),n.current=null},v)}},[e]);return(0,m.useEffect)(()=>()=>{n.current!==null&&clearTimeout(n.current)},[]),{onTap:a,message:r}}function b({version:e,loading:t,assistantId:n}){let{t:r}=l(`settings`),{onTap:i,message:a}=y(n);return t?(0,h.jsxs)(`span`,{className:`flex items-center gap-2 text-body-medium-lighter text-[var(--content-tertiary)]`,children:[(0,h.jsx)(o,{className:`h-4 w-4 animate-spin`}),r(`devModeVersionUnlock.loading`)]}):e?(0,h.jsxs)(`div`,{children:[(0,h.jsx)(`button`,{type:`button`,className:`break-all text-left text-body-medium-lighter text-[var(--content-default)]`,onClick:i,children:e}),a&&(0,h.jsx)(`p`,{className:`mt-1 text-body-small-default text-[var(--content-accent)]`,children:a})]}):(0,h.jsx)(`span`,{className:`text-body-medium-lighter text-[var(--content-tertiary)]`,children:`—`})}var x=`currentAssistant`,S=4e3,C=9e4;function w(e,t){return(e.memory?.maxMb??null)!==(t.memory?.maxMb??null)||(e.cpu?.maxCores??null)!==(t.cpu?.maxCores??null)}function T(){let e=p(),{data:r=null,isLoading:a,refetch:o}=i({queryKey:[x,e],queryFn:async()=>{let t=await d(e);return t.ok?t.data:null},retry:!1}),l=r?.id,[f,h]=(0,m.useState)(null),[g,_]=(0,m.useState)(!1),[v,y]=(0,m.useState)(!1),b=(0,m.useRef)(0),T=(0,m.useRef)(0),E=(0,m.useCallback)(async e=>{if(!l)return h(null),_(!1),null;b.current+=1;let r=b.current;_(!0);try{let t=await u(l);return r===b.current?t.ok?(h(t.data),t.data):(e?.keepStaleOnError||h(null),null):null}catch(i){return r===b.current?(e?.keepStaleOnError||h(null),!t(i)&&!e?.keepStaleOnError&&(n(i,{context:`fetch_assistant_healthz`}),s.error(c(`settings:assistantStatusPanel.loadHealthzFailed`))),null):null}finally{r===b.current&&_(!1)}},[l]);return(0,m.useEffect)(()=>{E()},[E]),(0,m.useEffect)(()=>()=>{T.current+=1,y(!1),h(null)},[l]),{assistant:r,assistantLoading:a,healthz:f,healthzLoading:g,healthzPolling:v,refetch:(0,m.useCallback)(async()=>{await o(),await E()},[o,E]),refetchUntilResized:(0,m.useCallback)(async e=>{let t=++T.current,n=Date.now()+C;y(!0);let r=e;try{for(o();Date.now()<n&&t===T.current;){if(await new Promise(e=>setTimeout(e,S)),t!==T.current)return;let e=await E({keepStaleOnError:!0});if(t!==T.current)return;if(e){if(r==null){r=e;continue}if(w(e,r))return}}}finally{t===T.current&&y(!1)}},[E,o])}}function E(e){return e>=1024?`${(e/1024).toFixed(1)} GB`:`${e.toFixed(0)} MB`}export{g as a,y as i,T as n,b as r,E as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./capture-error-Bhsjn8bF.js";import{t as n}from"./react-BFJW0bSv.js";import{t as r}from"./jsx-runtime-BJ8jcmzB.js";import{t as i}from"./typography-DekrYXvs.js";import{r as a,t as o}from"./background-task-actions-B5oQUWzA.js";import"./src-fZcomycH.js";import"./i18n-BwZV5R-M.js";import{t as s}from"./useTranslation-ZC-h5Hiu.js";import{a as c,i as l,n as u,r as d}from"./background-task-store-D3W6TX_2.js";import{t as f}from"./detail-shell-hzTREWhc.js";import{n as p,t as m}from"./status-badge-pill-ByZJPqUX.js";import{CodeBlock as h,SectionLabel as g}from"./tool-detail-panel-
|
|
1
|
+
import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./capture-error-Bhsjn8bF.js";import{t as n}from"./react-BFJW0bSv.js";import{t as r}from"./jsx-runtime-BJ8jcmzB.js";import{t as i}from"./typography-DekrYXvs.js";import{r as a,t as o}from"./background-task-actions-B5oQUWzA.js";import"./src-fZcomycH.js";import"./i18n-BwZV5R-M.js";import{t as s}from"./useTranslation-ZC-h5Hiu.js";import{a as c,i as l,n as u,r as d}from"./background-task-store-D3W6TX_2.js";import{t as f}from"./detail-shell-hzTREWhc.js";import{n as p,t as m}from"./status-badge-pill-ByZJPqUX.js";import{CodeBlock as h,SectionLabel as g}from"./tool-detail-panel-CGgb3BoG.js";var _=e(n(),1),v=r();function y({status:e}){return(0,v.jsx)(m,{color:u(e),label:d(e)})}function b({entry:e,onClose:n}){let{t:r}=s(`chat`),u=c(e.status),d=!u,m=d&&e.output!==void 0&&e.output!==``,b=d&&e.exitCode!=null,[x,S]=(0,_.useState)(!1),C=(0,_.useCallback)(()=>{S(!0),o(e.id).catch(e=>{S(!1),t(e,{context:`BackgroundTaskDetailPanel.stop`})})},[e.id]);return(0,v.jsxs)(f,{Glyph:a(e.toolName),title:l(e.status),headerTrailing:(0,v.jsx)(y,{status:e.status}),headerActions:u?(0,v.jsx)(p,{onStop:C,ariaLabel:r(`backgroundTaskDetailPanel.stopCommandAria`),disabled:x}):void 0,closeVariant:`outlined`,closeLabel:r(`backgroundTaskDetailPanel.closeDetail`),onClose:n,children:[(0,v.jsxs)(`div`,{children:[(0,v.jsx)(g,{children:r(`backgroundTaskDetailPanel.command`)}),(0,v.jsx)(h,{text:e.command})]}),m&&(0,v.jsxs)(`div`,{className:`mt-5`,children:[(0,v.jsx)(g,{children:r(`backgroundTaskDetailPanel.output`)}),(0,v.jsx)(h,{text:e.output})]}),b&&(0,v.jsx)(i,{variant:`body-small-default`,as:`p`,className:`mt-2 text-[var(--content-tertiary)]`,children:r(`backgroundTaskDetailPanel.exitCode`,{code:e.exitCode})})]})}export{b as BackgroundTaskDetailPanel};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/native-file-CHIjMJ0g.js","assets/chunk-jRWAZmH_.js","assets/preload-helper-Cv2QeVDK.js","assets/is-electron-C9-jl_HE.js","assets/dist-BdRTRKqW.js"])))=>i.map(i=>d[i]);
|
|
2
|
-
import{o as e,t}from"./chunk-jRWAZmH_.js";import{a as n,c as r,i,t as a}from"./capture-error-Bhsjn8bF.js";import{t as o}from"./react-BFJW0bSv.js";import{t as s}from"./button-C8CGr0T0.js";import{t as c}from"./preload-helper-Cv2QeVDK.js";import{d as l,h as u,t as d,u as f}from"./chunk-5KNZJZUH-BUqIilZr.js";import{n as p}from"./QueryClientProvider-EuRl-wrW.js";import{t as m}from"./useQuery-CTSuec5b.js";import{t as h}from"./useInfiniteQuery-C5Kg1-qX.js";import{t as g}from"./useMutation-D2YPyfEH.js";import{t as _}from"./jsx-runtime-BJ8jcmzB.js";import{t as v}from"./typography-DekrYXvs.js";import{t as y}from"./card-DUsAeHUS.js";import{d as b,o as x,s as S}from"./list-row-6uedKE84.js";import{t as C}from"./createLucideIcon-B-ZPaMbU.js";import{t as w}from"./arrow-left-Ciai6BHG.js";import{t as T}from"./check-NGUguBHp.js";import{t as E}from"./chevron-down-D1ho6wFA.js";import{t as D}from"./chevron-up-bJ8SGTC_.js";import{t as O}from"./circle-check-BQyrCkaB.js";import{t as k}from"./coins-WH-N-3B8.js";import{A,D as j,E as M,F as N,L as ee,M as te,N as P,O as F,P as I,S as ne,_ as re,a as ie,b as ae,c as oe,f as L,g as R,h as se,i as ce,l as le,m as ue,n as de,o as fe,p as pe,r as me,s as he,t as ge,u as _e,v as ve,w as ye,z as be}from"./use-checkout-dismiss-refresh-D6RVOOW7.js";import{_ as xe,c as Se,d as Ce,f as we,g as Te,h as Ee,i as De,l as Oe,m as ke,n as z,o as Ae,r as je,s as Me,t as Ne,v as Pe}from"./format-usd-DQiGuShn.js";import{t as Fe}from"./download-C7_XK23s.js";import{t as Ie}from"./external-link-DCA91uI6.js";import{t as Le}from"./info-D0qquAkS.js";import{t as B}from"./loader-circle-C9QjVTuc.js";import{t as Re}from"./plus-BDSluxb4.js";import{t as ze}from"./sparkles-DvB22tVW.js";import{t as Be}from"./triangle-alert-B-18Pims.js";import{t as Ve}from"./users-BHqL5Ion.js";import{t as He}from"./x-zfSDUG5z.js";import{t as V}from"./notice-C_AsX_o9.js";import{t as Ue}from"./progress-bar-C4e3e4vV.js";import{a as We}from"./src-fZcomycH.js";import{t as Ge}from"./tag-D2QYCm1p.js";import{t as Ke}from"./input-DlkBtbxm.js";import{t as qe}from"./toggle-0qt1e_3r.js";import{t as H}from"./modal-DN_Uwwkg.js";import{n as U}from"./toast-CHtrY-GO.js";import{t as Je}from"./confirm-dialog-DYmL6FRe.js";import{t as Ye}from"./select-DGtcClb6.js";import{s as W}from"./i18n-BwZV5R-M.js";import{t as G}from"./useTranslation-ZC-h5Hiu.js";import{l as Xe,o as Ze}from"./auth-store-BcLGxfXV.js";import{_t as Qe,vt as $e}from"./sdk.gen-D7Xtwrik.js";import{Br as et}from"./sdk.gen-DBCPDfEN.js";import{T as tt}from"./native-biometric-uGBy1Ygx.js";import{d as nt}from"./routes-BlqDicRv.js";import{i as rt,r as it,t as at}from"./use-platform-gate-ex-sesPy.js";import{r as ot}from"./use-is-org-ready-jgYo1vLo.js";import{Et as st,Qt as ct,Xt as lt,Yt as ut,Zt as dt,p as ft,u as pt}from"./react-query.gen-CK9QHk-g.js";import{n as mt,r as ht}from"./browser-CTFeonz5.js";import{$ as gt,B as _t,G as vt,H as yt,J as bt,K as xt,Mt as St,R as Ct,St as wt,U as Tt,V as Et,W as Dt,X as Ot,Y as kt,_t as At,at as jt,ct as Mt,et as Nt,gt as Pt,ht as Ft,it as It,mt as Lt,nt as Rt,ot as zt,pt as Bt,q as Vt,rt as Ht,st as Ut,tt as Wt,ut as Gt,vt as Kt,wt as qt,xt as Jt,yt as Yt,z as Xt}from"./react-query.gen-C5bGzKSn.js";import{n as Zt,r as Qt}from"./conversation-navigation-CAmJhEC8.js";import{n as $t}from"./use-is-mobile-BEI1WTqb.js";import{t as en}from"./effective-timezone-C68nJtOq.js";import{t as tn}from"./use-effective-timezone-qowNpInd.js";import{t as nn}from"./misc-giJA2hbh.js";import{t as rn}from"./copy-to-clipboard-c-1eMwRo.js";import{t as an}from"./platform-login-notice-BM1cQ3cr.js";import{t as on}from"./use-active-assistant-id-CvGwbyAl.js";import{n as sn}from"./format-date-CDuQTAoj.js";import{t as cn}from"./schedules-DpVOjIM1.js";import{t as ln}from"./checkout-return-target-DAtrogIe.js";import{t as un}from"./add-credits-modal-tr20Lnal.js";import{t as dn}from"./link-click-B7kILmE6.js";import{a as fn,i as pn,r as mn,t as hn}from"./profile-metadata-CpvalteX.js";var gn=C(`crown`,[[`path`,{d:`M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z`,key:`1vdc57`}],[`path`,{d:`M5 21h14`,key:`11awu3`}]]),_n=C(`tree-palm`,[[`path`,{d:`M13 8c0-2.76-2.46-5-5.5-5S2 5.24 2 8h2l1-1 1 1h4`,key:`foxbe7`}],[`path`,{d:`M13 7.14A5.82 5.82 0 0 1 16.5 6c3.04 0 5.5 2.24 5.5 5h-3l-1-1-1 1h-3`,key:`18arnh`}],[`path`,{d:`M5.89 9.71c-2.15 2.15-2.3 5.47-.35 7.43l4.24-4.25.7-.7.71-.71 2.12-2.12c-1.95-1.96-5.27-1.8-7.42.35`,key:`ywahnh`}],[`path`,{d:`M11 15.5c.5 2.5-.17 4.5-1 6.5h4c2-5.5-.5-12-1-14`,key:`ft0feo`}]]),K=e(o(),1);function vn(e){return e.get(`tab`)===`billing`||e.has(`adjust_plan`)||e.has(`pro_onboarding`)||e.has(`billing_status`)||e.has(`session_id`)}function yn(e,t){return e===`full`?!0:e===`disabled`?vn(t):!1}var q=_();function bn({open:e,onOpenChange:t,amountUsd:n}){let{t:r}=G(`settings`),i=p(),a=g(xt()),o=a.isPending,c=z(n);return(0,q.jsx)(H.Root,{open:e,onOpenChange:e=>{!e&&o||t(e)},children:(0,q.jsxs)(H.Content,{size:`sm`,"data-testid":`checkout-bonus-modal`,children:[(0,q.jsx)(H.Header,{icon:xe,children:(0,q.jsx)(H.Title,{children:r(`checkoutBonusModal.title`,{amount:c})})}),(0,q.jsx)(H.Body,{children:(0,q.jsx)(v,{as:`p`,variant:`body-medium-default`,className:`text-(--content-secondary)`,children:r(`checkoutBonusModal.body`,{amount:c})})}),(0,q.jsxs)(H.Footer,{children:[(0,q.jsx)(H.Close,{asChild:!0,children:(0,q.jsx)(s,{variant:`outlined`,disabled:o,children:r(`checkoutBonusModal.decline`)})}),(0,q.jsx)(s,{variant:`primary`,leftIcon:o?(0,q.jsx)(B,{className:`animate-spin`}):void 0,onClick:()=>{o||a.mutate({},{onSuccess:e=>{e.status===`granted`?(U.success(r(`checkoutBonusModal.grantedToast`,{amount:z(e.amount_usd)})),i.invalidateQueries(Kt())):U.info(r(`checkoutBonusModal.unavailableToast`)),i.invalidateQueries(Vt()),t(!1)},onError:()=>{U.error(r(`checkoutBonusModal.errorToast`))}})},disabled:o,"data-testid":`claim-checkout-bonus-button`,children:r(`checkoutBonusModal.claim`,{amount:c})})]})]})})}function xn(e){let t=ot(),n=p(),r=e!==null,{data:i,dataUpdatedAt:a}=m({...Vt(),enabled:r&&t,staleTime:0,refetchOnWindowFocus:!1}),o=(0,K.useRef)(e);return(0,K.useEffect)(()=>{let t=o.current;o.current=e,!(e===null||e===t||t===null)&&n.invalidateQueries(Vt())},[e,n]),{showOffer:r&&i?.eligible===!0&&a>=e,amountUsd:i?.amount_usd??`0.00`}}function Sn(e){if(!e)return{};let t={};for(let n of e.callSites)!n.id||!n.displayName||(t[n.id]={id:n.id,displayName:n.displayName,description:n.description,domain:n.domain});return t}function J(e){return Number.isFinite(e)?Math.round(e).toLocaleString():`0`}function Cn(e){return!Number.isFinite(e)||e===0?`$0.00`:`$${e.toFixed(2)}`}var wn=`model`,Tn={model:`Model`,task:`Action`,profile:`Profile`},En=[{value:`model`,label:Tn.model},{value:`task`,label:Tn.task},{value:`profile`,label:Tn.profile}];function Dn(e){return e===`model`||e===`task`||e===`profile`}function On(e){switch(e){case`model`:return`model`;case`task`:return`call_site`;case`profile`:return`inference_profile`}}function kn(e){switch(e){case`model`:return`model`;case`task`:return`llm_call_site`;case`profile`:return`inference_profile`}}function An(e,t,n){if(e===`task`){let e=t.groupKey;return e?n.callSites?.[e]?.displayName??t.group:t.group}if(e===`profile`){let e=t.groupKey;return e?n.profiles?.[e]?.displayName??t.group:t.group||`Default / Unset`}return t.group}function jn(e,t,n){return!e||e.length===0?[]:e.map(e=>{let r=An(t,e,n);return r===e.group?e:{...e,group:r}})}var Mn=6,Nn=`value:`,Pn=`null:`;function Fn(e,t=`schedule`){return e===null?`${Pn}${Dn(t)?On(t):t}`:`${Nn}${e}`}function In(e){return[...e].sort((e,t)=>{if(e.date!==t.date)return e.date<t.date?-1:1;let n=Vn(e.bucketId),r=Vn(t.bucketId);return n===r?e.bucketId===t.bucketId?0:e.bucketId<t.bucketId?-1:1:n-r})}function Ln(e){return e.map(e=>({bucketId:e.bucketId,date:e.date,displayLabel:e.displayLabel,totalInputTokens:e.totalInputTokens,totalOutputTokens:e.totalOutputTokens,totalEstimatedCostUsd:e.totalEstimatedCostUsd,eventCount:e.eventCount,groups:{}}))}function Rn(e,t,n){return t!==`task`&&t!==`profile`?[...e]:e.map(e=>{let r=!1,i={};for(let[a,o]of Object.entries(e.groups)){let e=An(t,Bn(o),n);e===o.group?i[a]=o:(r=!0,i[a]={...o,group:e})}return r?{...e,groups:i}:e})}function zn(e){let t=new Map;for(let n of e)for(let[e,r]of Object.entries(n.groups)){let n=t.get(e);t.set(e,{label:n?.label??r.group,totalEstimatedCostUsd:(n?.totalEstimatedCostUsd??0)+r.totalEstimatedCostUsd})}let n=Array.from(t.entries()).sort(([e,t],[n,r])=>t.totalEstimatedCostUsd===r.totalEstimatedCostUsd?t.label===r.label?e===n?0:e<n?-1:1:t.label<r.label?-1:1:r.totalEstimatedCostUsd-t.totalEstimatedCostUsd).map(([e,t],n)=>({seriesKey:e,label:t.label,totalEstimatedCostUsd:t.totalEstimatedCostUsd,colorIndex:n}));return{items:n,visibleItems:n.slice(0,Mn)}}function Bn(e){return{group:e.group,groupId:e.groupKey,groupKey:e.groupKey,totalInputTokens:e.totalInputTokens,totalOutputTokens:e.totalOutputTokens,totalCacheCreationTokens:0,totalCacheReadTokens:0,totalEstimatedCostUsd:e.totalEstimatedCostUsd,eventCount:e.eventCount,turnCount:null}}function Vn(e){let t=e.lastIndexOf(`|`);if(t<0)return 0;let n=Number(e.slice(t+1));return Number.isFinite(n)?n:0}var Hn=140,Un=40,Wn=28,Gn=2,Kn=2,qn=1e-6,Jn=12,Yn=220,Xn=56,Zn=[40,80,60,100,50,70,30],Qn=[18,24,28,35,42,50,64,78,92,106,118,96,84,74,68,80,88,72,56,48,40,34,26,20],$n=[`var(--usage-trend-stack-positive, var(--system-positive-strong, #10b981))`,`var(--usage-trend-stack-info, var(--system-info-strong, #3b82f6))`,`var(--usage-trend-stack-mid, var(--system-mid-strong, #f59e0b))`,`var(--usage-trend-stack-secondary, var(--content-secondary, #6b7280))`,`var(--usage-trend-stack-negative, var(--system-negative-strong, #f87171))`,`var(--usage-trend-stack-tertiary, var(--content-tertiary, #9ca3af))`];function er(e){return $n[e%$n.length]}function tr(e){return e.displayLabel?e.displayLabel:e.date}function nr(e,t){let n=e+Jn,r=t+Jn;return n+Yn>window.innerWidth&&(n=e-Yn-Jn),r+Xn>window.innerHeight&&(r=t-Xn-Jn),{x:n,y:r}}function rr({buckets:e,isHourly:t,legendItems:n}){let{t:r}=G(`settings`),[i,a]=(0,K.useState)(null),o=(0,K.useMemo)(()=>In(e),[e]),s=(0,K.useMemo)(()=>zn(e),[e]),c=n??s.items,l=n??s.visibleItems,u=(0,K.useMemo)(()=>o.reduce((e,t)=>Math.max(e,t.totalEstimatedCostUsd),0),[o]),d=(0,K.useCallback)((e,t)=>{let n=nr(e.clientX,e.clientY);a({...t,x:n.x,y:n.y})},[]),f=(0,K.useCallback)(()=>a(null),[]);if(o.length===0){let e=(0,q.jsx)(cr,{title:r(t?`usageTrendChart.noHourlyData`:`usageTrendChart.noDailyData`),subtitle:r(`usageTrendChart.noUsageInRange`)});return l.length===0?e:(0,q.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[e,(0,q.jsx)(sr,{items:l})]})}let p=t?Wn:Un;return(0,q.jsxs)(`div`,{className:`overflow-x-auto`,children:[(0,q.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,q.jsx)(`div`,{className:`flex items-end gap-2`,style:{height:`${Hn}px`},"aria-hidden":`true`,children:o.map(e=>{let t=u>0?e.totalEstimatedCostUsd/u:0,r=Math.max(Gn,Hn*t);return(0,q.jsx)(`div`,{className:`flex items-end`,style:{width:`${p}px`,minWidth:`${p}px`,height:`${r}px`,opacity:e.totalEstimatedCostUsd>0?1:.3},title:`${tr(e)}: ${Cn(e.totalEstimatedCostUsd)}`,"data-usage-series-bar":e.bucketId,children:(0,q.jsx)(ar,{bucket:e,height:r,legendItems:c,hasLegendOverride:n!=null,onSegmentHover:d,onSegmentLeave:f})},e.bucketId)})}),(0,q.jsx)(`div`,{className:`flex items-start gap-2`,children:o.map(e=>(0,q.jsxs)(`div`,{className:`flex flex-col items-center gap-0.5`,style:{width:`${p}px`,minWidth:`${p}px`},children:[(0,q.jsx)(`span`,{className:`truncate text-[10px]`,style:{color:`var(--content-secondary)`},children:Cn(e.totalEstimatedCostUsd)}),(0,q.jsx)(`span`,{className:`truncate text-[10px]`,style:{color:`var(--content-tertiary)`},children:tr(e)})]},e.bucketId))}),l.length>0?(0,q.jsx)(sr,{items:l}):null]}),i?(0,q.jsx)(or,{tooltip:i}):null]})}function ir({isHourly:e}){let t=e?Qn:Zn,n=e?Wn:Un;return(0,q.jsx)(`div`,{className:`flex items-end gap-2`,style:{height:`${Hn}px`},"aria-hidden":`true`,children:t.map((e,t)=>(0,q.jsx)(`div`,{className:`rounded-sm`,style:{width:`${n}px`,height:`${e}px`,background:`color-mix(in srgb, var(--border-base) 40%, transparent)`}},t))})}function ar({bucket:e,height:t,legendItems:n,hasLegendOverride:r,onSegmentHover:i,onSegmentLeave:a}){let o=Object.keys(e.groups).length>0,s=n.filter(e=>(e.state??`active`)===`active`).flatMap(t=>{let n=e.groups[t.seriesKey];return!n||n.totalEstimatedCostUsd<=0?[]:[{item:t,value:n}]});if(s.length===0&&!o&&!r){let n=tr(e),r={label:W(`settings:usageTrendChart.total`),bucketLabel:n,cost:Cn(e.totalEstimatedCostUsd)};return(0,q.jsx)(`div`,{className:`w-full rounded-sm`,title:`${r.label}: ${r.cost}`,onMouseEnter:e=>i(e,r),onMouseMove:e=>i(e,r),onMouseLeave:a,style:{height:`${t}px`,background:er(0)},"data-usage-series-segment-label":r.label,"data-usage-fallback-segment":`true`})}return s.length===0?null:(0,q.jsx)(`div`,{className:`flex w-full flex-col-reverse overflow-hidden rounded-sm`,style:{height:`${t}px`},"data-usage-series-stack":e.bucketId,children:s.map(({item:n,value:r})=>{let o={label:n.label,bucketLabel:tr(e),cost:Cn(r.totalEstimatedCostUsd)};return(0,q.jsx)(`div`,{title:`${o.label}: ${o.cost}`,onMouseEnter:e=>i(e,o),onMouseMove:e=>i(e,o),onMouseLeave:a,style:{height:`${Math.max(Kn,t*r.totalEstimatedCostUsd/Math.max(e.totalEstimatedCostUsd,qn))}px`,background:er(n.colorIndex)},"data-usage-series-segment":n.seriesKey,"data-usage-series-segment-label":n.label,"data-usage-series-color-index":n.colorIndex},n.seriesKey)})})}function or({tooltip:e}){return(0,q.jsxs)(`div`,{className:`pointer-events-none fixed z-50 max-w-[220px] rounded-md border px-2 py-1 shadow-xl`,style:{left:`${e.x}px`,top:`${e.y}px`,background:`var(--surface-overlay, var(--surface-lift))`,borderColor:`var(--border-base)`},"aria-hidden":`true`,children:[(0,q.jsx)(`div`,{className:`truncate text-body-small-default`,style:{color:`var(--content-default)`},children:e.label}),(0,q.jsxs)(`div`,{className:`truncate text-body-small-default`,style:{color:`var(--content-tertiary)`},children:[e.bucketLabel,` · `,e.cost]})]})}function sr({items:e}){return(0,q.jsx)(`div`,{className:`flex flex-wrap items-center gap-x-3 gap-y-1 pt-1`,children:e.map(e=>{let t=e.state??`active`,n=t===`inactive`;return(0,q.jsxs)(`div`,{className:`flex min-w-0 items-center gap-1`,"data-usage-legend-state":t,children:[(0,q.jsx)(`span`,{className:`h-[7px] w-[7px] shrink-0 rounded-full`,style:{background:n?`var(--content-tertiary)`:er(e.colorIndex),opacity:n?.45:1},"aria-hidden":`true`,"data-usage-series-color-index":e.colorIndex}),(0,q.jsx)(`span`,{className:n?`truncate text-[10px] line-through`:`truncate text-[10px]`,style:{color:`var(--content-tertiary)`,opacity:n?.65:1},children:e.label})]},e.seriesKey)})})}function cr({title:e,subtitle:t}){return(0,q.jsxs)(`div`,{className:`flex flex-col items-center justify-center rounded-md py-12 text-center`,style:{color:`var(--content-tertiary)`},children:[(0,q.jsx)(`p`,{className:`text-body-medium-default`,style:{color:`var(--content-secondary)`},children:e}),(0,q.jsx)(`p`,{className:`mt-1 text-body-small-default`,children:t})]})}function lr(e){return Dn(e)?On(e):e}function ur(e){return mr({from:e.from,to:e.to},e.scheduleId)}function dr(e){return mr({from:e.from,to:e.to,...e.granularity?{granularity:e.granularity}:{},...e.tz?{tz:e.tz}:{}},e.scheduleId)}function fr(e){return mr({from:e.from,to:e.to,groupBy:lr(e.groupBy)},e.scheduleId)}function pr(e){return mr({from:e.from,to:e.to,granularity:e.granularity,groupBy:lr(e.groupBy),...e.tz?{tz:e.tz}:{}},e.scheduleId)}function mr(e,t){return t?{...e,scheduleId:t}:e}function hr(e){return[`${J(e.totalInputTokens)} direct`,`${J(e.totalCacheCreationTokens)} cache created`,`${J(e.totalCacheReadTokens)} cache read`,`${J(e.totalOutputTokens)} out`].join(` / `)}function gr(e){return!Number.isFinite(e)||e===0?`0`:e>=1e6||e>=999950&&e<1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}k`:e.toLocaleString()}function _r(e){return`${gr(e.totalInputTokens+e.totalCacheCreationTokens+e.totalCacheReadTokens)} in / ${gr(e.totalOutputTokens)} out`}var vr=`task`,yr=`model`,br=new Set([400,404,422]),xr=3,Sr=new Set([`today`,`yesterday`,`7d`,`30d`,`90d`,`all`]),Cr=new Set([`actor`,`provider`,`model`,`conversation`,`task`,`profile`,`schedule`]),wr={task:Tn.task,profile:Tn.profile,model:Tn.model,provider:`Provider`,actor:`Actor`,conversation:`Conversation`,schedule:`Schedule`},Tr=[{value:`task`,label:wr.task},{value:`profile`,label:wr.profile},{value:`model`,label:wr.model},{value:`provider`,label:wr.provider},{value:`schedule`,label:wr.schedule},{value:`conversation`,label:wr.conversation}];function Er(e){let t=e.get(`range`),n=e.get(`groupBy`),r=Ar(n)?n:vr;return{range:kr(t)?t:`7d`,groupBy:r,scheduleId:r===`schedule`?Dr(e):void 0}}function Dr(e){let t=e.get(`scheduleId`);if(!(!t||t.trim().length===0))return t}function Or(e,t){let n=new URLSearchParams(e);return t.range!==void 0&&n.set(`range`,t.range),t.groupBy!==void 0&&n.set(`groupBy`,t.groupBy),t.scheduleId!==void 0&&(t.scheduleId===null||t.scheduleId.trim().length===0?n.delete(`scheduleId`):n.set(`scheduleId`,t.scheduleId)),n.get(`groupBy`)!==`schedule`&&n.delete(`scheduleId`),n}function kr(e){return e!=null&&Sr.has(e)}function Ar(e){return e!=null&&Cr.has(e)}function jr(e){return e!==`conversation`}function Mr(e,t){return e!==`task`&&e!==`profile`?!1:Pr(t)}function Nr(e,t){return!Pr(t)&&e<xr}function Pr(e){return e instanceof i&&br.has(e.status)}function Fr({requestedGranularity:e,isLoading:t,buckets:n}){return e===`hourly`&&(t||!n||n.length===0||n.some(Ir))?`hourly`:`daily`}function Ir(e){return e.bucketId.includes(`|`)||Lr(e.date)}function Lr(e){return/^\d{4}-\d{2}-\d{2} ([01]\d|2[0-3]):00$/.test(e)}function Rr(e,t,n=Date.now()){return pn(e,t,n)}function zr(e){return e===`today`||e===`yesterday`?`hourly`:`daily`}function Br({prompt:e,children:t,variant:n=`outlined`,size:r=`regular`,className:i}){let a=l(),o=(0,K.useCallback)(()=>{Qt(a,{prompt:e})},[a,e]);return(0,q.jsx)(s,{variant:n,size:r,leftIcon:(0,q.jsx)(ze,{}),onClick:o,className:i,children:t})}var Vr={today:`usageTab.rangeToday`,yesterday:`usageTab.rangeYesterday`,"7d":`usageTab.range7d`,"30d":`usageTab.range30d`,"90d":`usageTab.range90d`,all:`usageTab.rangeAll`},Hr={task:`usageTab.groupByTask`,profile:`usageTab.groupByProfile`,model:`usageTab.groupByModel`,provider:`usageTab.groupByProvider`,actor:`usageTab.groupByActor`,conversation:`usageTab.groupByConversation`,schedule:`usageTab.groupBySchedule`};function Ur(e,t){return e(Hr[t])}function Wr(e,t,n){let r=e(t===`hourly`?`usageTab.hourlyTrend`:`usageTab.dailyTrend`);if(!n||n===`conversation`)return r;let i=Ur(e,n);return e(t===`hourly`?`usageTab.hourlyTrendBy`:`usageTab.dailyTrendBy`,{group:i})}var Gr=300*1e3,Kr=[`Please load the llm-cost-optimizer skill.`,`Analyze my recent LLM usage and explain the biggest cost contributors by call site, model, and profile.`,`Check my current llm.default, llm.callSites, and llm.profiles.`,`Give me a concise summary of what is driving cost and what you would optimize first.`,`Do not change config yet.`].join(` `),qr=[`Please load the llm-cost-optimizer skill.`,`Analyze my recent LLM usage and current LLM config, then recommend the safest cost-optimization changes.`,`If changes are clearly safe, show me the exact config commands you would run and ask for confirmation before applying them.`].join(` `);function Jr({assistantId:e}){let{t}=G(`settings`),[n,r]=u(),{range:i,groupBy:a,scheduleId:o}=(0,K.useMemo)(()=>Er(n),[n]),s=tn(),c=(0,K.useCallback)(e=>{r(t=>Or(t,e),{replace:!0})},[r]),l=(0,K.useMemo)(()=>Rr(i,s),[i,s]),d=(0,K.useMemo)(()=>zr(i),[i]),f=m({queryKey:st({path:{assistant_id:e}}),queryFn:()=>cn(e),staleTime:1e4}),p=(0,K.useCallback)(e=>{c({range:e})},[c]),h=m({...ct({path:{assistant_id:e},query:ur({from:l.from,to:l.to,scheduleId:o})})}),g=m({queryKey:ut({path:{assistant_id:e},query:fr({from:l.from,to:l.to,groupBy:a,scheduleId:o})}),queryFn:async({signal:t})=>{try{let{data:n}=await et({path:{assistant_id:e},query:fr({from:l.from,to:l.to,groupBy:a,scheduleId:o}),signal:t,throwOnError:!0});return{groupBy:a,response:n}}catch(n){if(!Mr(a,n))throw n;let{data:r}=await et({path:{assistant_id:e},query:fr({from:l.from,to:l.to,groupBy:yr,scheduleId:o}),signal:t,throwOnError:!0});return{groupBy:yr,response:r}}},retry:Nr}),_=g.data?.groupBy??a;(0,K.useEffect)(()=>{_!==a&&c({groupBy:_,scheduleId:_===`schedule`?void 0:null})},[_,a,c]);let v=jr(_)?_:void 0,y=m({...dt({path:{assistant_id:e},query:pr({from:l.from,to:l.to,granularity:d,groupBy:v??`actor`,tz:s,scheduleId:o})}),enabled:!!v,retry:Nr}),b=m({...lt({path:{assistant_id:e},query:dr({from:l.from,to:l.to,granularity:d,tz:s,scheduleId:o})}),enabled:!v||y.isError}),x=m({...ft({path:{assistant_id:e}}),enabled:_===`task`,staleTime:1/0}),S=m({...pt({path:{assistant_id:e}}),select:hn,enabled:_===`profile`,staleTime:Gr}),C=(0,K.useMemo)(()=>({callSites:Sn(x.data),profiles:S.data??{}}),[x.data,S.data]),w=(0,K.useMemo)(()=>{let e=g.data;if(e)return jn(e.response.breakdown,e.groupBy,C)},[g.data,C]),T=(0,K.useMemo)(()=>{if(!(!v||!y.data))return Rn(y.data.buckets,v,C)},[y.data,v,C]),E=(0,K.useMemo)(()=>{if(b.data)return Ln(b.data.buckets)},[b.data]),D=(0,K.useMemo)(()=>v?y.error?E?{isLoading:!1,error:null,data:E,refetch:b.refetch}:{isLoading:b.isLoading||!E&&!b.error,error:b.error??y.error,data:void 0,refetch:b.error?b.refetch:y.refetch}:{isLoading:y.isLoading,error:y.error,data:T,refetch:y.refetch}:{isLoading:b.isLoading,error:b.error,data:E,refetch:b.refetch},[E,b.error,b.isLoading,b.refetch,T,v,y.error,y.isLoading,y.refetch]),O=Fr({requestedGranularity:d,isLoading:D.isLoading,buckets:D.data}),k=O===`hourly`,A=v&&y.error?void 0:_,j=(0,K.useMemo)(()=>{if(!(_!==`schedule`||!o))return Yr(f.data,o,t)},[_,o,f.data,t]);return(0,q.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,q.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[(0,q.jsx)(`h3`,{className:`text-title-small`,style:{color:`var(--content-default)`},children:t(`usageTab.title`)}),(0,q.jsx)(`div`,{className:`flex flex-wrap items-center justify-end gap-2`,children:(0,q.jsx)(Zr,{range:i,onChange:p})})]}),(0,q.jsx)(`section`,{"aria-label":t(`usageTab.totalsAriaLabel`),children:(0,q.jsx)($r,{query:h,skeleton:(0,q.jsx)(ni,{}),render:e=>(0,q.jsx)(ei,{totals:e})})}),(0,q.jsx)(Qr,{title:t(`usageTab.inferenceUsageTitle`),children:(0,q.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,q.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[(0,q.jsx)(`h4`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:Wr(t,O,A)}),(0,q.jsx)(`div`,{className:`flex flex-wrap items-center justify-end gap-2`,children:(0,q.jsx)(ri,{value:_,onChange:e=>{c({groupBy:e,scheduleId:e===`schedule`?void 0:null})}})})]}),(0,q.jsx)($r,{query:D,skeleton:(0,q.jsx)(ir,{isHourly:k}),render:e=>(0,q.jsx)(rr,{buckets:e,isHourly:k,legendItems:j})})]})}),(0,q.jsx)(ii,{query:g,groups:w}),(0,q.jsx)(Xr,{})]})}function Yr(e,t,n){let r=e??[];return[...r.some(e=>e.id===t)?[]:[{id:t,label:n(`usageTab.unknownSchedule`,{scheduleId:t})}],...r.map(e=>({id:e.id,label:e.name||e.id}))].map((e,n)=>({seriesKey:Fn(e.id,`schedule`),label:e.label,colorIndex:n,state:e.id===t?`active`:`inactive`}))}function Xr(){let{t:e}=G(`settings`);return(0,q.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,q.jsx)(`div`,{className:`h-px w-full`,style:{background:`linear-gradient(to right, transparent, var(--border-base), transparent)`}}),(0,q.jsx)(Qr,{title:e(`usageTab.costAssistantTitle`),subtitle:e(`usageTab.costAssistantSubtitle`),children:(0,q.jsxs)(`div`,{className:`flex flex-col gap-2 rounded-md px-3 py-3 sm:flex-row sm:items-center`,children:[(0,q.jsx)(Br,{prompt:Kr,children:e(`usageTab.analyzeCostsButton`)}),(0,q.jsx)(Br,{prompt:qr,variant:`ghost`,children:e(`usageTab.optimizeSettingsButton`)})]})})]})}function Zr({range:e,onChange:t}){let{t:n}=G(`settings`);return(0,q.jsx)(`div`,{className:`flex items-center`,children:(0,q.jsx)(Ye,{value:e,onChange:t,options:Object.entries(Vr).map(([e,t])=>({value:e,label:n(t)}))})})}function Qr({title:e,subtitle:t,children:n}){return(0,q.jsxs)(`section`,{className:`flex flex-col gap-3 rounded-md border px-4 py-4`,style:{background:`var(--surface-lift)`,borderColor:`var(--border-base)`},children:[(0,q.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,q.jsx)(`h3`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:e}),t?(0,q.jsx)(`p`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:t}):null]}),n]})}function $r({query:e,skeleton:t,render:n}){let{t:r}=G(`settings`);return e.isLoading?(0,q.jsx)(q.Fragment,{children:t}):e.error?(0,q.jsx)(li,{message:e.error instanceof Error?e.error.message:r(`usageTab.failedToLoadUsage`),onRetry:()=>e.refetch()}):e.data?(0,q.jsx)(q.Fragment,{children:n(e.data)}):(0,q.jsx)(q.Fragment,{children:t})}function ei({totals:e}){let{t}=G(`settings`);return(0,q.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,q.jsxs)(`div`,{className:`flex flex-wrap items-baseline justify-between gap-4`,children:[(0,q.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,q.jsx)(`span`,{style:{fontSize:`30px`,fontWeight:600,lineHeight:1,color:`var(--content-default)`},children:Cn(e.totalEstimatedCostUsd)}),(0,q.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-secondary)`},children:t(`usageTab.costLabel`)})]}),(0,q.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,q.jsx)(`span`,{className:`text-title-small`,style:{color:`var(--content-default)`},children:J(e.eventCount)}),(0,q.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-secondary)`},children:t(`usageTab.llmCallsLabel`)})]})]}),(0,q.jsxs)(`div`,{className:`grid grid-cols-2 gap-3 sm:grid-cols-4`,children:[(0,q.jsx)(ti,{label:t(`usageTab.directInputTokensLabel`),value:J(e.totalInputTokens)}),(0,q.jsx)(ti,{label:t(`usageTab.outputTokensLabel`),value:J(e.totalOutputTokens)}),(0,q.jsx)(ti,{label:t(`usageTab.cacheCreatedLabel`),value:J(e.totalCacheCreationTokens)}),(0,q.jsx)(ti,{label:t(`usageTab.cacheReadLabel`),value:J(e.totalCacheReadTokens)})]})]})}function ti({label:e,value:t}){return(0,q.jsxs)(`div`,{className:`flex flex-col gap-1 rounded-md px-3 py-2`,style:{background:`color-mix(in srgb, var(--border-base) 15%, transparent)`},children:[(0,q.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-default)`},children:t}),(0,q.jsx)(`span`,{className:`text-label-medium-default`,style:{color:`var(--content-tertiary)`},children:e})]})}function ni(){return(0,q.jsxs)(`div`,{className:`flex flex-col gap-4`,"aria-hidden":`true`,children:[(0,q.jsxs)(`div`,{className:`flex flex-wrap items-baseline justify-between gap-4`,children:[(0,q.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,q.jsx)(Y,{width:140,height:30}),(0,q.jsx)(Y,{width:90,height:12})]}),(0,q.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,q.jsx)(Y,{width:60,height:16}),(0,q.jsx)(Y,{width:60,height:12})]})]}),(0,q.jsx)(`div`,{className:`grid grid-cols-2 gap-3 sm:grid-cols-4`,children:Array.from({length:4}).map((e,t)=>(0,q.jsxs)(`div`,{className:`flex flex-col gap-1 rounded-md px-3 py-2`,style:{background:`color-mix(in srgb, var(--border-base) 15%, transparent)`},children:[(0,q.jsx)(Y,{width:`50%`,height:12}),(0,q.jsx)(Y,{width:`70%`,height:11})]},t))})]})}function ri({value:e,onChange:t}){let{t:n}=G(`settings`);return(0,q.jsx)(`div`,{className:`flex items-center`,children:(0,q.jsx)(Ye,{value:e,onChange:t,menuAlign:`end`,menuMinWidth:196,options:Tr.map(e=>({value:e.value,label:Ur(n,e.value)}))})})}function ii({query:e,groups:t}){let{t:n}=G(`settings`),[r,i]=(0,K.useState)(new Set),a=e=>{i(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})};return(0,q.jsx)(Qr,{title:n(`usageTab.breakdownTitle`),children:(0,q.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,q.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,q.jsx)(ai,{label:n(`usageTab.percentOfTotalLabel`),active:r.has(`pct`),onClick:()=>a(`pct`)}),(0,q.jsx)(ai,{label:n(`usageTab.tokensLabel`),active:r.has(`tokens`),onClick:()=>a(`tokens`)}),(0,q.jsx)(ai,{label:n(`usageTab.turnsLabel`),active:r.has(`turns`),onClick:()=>a(`turns`)})]}),(0,q.jsx)($r,{query:e,skeleton:(0,q.jsx)(si,{}),render:e=>(0,q.jsx)(oi,{groups:t??e.response.breakdown,groupBy:e.groupBy,showPct:r.has(`pct`),showTokens:r.has(`tokens`),showTurns:r.has(`turns`)})})]})})}function ai({label:e,active:t,onClick:n}){return(0,q.jsx)(`button`,{type:`button`,onClick:n,className:`rounded-full border px-2.5 py-1 text-label-medium-default`,style:{borderColor:t?`var(--content-secondary)`:`var(--border-base)`,background:t?`color-mix(in srgb, var(--content-secondary) 15%, transparent)`:`transparent`,color:t?`var(--content-default)`:`var(--content-tertiary)`},children:e})}function oi({groups:e,groupBy:t,showPct:n,showTokens:r,showTurns:i}){let{t:a}=G(`settings`),o=l();if(e.length===0)return(0,q.jsx)(ci,{title:a(`usageTab.noBreakdownDataTitle`),subtitle:a(`usageTab.noBreakdownDataSubtitle`)});let s=e.reduce((e,t)=>e+t.totalEstimatedCostUsd,0);return(0,q.jsx)(`div`,{className:`overflow-hidden rounded-md`,children:(0,q.jsxs)(`table`,{className:`w-full table-fixed`,children:[(0,q.jsx)(`thead`,{children:(0,q.jsxs)(`tr`,{style:{borderBottom:`1px solid var(--border-base)`},children:[(0,q.jsx)(`th`,{className:`px-3 py-2.5 text-left text-label-medium-default`,style:{color:`var(--content-tertiary)`},children:a(`usageTab.groupColumnLabel`)}),r?(0,q.jsx)(`th`,{className:`px-3 py-2.5 text-left text-label-medium-default`,style:{color:`var(--content-tertiary)`,width:`35%`},children:a(`usageTab.tokensLabel`)}):null,i?(0,q.jsx)(`th`,{className:`px-3 py-2.5 text-right text-label-medium-default`,style:{color:`var(--content-tertiary)`,width:`72px`},children:a(`usageTab.turnsLabel`)}):null,n?(0,q.jsx)(`th`,{className:`px-3 py-2.5 text-right text-label-medium-default`,style:{color:`var(--content-tertiary)`,width:`64px`},children:`%`}):null,(0,q.jsx)(`th`,{className:`px-3 py-2.5 text-right text-label-medium-default`,style:{color:`var(--content-tertiary)`,width:`100px`},children:a(`usageTab.costLabel`)})]})}),(0,q.jsx)(`tbody`,{children:e.map((e,a)=>{let c=hr(e),l=_r(e),u=t===`conversation`?e.groupId:null,f=s>0?Math.round(e.totalEstimatedCostUsd/s*100):0;return(0,q.jsxs)(`tr`,{className:u?`cursor-pointer hover:bg-[var(--surface-hover)]`:void 0,onClick:u?e=>{e.target.closest(`a`)||Zt(o,u)}:void 0,style:{borderTop:a===0?`none`:`1px solid var(--border-base)`},children:[(0,q.jsx)(`td`,{className:`min-w-0 px-3 py-2`,style:{color:`var(--content-default)`},children:u?(0,q.jsx)(d,{to:nt.conversation(u),className:`block truncate text-body-medium-lighter`,title:e.group,onClick:e=>{dn(e)||(e.preventDefault(),Zt(o,u))},children:e.group}):(0,q.jsx)(`span`,{className:`block truncate text-body-medium-lighter`,title:e.group,children:e.group})}),r?(0,q.jsx)(`td`,{className:`min-w-0 px-3 py-2`,style:{color:`var(--content-secondary)`},children:(0,q.jsx)(`span`,{className:`block truncate text-body-small-default`,title:c,children:l})}):null,i?(0,q.jsx)(`td`,{className:`whitespace-nowrap px-3 py-2 text-right`,children:(0,q.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:e.turnCount==null?`—`:e.turnCount.toLocaleString()})}):null,n?(0,q.jsx)(`td`,{className:`whitespace-nowrap px-3 py-2 text-right`,children:(0,q.jsxs)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:[f,`%`]})}):null,(0,q.jsx)(`td`,{className:`whitespace-nowrap px-3 py-2 text-right`,children:(0,q.jsx)(`span`,{className:`text-body-medium-lighter`,style:{color:`var(--content-default)`},children:Cn(e.totalEstimatedCostUsd)})})]},e.groupKey??e.groupId??`${e.group}-${a}`)})})]})})}function si(){return(0,q.jsx)(`div`,{className:`flex flex-col gap-2`,"aria-hidden":`true`,children:Array.from({length:4}).map((e,t)=>(0,q.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,q.jsx)(Y,{width:100,height:14}),(0,q.jsx)(Y,{width:`60%`,height:12}),(0,q.jsx)(Y,{width:50,height:14})]},t))})}function Y({width:e,height:t}){return(0,q.jsx)(`div`,{className:`rounded-sm`,style:{width:typeof e==`number`?`${e}px`:e,height:`${t}px`,background:`color-mix(in srgb, var(--border-base) 40%, transparent)`}})}function ci({title:e,subtitle:t}){return(0,q.jsxs)(`div`,{className:`flex flex-col items-center gap-1 py-8 text-center`,children:[(0,q.jsx)(`span`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:e}),(0,q.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:t})]})}function li({message:e,onRetry:t}){let{t:n}=G(`settings`);return(0,q.jsxs)(`div`,{className:`flex flex-col gap-2 py-2`,children:[(0,q.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,q.jsx)(Be,{className:`h-4 w-4 shrink-0`,style:{color:`var(--system-negative-strong, #f87171)`}}),(0,q.jsx)(`span`,{className:`text-body-medium-lighter`,style:{color:`var(--content-default)`},children:e})]}),t?(0,q.jsx)(`button`,{type:`button`,onClick:t,className:`self-start rounded-md border px-3 py-1 text-body-small-default`,style:{background:`var(--surface-lift)`,borderColor:`var(--border-base)`,color:`var(--content-default)`},children:n(`usageTab.retry`)}):null]})}function ui({open:e,onCancel:t,onConfirm:n,confirming:r,lostFeatures:i}){let{t:a}=G(`settings`);return(0,q.jsx)(H.Root,{open:e,onOpenChange:e=>{!e&&!r&&t()},children:(0,q.jsxs)(H.Content,{size:`md`,hideCloseButton:!0,children:[(0,q.jsx)(H.Header,{icon:Be,children:(0,q.jsx)(H.Title,{children:a(`downgradeReconfirmModal.title`)})}),(0,q.jsxs)(H.Body,{children:[(0,q.jsx)(v,{as:`p`,variant:`body-medium-default`,className:`text-(--content-secondary)`,children:a(`downgradeReconfirmModal.body`)}),(0,q.jsx)(`ul`,{className:`mt-4 list-disc space-y-2 pl-5`,children:i.map(e=>(0,q.jsx)(`li`,{children:(0,q.jsx)(v,{as:`span`,variant:`body-medium-default`,children:e})},e))})]}),(0,q.jsxs)(H.Footer,{children:[(0,q.jsx)(s,{variant:`outlined`,onClick:t,disabled:r,children:a(`downgradeReconfirmModal.keepPro`)}),(0,q.jsx)(s,{variant:`danger`,onClick:n,disabled:r,"data-testid":`confirm-downgrade-button`,children:a(`downgradeReconfirmModal.confirm`)})]})]})})}function di(e){return W(`settings:creditBundlePicker.optionLabel`,{label:e.label,price:I(e.price_cents)})}function fi({creditTiers:e,selectedCreditTier:t,onCreditTierChange:n,disabled:r=!1}){let{t:i}=G(`settings`),a=(0,K.useMemo)(()=>[{value:null,label:i(`creditBundlePicker.noBundleOption`,{price:I(0)})},...e.map(e=>({value:e.tier,label:di(e)}))],[e,i]);return(0,q.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,q.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,q.jsx)(v,{as:`p`,variant:`label-small-default`,className:`text-[var(--content-secondary)]`,children:i(`creditBundlePicker.label`)}),(0,q.jsx)(`span`,{title:i(`creditBundlePicker.tooltip`),children:(0,q.jsx)(Le,{className:`h-3 w-3 text-[var(--content-tertiary)]`})})]}),(0,q.jsx)(Ye,{"aria-label":i(`creditBundlePicker.ariaLabel`),placeholder:i(`creditBundlePicker.placeholder`),disabled:r,value:t,onChange:e=>n(e),onSelectNone:()=>n(null),options:a})]})}function pi({features:e,variant:t,header:n,maxInline:r=3}){return t===`inline`?(0,q.jsx)(q.Fragment,{children:e.slice(0,r).join(`, `)}):(0,q.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[n&&(0,q.jsx)(v,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-secondary)]`,children:n}),(0,q.jsx)(`ul`,{className:`flex flex-col gap-2`,children:e.map(e=>(0,q.jsxs)(`li`,{className:`flex items-start gap-2`,children:[(0,q.jsx)(O,{className:`mt-0.5 h-4 w-4 shrink-0 text-[var(--content-tertiary)]`,"aria-hidden":!0}),(0,q.jsx)(v,{as:`span`,variant:`body-medium-default`,children:e})]},e))})]})}function mi({plan:e,isCurrent:t,onPro:n,planDisplayName:r,currentPlanFeatures:i,cancelAtPeriodEnd:a,isCanceled:o,cancelDate:c,formatGraceDate:l,proTierChangeMode:u,creditTiersEnabled:d,creditTiers:f,displayCreditTier:p,onCreditTierChange:m,selectedMachineTier:h,selectedStorageTier:g,onMachineTierChange:_,onStorageTierChange:b,machineTiersForPicker:x,storageTiersForPicker:S,currentMachinePrice:C,currentStoragePrice:w,currentCreditPriceUnknown:T,proCurrentTotalCents:E,proLiveTotalCents:D,proTotalDelta:O,onboardingLoading:k,tierChangePending:A,machineChanged:j,storageChanged:M,creditChanged:N,tierChangeError:ee,upgradePending:F,portalPending:ne,onUpgrade:re,onApplyTierChange:ie,onDowngradeClick:ae,onKeepPlan:oe}){let{t:L}=G(`settings`),R=e.id===`pro`,se=e.id===`base`,ce=R&&n&&a&&!o,le=R&&(!t||t&&u),ue=R&&t&&u,de=R&&t;return(0,q.jsx)(y.Root,{className:`flex flex-col bg-[var(--surface-base)]`,children:(0,q.jsxs)(y.Body,{padding:`lg`,className:`max-sm:p-4`,children:[(0,q.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,q.jsx)(`span`,{"aria-hidden":!0,className:`flex h-9 w-9 items-center justify-center rounded-lg border border-[var(--border-base)] bg-[var(--surface-lift)]`,children:R?(0,q.jsx)(gn,{className:`h-5 w-5 text-[var(--content-default)]`}):(0,q.jsx)(_n,{className:`h-5 w-5 text-[var(--content-default)]`})}),(0,q.jsxs)(`div`,{className:`flex min-h-6 items-center gap-2`,children:[(0,q.jsx)(v,{as:`h3`,variant:`title-small`,"data-testid":`modal-plan-name`,children:de?r:e.name}),t&&(0,q.jsx)(Ge,{tone:`positive`,children:L(`planCardContent.current`)})]}),(0,q.jsx)(v,{as:`p`,variant:`body-small-default`,className:`-mt-2 text-[var(--content-tertiary)]`,children:L(se?`planCardContent.baseTagline`:`planCardContent.proTagline`)}),ce&&c&&(0,q.jsx)(v,{as:`p`,variant:`body-small-default`,className:`text-[var(--system-mid-strong)]`,"data-testid":`modal-cancels-on`,children:L(`planCardContent.planEndsOn`,{date:l(c)})}),(0,q.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),(0,q.jsx)(`div`,{className:`flex flex-col gap-1`,children:se?(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(v,{as:`p`,variant:`title-medium`,children:L(`planCardContent.free`)}),(0,q.jsx)(v,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,children:L(`planCardContent.forever`)})]}):t&&!(le&&D!=null)&&(E==null||T)?k?(0,q.jsxs)(`div`,{className:`flex items-center gap-2 text-[var(--content-tertiary)]`,children:[(0,q.jsx)(B,{className:`h-4 w-4 animate-spin`}),(0,q.jsx)(v,{as:`span`,variant:`body-medium-lighter`,children:L(`planCardContent.loadingPlan`)})]}):(0,q.jsx)(v,{as:`p`,variant:`body-medium-lighter`,className:`text-[var(--content-tertiary)]`,"data-testid":`modal-pro-price-unavailable`,children:L(`planCardContent.pricingUnavailable`)}):(0,q.jsxs)(q.Fragment,{children:[(0,q.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,q.jsx)(v,{as:`p`,variant:`title-medium`,"data-testid":`modal-pro-price`,children:le&&D!=null?(0,q.jsxs)(q.Fragment,{children:[I(D),O!=null&&O!==0&&(0,q.jsxs)(`span`,{className:`ml-1 text-[var(--content-tertiary)]`,children:[`(`,te(O),`)`]})]}):E==null?e.id===`pro`?L(`planCardContent.fromPrice`,{price:I(e.base_price_cents+he(e.machine_tiers)+he(e.storage_tiers))}):null:L(`planCardContent.currentlyPrice`,{price:I(E)})}),le&&O!=null&&O!==0&&(0,q.jsx)(`span`,{title:L(`planCardContent.subscriptionChangeTitle`,{from:I(E),to:I(D)}),children:(0,q.jsx)(Le,{className:`h-3 w-3 text-[var(--content-tertiary)]`})})]}),e.id===`pro`&&(0,q.jsx)(v,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,"data-testid":`modal-pro-base-fee`,children:L(`planCardContent.baseFee`,{amount:P(e.base_price_cents)})})]})}),(0,q.jsx)(pi,{features:de&&i?i:e.included_features,variant:`checklist`}),R&&!d&&(0,q.jsx)(v,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,"data-testid":`modal-credits-not-included`,children:L(`planCardContent.creditsNotIncluded`)})]}),(0,q.jsxs)(`div`,{className:`mt-4 flex flex-1 flex-col justify-end gap-4`,children:[!t&&R&&(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),d&&(0,q.jsx)(fi,{creditTiers:f,selectedCreditTier:p,onCreditTierChange:m,disabled:F}),(0,q.jsx)(_e,{machineTiers:x,storageTiers:S,selectedMachineTier:h,selectedStorageTier:g,onMachineTierChange:_,onStorageTierChange:b}),(0,q.jsx)(s,{variant:`primary`,className:`w-full`,onClick:re,disabled:F||!h||!g,"data-testid":`modal-upgrade-to-pro-button`,children:L(`planCardContent.upgradeToPro`)})]}),ue&&(k?(0,q.jsxs)(`div`,{className:`flex items-center gap-2 text-[var(--content-tertiary)]`,children:[(0,q.jsx)(B,{className:`h-4 w-4 animate-spin`}),(0,q.jsx)(v,{as:`span`,variant:`body-medium-lighter`,children:L(`planCardContent.loadingPlan`)})]}):(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),d&&(0,q.jsx)(fi,{creditTiers:f,selectedCreditTier:p,onCreditTierChange:m,disabled:A}),(0,q.jsx)(_e,{machineTiers:x,storageTiers:S,selectedMachineTier:h,selectedStorageTier:g,onMachineTierChange:_,onStorageTierChange:b,currentMachinePriceCents:C,currentStoragePriceCents:w}),ee&&(0,q.jsx)(V,{tone:`error`,children:ee}),(0,q.jsx)(s,{variant:`primary`,className:`w-full`,onClick:ie,disabled:A||!j&&!M&&!N,"data-testid":`modal-change-tier-button`,children:L(`planCardContent.updatePlan`)})]})),!t&&se&&n&&!a&&(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),(0,q.jsx)(s,{variant:`outlined`,className:`w-full`,onClick:ae,disabled:ne,"data-testid":`modal-downgrade-to-base-button`,children:L(`planCardContent.downgradeToBase`)})]}),ce&&(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),(0,q.jsx)(s,{variant:`outlined`,className:`w-full`,onClick:oe,disabled:ne,"data-testid":`modal-keep-plan-button`,children:L(`planCardContent.keepPlan`)})]})]})]})})}function hi({open:e,onClose:t,onTierUpgraded:n}){let{t:r}=G(`settings`),i=p(),a=m(jt()),o=m(Ft()),c=g(At()),l=g(Mt()),u=g(Gt()),d=g(Ut()),f=re(L(o.data)),[h,_]=(0,K.useState)(`plans`),[y,b]=(0,K.useState)(!1),[x,S]=(0,K.useState)(null),[C,T]=(0,K.useState)(null),[E,D]=(0,K.useState)(void 0);(0,K.useEffect)(()=>ht(()=>{i.invalidateQueries({queryKey:Pt()}),i.invalidateQueries({queryKey:zt()}),i.invalidateQueries({queryKey:Lt()}),t()}),[i,t]);let O=o.data?.plan_id,k=O===`pro`,A=m({...Bt(),enabled:k}),j=A.data?.max_machine_tier??null,M=A.data?.selected_storage_tier??null,N=A.data?.selected_storage_gib??null,ee=o.data?.cancel_at_period_end===!0||!!o.data?.cancel_at,te=o.data?.status===`canceled`,P=se(o.data),I=o.data?.status,ne=I!=null&&ce.has(I),ae=k&&ne&&!ee&&!te,R=a.data?.plans.find(e=>e.id===`pro`),de=R?.credit_tiers??[],fe=de.length>0,pe=o.data?.selected_credit_tier??null,me=e=>de.find(t=>t.tier===e)?.price_cents??0,he=me(pe),ge=pe!=null&&!de.some(e=>e.tier===pe),_e=E===void 0?pe:E,ye=me(_e),be=F(o.data?.package),xe=k&&A.isSuccess&&R?ve({machineTier:j,storageTier:M,storageGib:N,creditTier:pe},R):null,Se=R?.machine_tiers??[],Ce=ae&&N!=null?(R?.storage_tiers??[]).map(e=>e.storage_gib<N?{...e,disabled:!0}:e):R?.storage_tiers??[];(0,K.useEffect)(()=>{if(!e){S(null),T(null),D(void 0);return}if(R){if(ae){if(j==null||M==null)return;S(e=>le(Se,e??j)),T(e=>le(Ce,e??M)),D(e=>oe(de,e,pe));return}S(e=>le(R.machine_tiers,e)),T(e=>le(R.storage_tiers,e)),D(e=>oe(de,e,null))}},[e,R,ae,j,M,pe]);let we=a.data?.plans.find(e=>e.id===`base`),Te=new Set(we?.included_features??[]),Ee=(R?.included_features??[]).filter(e=>!Te.has(e)),De=()=>{if(!c.isPending){if(!x||!C){U.error(r(`adjustPlanModal.pickTiersError`),{id:`pro-upgrade-error`});return}c.mutate({body:{target_plan_id:`pro`,confirm:!0,machine_tier:x,storage_tier:C,credit_tier:_e,return_target:ln()}},{onSuccess:e=>{if(e.checkout_url){tt({kind:`custom`,machineTier:x,storageTier:C,creditTier:_e}),Xe(i),mt(e.checkout_url);return}if(e.status===`no_op`){U.info(r(`adjustPlanModal.alreadyOnPro`),{id:`pro-upgrade`}),t();return}U.error(e.message??r(`adjustPlanModal.upgradeFailed`),{id:`pro-upgrade-error`})},onError:e=>{U.error(ie(e,r(`adjustPlanModal.upgradeFailed`)),{id:`pro-upgrade-error`})}})}},Oe=()=>{f.isPending||(_(`plans`),f.mutate({}))},ke=()=>{i.invalidateQueries({queryKey:Pt()}),i.invalidateQueries({queryKey:Lt()}),i.invalidateQueries({queryKey:zt()})},z=l.isPending||u.isPending||d.isPending,Ae=x!=null&&x!==j,je=C!=null&&C!==M,Me=fe&&E!==void 0&&E!==pe,Ne=e=>Se.find(t=>t.tier===e)?.price_cents??null,Pe=e=>Ce.find(t=>t.tier===e)?.price_cents??null,Fe=Ne(x),Ie=Pe(C),Le=Ne(j),Re=Pe(M),ze=Ae&&Fe!=null&&Le!=null&&Fe<Le,Ve=()=>{if(z)return;let e=[];Ae&&x&&e.push(new Promise(e=>{l.mutate({body:{machine_tier:x}},{onSuccess:()=>e({dimension:`machine`,ok:!0}),onError:t=>e({dimension:`machine`,ok:!1,error:t})})})),je&&C&&e.push(new Promise(e=>{u.mutate({body:{storage_tier:C}},{onSuccess:()=>e({dimension:`storage`,ok:!0}),onError:t=>e({dimension:`storage`,ok:!1,error:t})})})),Me&&e.push(new Promise(e=>{d.mutate({body:{credit_tier:_e}},{onSuccess:()=>e({dimension:`credit`,ok:!0}),onError:t=>e({dimension:`credit`,ok:!1,error:t})})})),Promise.all(e).then(e=>{ke();let i=e.some(e=>e.ok&&e.dimension===`storage`),a=e.some(e=>e.ok&&e.dimension===`machine`)&&!ze,o=(i||a)&&!!n,s=e.filter(e=>!e.ok);if(s.length>0){let e=s.map(e=>ie(e.error,`Failed to update ${e.dimension} tier.`)).join(` `);U.error(e,{id:`pro-tier-change-error`}),o&&(t(),n());return}o?(t(),n()):U.success(r(Me&&!Ae&&!je?`adjustPlanModal.creditBundleUpdated`:`adjustPlanModal.planUpdated`),{id:`pro-tier-change`})})},He=()=>{if(!z){if(ze){b(!0);return}Ve()}},Ue=()=>{b(!1),Ve()},We=e=>Fe!=null&&Ie!=null?e.base_price_cents+Fe+Ie+ye:null,Ge=e=>Le!=null&&Re!=null?e.base_price_cents+Le+Re+he:null,Ke=l.isError||u.isError||d.isError?ie(l.error??u.error??d.error,r(`adjustPlanModal.updateFailed`)):null,qe=a.isLoading||o.isLoading,Je=a.isError||o.isError||!a.data||!o.data;return(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(H.Root,{open:e,onOpenChange:e=>{e||(_(`plans`),t())},children:(0,q.jsx)(H.Content,{size:h===`plans`?`lg`:`md`,children:h===`downgrade-confirm`?(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(H.Header,{icon:Be,children:(0,q.jsx)(H.Title,{children:r(`adjustPlanModal.downgradeTitle`)})}),(0,q.jsxs)(H.Body,{children:[(0,q.jsx)(v,{as:`p`,variant:`body-medium-default`,className:`text-(--content-secondary)`,children:r(`adjustPlanModal.downgradeIntro`)}),(0,q.jsx)(`ul`,{className:`mt-4 list-disc space-y-2 pl-5`,children:Ee.map(e=>(0,q.jsx)(`li`,{children:(0,q.jsx)(v,{as:`span`,variant:`body-medium-default`,children:e})},e))})]}),(0,q.jsxs)(H.Footer,{children:[(0,q.jsx)(s,{variant:`ghost`,onClick:()=>_(`plans`),disabled:f.isPending,leftIcon:(0,q.jsx)(w,{className:`h-4 w-4`}),children:r(`adjustPlanModal.back`)}),(0,q.jsx)(s,{variant:`danger`,onClick:Oe,disabled:f.isPending,"data-testid":`confirm-downgrade-button`,children:r(`adjustPlanModal.confirmDowngrade`)})]})]}):(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(H.Header,{children:(0,q.jsx)(H.Title,{className:`sr-only`,children:r(`adjustPlanModal.upgradePlanTitle`)})}),(0,q.jsx)(H.Body,{children:qe?(0,q.jsxs)(`div`,{className:`flex items-center gap-2 text-body-medium-lighter text-[var(--content-tertiary)]`,children:[(0,q.jsx)(B,{className:`h-4 w-4 animate-spin`}),(0,q.jsx)(v,{as:`span`,variant:`body-medium-lighter`,children:r(`adjustPlanModal.loadingPlans`)})]}):Je?(0,q.jsx)(V,{tone:`error`,children:r(`adjustPlanModal.loadPlansError`)}):(0,q.jsxs)(`div`,{className:`space-y-4 sm:space-y-6`,children:[(0,q.jsxs)(`div`,{className:`space-y-2 pb-2 pt-4 text-center`,children:[(0,q.jsx)(v,{as:`p`,variant:`title-medium`,children:r(`adjustPlanModal.heroTitle`)}),(0,q.jsx)(v,{as:`p`,variant:`body-medium-lighter`,className:`text-[var(--content-secondary)]`,children:r(`adjustPlanModal.heroSubtitle`)})]}),(0,q.jsx)(`div`,{className:`grid grid-cols-1 gap-4 md:grid-cols-2`,children:a.data.plans.map(e=>{let t=e.id===O,n=e.id===`pro`&&R?We(R):null,r=e.id===`pro`&&R?Ge(R):null;return(0,q.jsx)(mi,{plan:e,isCurrent:t,onPro:k,planDisplayName:be,currentPlanFeatures:xe,cancelAtPeriodEnd:ee,isCanceled:te,cancelDate:P,formatGraceDate:ue,proTierChangeMode:ae,creditTiersEnabled:fe,creditTiers:de,displayCreditTier:_e,onCreditTierChange:D,selectedMachineTier:x,selectedStorageTier:C,onMachineTierChange:S,onStorageTierChange:T,machineTiersForPicker:Se,storageTiersForPicker:Ce,currentMachinePrice:Le,currentStoragePrice:Re,currentCreditPriceUnknown:ge,proCurrentTotalCents:r,proLiveTotalCents:n,proTotalDelta:n!=null&&r!=null?n-r:null,onboardingLoading:A.isLoading,tierChangePending:z,machineChanged:Ae,storageChanged:je,creditChanged:Me,tierChangeError:Ke,upgradePending:c.isPending,portalPending:f.isPending,onUpgrade:De,onApplyTierChange:He,onDowngradeClick:()=>_(`downgrade-confirm`),onKeepPlan:()=>f.mutate({})},e.id)})})]})}),(0,q.jsxs)(H.Footer,{className:`relative items-center`,children:[(0,q.jsx)(v,{as:`p`,variant:`body-small-default`,className:`pointer-events-none absolute inset-x-0 text-center text-[var(--content-tertiary)]`,children:(0,q.jsx)(`span`,{className:`pointer-events-auto`,children:r(`adjustPlanModal.footerNote`)})}),(0,q.jsx)(`div`,{className:`ml-auto`,children:(0,q.jsx)(s,{variant:`outlined`,onClick:t,"data-testid":`modal-cancel-button`,children:r(`adjustPlanModal.cancel`)})})]})]})})}),(0,q.jsx)(ui,{open:y,onCancel:()=>b(!1),onConfirm:Ue,confirming:z,lostFeatures:[r(`adjustPlanModal.machineDowngradeFeature`)]})]})}function gi({open:e,confirming:t,onCancel:n,onConfirm:r}){let{t:i}=G(`settings`);return(0,q.jsx)(Je,{open:e,title:i(`autoTopUpDisableConfirm.title`),message:i(`autoTopUpDisableConfirm.message`),confirmLabel:i(t?`autoTopUpDisableConfirm.disabling`:`autoTopUpDisableConfirm.disable`),cancelLabel:i(`autoTopUpDisableConfirm.keepEnabled`),destructive:!0,onConfirm:r,onCancel:n})}var _i={threshold_usd:`100`,amount_usd:`10`,monthly_cap_usd:``};function vi(e){if(e===``||e===`-`)return e;let t=parseFloat(e);return Number.isFinite(t)?String(Math.trunc(t)):``}function yi(e){let t={},n=parseFloat(e.threshold_usd),r=parseFloat(e.amount_usd);if((!Number.isFinite(r)||r<10||r>500)&&(t.amount_usd=`Must be between $10 and $500`),(!Number.isFinite(n)||n<1||n>100)&&(t.threshold_usd=`Must be between $1 and $100`),e.monthly_cap_usd!==``){let n=parseFloat(e.monthly_cap_usd);!Number.isFinite(n)||n<25||n>1e4?t.monthly_cap_usd=`Must be between $25 and $10,000`:Number.isFinite(r)&&n<r&&(t.monthly_cap_usd=`Must be at least the top-up amount`)}return t}function bi(e,t,n,r){if(n[e])return n[e];if(r)return t[e]}function xi({initialValues:e=_i,submitting:t,serverErrors:n,onSave:r,onCancel:i}){let{t:a}=G(`settings`),[o,c]=(0,K.useState)(e),[l,u]=(0,K.useState)({threshold_usd:!1,amount_usd:!1,monthly_cap_usd:!1}),d=yi(o),f=e=>t=>{c(n=>({...n,[e]:t.target.value}))},p=e=>()=>{u(t=>({...t,[e]:!0})),c(t=>({...t,[e]:vi(t[e])}))},m=e=>bi(e,d,n,l[e]);return(0,q.jsx)(`div`,{className:`mt-4`,children:(0,q.jsxs)(`div`,{className:`flex flex-wrap items-start gap-2`,children:[(0,q.jsx)(`div`,{className:`w-full max-w-full sm:w-[200px]`,children:(0,q.jsx)(Ke,{type:`number`,step:`1`,label:a(`autoTopUpForm.thresholdLabel`),value:o.threshold_usd,onChange:f(`threshold_usd`),onBlur:p(`threshold_usd`),errorText:m(`threshold_usd`),"data-testid":`auto-top-up-threshold-input`,fullWidth:!0})}),(0,q.jsx)(`div`,{className:`w-full max-w-full sm:w-[200px]`,children:(0,q.jsx)(Ke,{type:`number`,step:`1`,label:a(`autoTopUpForm.amountLabel`),value:o.amount_usd,onChange:f(`amount_usd`),onBlur:p(`amount_usd`),errorText:m(`amount_usd`),"data-testid":`auto-top-up-amount-input`,fullWidth:!0})}),(0,q.jsx)(`div`,{className:`w-full max-w-full sm:w-[200px]`,children:(0,q.jsx)(Ke,{type:`number`,step:`1`,label:a(`autoTopUpForm.capLabel`),value:o.monthly_cap_usd,onChange:f(`monthly_cap_usd`),onBlur:p(`monthly_cap_usd`),errorText:m(`monthly_cap_usd`),"data-testid":`auto-top-up-cap-input`,fullWidth:!0})}),(0,q.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2 pt-[18px]`,children:[(0,q.jsx)(s,{variant:`outlined`,onClick:i,disabled:t,children:a(`autoTopUpForm.cancel`)}),(0,q.jsx)(s,{variant:`primary`,onClick:()=>{u({threshold_usd:!0,amount_usd:!0,monthly_cap_usd:!0});let e={threshold_usd:vi(o.threshold_usd),amount_usd:vi(o.amount_usd),monthly_cap_usd:vi(o.monthly_cap_usd)};c(e);let t=yi(e);if(Object.keys(t).length!==0)return;let n=e=>e===``?``:`${parseInt(e,10)}.00`;r({threshold_usd:n(e.threshold_usd),amount_usd:n(e.amount_usd),monthly_cap_usd:e.monthly_cap_usd===``?``:n(e.monthly_cap_usd)})},disabled:t,"data-testid":`auto-top-up-save-button`,children:a(`autoTopUpForm.save`)})]})]})})}var Si=t(((e,t)=>{t.exports=`SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED`})),Ci=t(((e,t)=>{var n=Si();function r(){}function i(){}i.resetWarningCache=r,t.exports=function(){function e(e,t,r,i,a,o){if(o!==n){var s=Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name=`Invariant Violation`,s}}e.isRequired=e;function t(){return e}var a={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:r};return a.PropTypes=a,a}})),X=e(t(((e,t)=>{t.exports=Ci()()}))(),1);function wi(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function Ti(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?wi(Object(n),!0).forEach(function(t){Di(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):wi(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function Ei(e){"@babel/helpers - typeof";return Ei=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},Ei(e)}function Di(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Oi(e,t){if(e==null)return{};var n={},r=Object.keys(e),i,a;for(a=0;a<r.length;a++)i=r[a],!(t.indexOf(i)>=0)&&(n[i]=e[i]);return n}function ki(e,t){if(e==null)return{};var n=Oi(e,t),r,i;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i<a.length;i++)r=a[i],!(t.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}function Ai(e,t){return ji(e)||Mi(e,t)||Ni(e,t)||Fi()}function ji(e){if(Array.isArray(e))return e}function Mi(e,t){var n=e&&(typeof Symbol<`u`&&e[Symbol.iterator]||e[`@@iterator`]);if(n!=null){var r=[],i=!0,a=!1,o,s;try{for(n=n.call(e);!(i=(o=n.next()).done)&&(r.push(o.value),!(t&&r.length===t));i=!0);}catch(e){a=!0,s=e}finally{try{!i&&n.return!=null&&n.return()}finally{if(a)throw s}}return r}}function Ni(e,t){if(e){if(typeof e==`string`)return Pi(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if(n===`Object`&&e.constructor&&(n=e.constructor.name),n===`Map`||n===`Set`)return Array.from(e);if(n===`Arguments`||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Pi(e,t)}}function Pi(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function Fi(){throw TypeError(`Invalid attempt to destructure non-iterable instance.
|
|
2
|
+
import{o as e,t}from"./chunk-jRWAZmH_.js";import{a as n,c as r,i,t as a}from"./capture-error-Bhsjn8bF.js";import{t as o}from"./react-BFJW0bSv.js";import{t as s}from"./button-C8CGr0T0.js";import{t as c}from"./preload-helper-Cv2QeVDK.js";import{d as l,h as u,t as d,u as f}from"./chunk-5KNZJZUH-BUqIilZr.js";import{n as p}from"./QueryClientProvider-EuRl-wrW.js";import{t as m}from"./useQuery-CTSuec5b.js";import{t as h}from"./useInfiniteQuery-C5Kg1-qX.js";import{t as g}from"./useMutation-D2YPyfEH.js";import{t as _}from"./jsx-runtime-BJ8jcmzB.js";import{t as v}from"./typography-DekrYXvs.js";import{t as y}from"./card-DUsAeHUS.js";import{d as b,o as x,s as S}from"./list-row-6uedKE84.js";import{t as C}from"./createLucideIcon-B-ZPaMbU.js";import{t as w}from"./arrow-left-Ciai6BHG.js";import{t as T}from"./check-NGUguBHp.js";import{t as E}from"./chevron-down-D1ho6wFA.js";import{t as D}from"./chevron-up-bJ8SGTC_.js";import{t as O}from"./circle-check-BQyrCkaB.js";import{t as k}from"./coins-WH-N-3B8.js";import{A,D as j,E as M,F as N,L as ee,M as te,N as P,O as F,P as I,S as ne,_ as re,a as ie,b as ae,c as oe,f as L,g as R,h as se,i as ce,l as le,m as ue,n as de,o as fe,p as pe,r as me,s as he,t as ge,u as _e,v as ve,w as ye,z as be}from"./use-checkout-dismiss-refresh-D6RVOOW7.js";import{_ as xe,c as Se,d as Ce,f as we,g as Te,h as Ee,i as De,l as Oe,m as ke,n as z,o as Ae,r as je,s as Me,t as Ne,v as Pe}from"./format-usd-l0R2MwIH.js";import{t as Fe}from"./download-C7_XK23s.js";import{t as Ie}from"./external-link-DCA91uI6.js";import{t as Le}from"./info-D0qquAkS.js";import{t as B}from"./loader-circle-C9QjVTuc.js";import{t as Re}from"./plus-BDSluxb4.js";import{t as ze}from"./sparkles-DvB22tVW.js";import{t as Be}from"./triangle-alert-B-18Pims.js";import{t as Ve}from"./users-BHqL5Ion.js";import{t as He}from"./x-zfSDUG5z.js";import{t as V}from"./notice-C_AsX_o9.js";import{t as Ue}from"./progress-bar-C4e3e4vV.js";import{a as We}from"./src-fZcomycH.js";import{t as Ge}from"./tag-D2QYCm1p.js";import{t as Ke}from"./input-DlkBtbxm.js";import{t as qe}from"./toggle-0qt1e_3r.js";import{t as H}from"./modal-DN_Uwwkg.js";import{n as U}from"./toast-CHtrY-GO.js";import{t as Je}from"./confirm-dialog-DYmL6FRe.js";import{t as Ye}from"./select-DGtcClb6.js";import{s as W}from"./i18n-BwZV5R-M.js";import{t as G}from"./useTranslation-ZC-h5Hiu.js";import{l as Xe,o as Ze}from"./auth-store-BcLGxfXV.js";import{_t as Qe,vt as $e}from"./sdk.gen-D7Xtwrik.js";import{Br as et}from"./sdk.gen-DBCPDfEN.js";import{T as tt}from"./native-biometric-uGBy1Ygx.js";import{d as nt}from"./routes-BlqDicRv.js";import{i as rt,r as it,t as at}from"./use-platform-gate-ex-sesPy.js";import{r as ot}from"./use-is-org-ready-jgYo1vLo.js";import{Et as st,Qt as ct,Xt as lt,Yt as ut,Zt as dt,p as ft,u as pt}from"./react-query.gen-CK9QHk-g.js";import{n as mt,r as ht}from"./browser-CTFeonz5.js";import{$ as gt,B as _t,G as vt,H as yt,J as bt,K as xt,Mt as St,R as Ct,St as wt,U as Tt,V as Et,W as Dt,X as Ot,Y as kt,_t as At,at as jt,ct as Mt,et as Nt,gt as Pt,ht as Ft,it as It,mt as Lt,nt as Rt,ot as zt,pt as Bt,q as Vt,rt as Ht,st as Ut,tt as Wt,ut as Gt,vt as Kt,wt as qt,xt as Jt,yt as Yt,z as Xt}from"./react-query.gen-C5bGzKSn.js";import{n as Zt,r as Qt}from"./conversation-navigation-CAmJhEC8.js";import{n as $t}from"./use-is-mobile-BEI1WTqb.js";import{t as en}from"./effective-timezone-C68nJtOq.js";import{t as tn}from"./use-effective-timezone-qowNpInd.js";import{t as nn}from"./misc-giJA2hbh.js";import{t as rn}from"./copy-to-clipboard-c-1eMwRo.js";import{t as an}from"./platform-login-notice-BM1cQ3cr.js";import{t as on}from"./use-active-assistant-id-CvGwbyAl.js";import{n as sn}from"./format-date-CDuQTAoj.js";import{t as cn}from"./schedules-DpVOjIM1.js";import{t as ln}from"./checkout-return-target-DAtrogIe.js";import{t as un}from"./add-credits-modal-tr20Lnal.js";import{t as dn}from"./link-click-B7kILmE6.js";import{a as fn,i as pn,r as mn,t as hn}from"./profile-metadata-CpvalteX.js";var gn=C(`crown`,[[`path`,{d:`M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z`,key:`1vdc57`}],[`path`,{d:`M5 21h14`,key:`11awu3`}]]),_n=C(`tree-palm`,[[`path`,{d:`M13 8c0-2.76-2.46-5-5.5-5S2 5.24 2 8h2l1-1 1 1h4`,key:`foxbe7`}],[`path`,{d:`M13 7.14A5.82 5.82 0 0 1 16.5 6c3.04 0 5.5 2.24 5.5 5h-3l-1-1-1 1h-3`,key:`18arnh`}],[`path`,{d:`M5.89 9.71c-2.15 2.15-2.3 5.47-.35 7.43l4.24-4.25.7-.7.71-.71 2.12-2.12c-1.95-1.96-5.27-1.8-7.42.35`,key:`ywahnh`}],[`path`,{d:`M11 15.5c.5 2.5-.17 4.5-1 6.5h4c2-5.5-.5-12-1-14`,key:`ft0feo`}]]),K=e(o(),1);function vn(e){return e.get(`tab`)===`billing`||e.has(`adjust_plan`)||e.has(`pro_onboarding`)||e.has(`billing_status`)||e.has(`session_id`)}function yn(e,t){return e===`full`?!0:e===`disabled`?vn(t):!1}var q=_();function bn({open:e,onOpenChange:t,amountUsd:n}){let{t:r}=G(`settings`),i=p(),a=g(xt()),o=a.isPending,c=z(n);return(0,q.jsx)(H.Root,{open:e,onOpenChange:e=>{!e&&o||t(e)},children:(0,q.jsxs)(H.Content,{size:`sm`,"data-testid":`checkout-bonus-modal`,children:[(0,q.jsx)(H.Header,{icon:xe,children:(0,q.jsx)(H.Title,{children:r(`checkoutBonusModal.title`,{amount:c})})}),(0,q.jsx)(H.Body,{children:(0,q.jsx)(v,{as:`p`,variant:`body-medium-default`,className:`text-(--content-secondary)`,children:r(`checkoutBonusModal.body`,{amount:c})})}),(0,q.jsxs)(H.Footer,{children:[(0,q.jsx)(H.Close,{asChild:!0,children:(0,q.jsx)(s,{variant:`outlined`,disabled:o,children:r(`checkoutBonusModal.decline`)})}),(0,q.jsx)(s,{variant:`primary`,leftIcon:o?(0,q.jsx)(B,{className:`animate-spin`}):void 0,onClick:()=>{o||a.mutate({},{onSuccess:e=>{e.status===`granted`?(U.success(r(`checkoutBonusModal.grantedToast`,{amount:z(e.amount_usd)})),i.invalidateQueries(Kt())):U.info(r(`checkoutBonusModal.unavailableToast`)),i.invalidateQueries(Vt()),t(!1)},onError:()=>{U.error(r(`checkoutBonusModal.errorToast`))}})},disabled:o,"data-testid":`claim-checkout-bonus-button`,children:r(`checkoutBonusModal.claim`,{amount:c})})]})]})})}function xn(e){let t=ot(),n=p(),r=e!==null,{data:i,dataUpdatedAt:a}=m({...Vt(),enabled:r&&t,staleTime:0,refetchOnWindowFocus:!1}),o=(0,K.useRef)(e);return(0,K.useEffect)(()=>{let t=o.current;o.current=e,!(e===null||e===t||t===null)&&n.invalidateQueries(Vt())},[e,n]),{showOffer:r&&i?.eligible===!0&&a>=e,amountUsd:i?.amount_usd??`0.00`}}function Sn(e){if(!e)return{};let t={};for(let n of e.callSites)!n.id||!n.displayName||(t[n.id]={id:n.id,displayName:n.displayName,description:n.description,domain:n.domain});return t}function J(e){return Number.isFinite(e)?Math.round(e).toLocaleString():`0`}function Cn(e){return!Number.isFinite(e)||e===0?`$0.00`:`$${e.toFixed(2)}`}var wn=`model`,Tn={model:`Model`,task:`Action`,profile:`Profile`},En=[{value:`model`,label:Tn.model},{value:`task`,label:Tn.task},{value:`profile`,label:Tn.profile}];function Dn(e){return e===`model`||e===`task`||e===`profile`}function On(e){switch(e){case`model`:return`model`;case`task`:return`call_site`;case`profile`:return`inference_profile`}}function kn(e){switch(e){case`model`:return`model`;case`task`:return`llm_call_site`;case`profile`:return`inference_profile`}}function An(e,t,n){if(e===`task`){let e=t.groupKey;return e?n.callSites?.[e]?.displayName??t.group:t.group}if(e===`profile`){let e=t.groupKey;return e?n.profiles?.[e]?.displayName??t.group:t.group||`Default / Unset`}return t.group}function jn(e,t,n){return!e||e.length===0?[]:e.map(e=>{let r=An(t,e,n);return r===e.group?e:{...e,group:r}})}var Mn=6,Nn=`value:`,Pn=`null:`;function Fn(e,t=`schedule`){return e===null?`${Pn}${Dn(t)?On(t):t}`:`${Nn}${e}`}function In(e){return[...e].sort((e,t)=>{if(e.date!==t.date)return e.date<t.date?-1:1;let n=Vn(e.bucketId),r=Vn(t.bucketId);return n===r?e.bucketId===t.bucketId?0:e.bucketId<t.bucketId?-1:1:n-r})}function Ln(e){return e.map(e=>({bucketId:e.bucketId,date:e.date,displayLabel:e.displayLabel,totalInputTokens:e.totalInputTokens,totalOutputTokens:e.totalOutputTokens,totalEstimatedCostUsd:e.totalEstimatedCostUsd,eventCount:e.eventCount,groups:{}}))}function Rn(e,t,n){return t!==`task`&&t!==`profile`?[...e]:e.map(e=>{let r=!1,i={};for(let[a,o]of Object.entries(e.groups)){let e=An(t,Bn(o),n);e===o.group?i[a]=o:(r=!0,i[a]={...o,group:e})}return r?{...e,groups:i}:e})}function zn(e){let t=new Map;for(let n of e)for(let[e,r]of Object.entries(n.groups)){let n=t.get(e);t.set(e,{label:n?.label??r.group,totalEstimatedCostUsd:(n?.totalEstimatedCostUsd??0)+r.totalEstimatedCostUsd})}let n=Array.from(t.entries()).sort(([e,t],[n,r])=>t.totalEstimatedCostUsd===r.totalEstimatedCostUsd?t.label===r.label?e===n?0:e<n?-1:1:t.label<r.label?-1:1:r.totalEstimatedCostUsd-t.totalEstimatedCostUsd).map(([e,t],n)=>({seriesKey:e,label:t.label,totalEstimatedCostUsd:t.totalEstimatedCostUsd,colorIndex:n}));return{items:n,visibleItems:n.slice(0,Mn)}}function Bn(e){return{group:e.group,groupId:e.groupKey,groupKey:e.groupKey,totalInputTokens:e.totalInputTokens,totalOutputTokens:e.totalOutputTokens,totalCacheCreationTokens:0,totalCacheReadTokens:0,totalEstimatedCostUsd:e.totalEstimatedCostUsd,eventCount:e.eventCount,turnCount:null}}function Vn(e){let t=e.lastIndexOf(`|`);if(t<0)return 0;let n=Number(e.slice(t+1));return Number.isFinite(n)?n:0}var Hn=140,Un=40,Wn=28,Gn=2,Kn=2,qn=1e-6,Jn=12,Yn=220,Xn=56,Zn=[40,80,60,100,50,70,30],Qn=[18,24,28,35,42,50,64,78,92,106,118,96,84,74,68,80,88,72,56,48,40,34,26,20],$n=[`var(--usage-trend-stack-positive, var(--system-positive-strong, #10b981))`,`var(--usage-trend-stack-info, var(--system-info-strong, #3b82f6))`,`var(--usage-trend-stack-mid, var(--system-mid-strong, #f59e0b))`,`var(--usage-trend-stack-secondary, var(--content-secondary, #6b7280))`,`var(--usage-trend-stack-negative, var(--system-negative-strong, #f87171))`,`var(--usage-trend-stack-tertiary, var(--content-tertiary, #9ca3af))`];function er(e){return $n[e%$n.length]}function tr(e){return e.displayLabel?e.displayLabel:e.date}function nr(e,t){let n=e+Jn,r=t+Jn;return n+Yn>window.innerWidth&&(n=e-Yn-Jn),r+Xn>window.innerHeight&&(r=t-Xn-Jn),{x:n,y:r}}function rr({buckets:e,isHourly:t,legendItems:n}){let{t:r}=G(`settings`),[i,a]=(0,K.useState)(null),o=(0,K.useMemo)(()=>In(e),[e]),s=(0,K.useMemo)(()=>zn(e),[e]),c=n??s.items,l=n??s.visibleItems,u=(0,K.useMemo)(()=>o.reduce((e,t)=>Math.max(e,t.totalEstimatedCostUsd),0),[o]),d=(0,K.useCallback)((e,t)=>{let n=nr(e.clientX,e.clientY);a({...t,x:n.x,y:n.y})},[]),f=(0,K.useCallback)(()=>a(null),[]);if(o.length===0){let e=(0,q.jsx)(cr,{title:r(t?`usageTrendChart.noHourlyData`:`usageTrendChart.noDailyData`),subtitle:r(`usageTrendChart.noUsageInRange`)});return l.length===0?e:(0,q.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[e,(0,q.jsx)(sr,{items:l})]})}let p=t?Wn:Un;return(0,q.jsxs)(`div`,{className:`overflow-x-auto`,children:[(0,q.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,q.jsx)(`div`,{className:`flex items-end gap-2`,style:{height:`${Hn}px`},"aria-hidden":`true`,children:o.map(e=>{let t=u>0?e.totalEstimatedCostUsd/u:0,r=Math.max(Gn,Hn*t);return(0,q.jsx)(`div`,{className:`flex items-end`,style:{width:`${p}px`,minWidth:`${p}px`,height:`${r}px`,opacity:e.totalEstimatedCostUsd>0?1:.3},title:`${tr(e)}: ${Cn(e.totalEstimatedCostUsd)}`,"data-usage-series-bar":e.bucketId,children:(0,q.jsx)(ar,{bucket:e,height:r,legendItems:c,hasLegendOverride:n!=null,onSegmentHover:d,onSegmentLeave:f})},e.bucketId)})}),(0,q.jsx)(`div`,{className:`flex items-start gap-2`,children:o.map(e=>(0,q.jsxs)(`div`,{className:`flex flex-col items-center gap-0.5`,style:{width:`${p}px`,minWidth:`${p}px`},children:[(0,q.jsx)(`span`,{className:`truncate text-[10px]`,style:{color:`var(--content-secondary)`},children:Cn(e.totalEstimatedCostUsd)}),(0,q.jsx)(`span`,{className:`truncate text-[10px]`,style:{color:`var(--content-tertiary)`},children:tr(e)})]},e.bucketId))}),l.length>0?(0,q.jsx)(sr,{items:l}):null]}),i?(0,q.jsx)(or,{tooltip:i}):null]})}function ir({isHourly:e}){let t=e?Qn:Zn,n=e?Wn:Un;return(0,q.jsx)(`div`,{className:`flex items-end gap-2`,style:{height:`${Hn}px`},"aria-hidden":`true`,children:t.map((e,t)=>(0,q.jsx)(`div`,{className:`rounded-sm`,style:{width:`${n}px`,height:`${e}px`,background:`color-mix(in srgb, var(--border-base) 40%, transparent)`}},t))})}function ar({bucket:e,height:t,legendItems:n,hasLegendOverride:r,onSegmentHover:i,onSegmentLeave:a}){let o=Object.keys(e.groups).length>0,s=n.filter(e=>(e.state??`active`)===`active`).flatMap(t=>{let n=e.groups[t.seriesKey];return!n||n.totalEstimatedCostUsd<=0?[]:[{item:t,value:n}]});if(s.length===0&&!o&&!r){let n=tr(e),r={label:W(`settings:usageTrendChart.total`),bucketLabel:n,cost:Cn(e.totalEstimatedCostUsd)};return(0,q.jsx)(`div`,{className:`w-full rounded-sm`,title:`${r.label}: ${r.cost}`,onMouseEnter:e=>i(e,r),onMouseMove:e=>i(e,r),onMouseLeave:a,style:{height:`${t}px`,background:er(0)},"data-usage-series-segment-label":r.label,"data-usage-fallback-segment":`true`})}return s.length===0?null:(0,q.jsx)(`div`,{className:`flex w-full flex-col-reverse overflow-hidden rounded-sm`,style:{height:`${t}px`},"data-usage-series-stack":e.bucketId,children:s.map(({item:n,value:r})=>{let o={label:n.label,bucketLabel:tr(e),cost:Cn(r.totalEstimatedCostUsd)};return(0,q.jsx)(`div`,{title:`${o.label}: ${o.cost}`,onMouseEnter:e=>i(e,o),onMouseMove:e=>i(e,o),onMouseLeave:a,style:{height:`${Math.max(Kn,t*r.totalEstimatedCostUsd/Math.max(e.totalEstimatedCostUsd,qn))}px`,background:er(n.colorIndex)},"data-usage-series-segment":n.seriesKey,"data-usage-series-segment-label":n.label,"data-usage-series-color-index":n.colorIndex},n.seriesKey)})})}function or({tooltip:e}){return(0,q.jsxs)(`div`,{className:`pointer-events-none fixed z-50 max-w-[220px] rounded-md border px-2 py-1 shadow-xl`,style:{left:`${e.x}px`,top:`${e.y}px`,background:`var(--surface-overlay, var(--surface-lift))`,borderColor:`var(--border-base)`},"aria-hidden":`true`,children:[(0,q.jsx)(`div`,{className:`truncate text-body-small-default`,style:{color:`var(--content-default)`},children:e.label}),(0,q.jsxs)(`div`,{className:`truncate text-body-small-default`,style:{color:`var(--content-tertiary)`},children:[e.bucketLabel,` · `,e.cost]})]})}function sr({items:e}){return(0,q.jsx)(`div`,{className:`flex flex-wrap items-center gap-x-3 gap-y-1 pt-1`,children:e.map(e=>{let t=e.state??`active`,n=t===`inactive`;return(0,q.jsxs)(`div`,{className:`flex min-w-0 items-center gap-1`,"data-usage-legend-state":t,children:[(0,q.jsx)(`span`,{className:`h-[7px] w-[7px] shrink-0 rounded-full`,style:{background:n?`var(--content-tertiary)`:er(e.colorIndex),opacity:n?.45:1},"aria-hidden":`true`,"data-usage-series-color-index":e.colorIndex}),(0,q.jsx)(`span`,{className:n?`truncate text-[10px] line-through`:`truncate text-[10px]`,style:{color:`var(--content-tertiary)`,opacity:n?.65:1},children:e.label})]},e.seriesKey)})})}function cr({title:e,subtitle:t}){return(0,q.jsxs)(`div`,{className:`flex flex-col items-center justify-center rounded-md py-12 text-center`,style:{color:`var(--content-tertiary)`},children:[(0,q.jsx)(`p`,{className:`text-body-medium-default`,style:{color:`var(--content-secondary)`},children:e}),(0,q.jsx)(`p`,{className:`mt-1 text-body-small-default`,children:t})]})}function lr(e){return Dn(e)?On(e):e}function ur(e){return mr({from:e.from,to:e.to},e.scheduleId)}function dr(e){return mr({from:e.from,to:e.to,...e.granularity?{granularity:e.granularity}:{},...e.tz?{tz:e.tz}:{}},e.scheduleId)}function fr(e){return mr({from:e.from,to:e.to,groupBy:lr(e.groupBy)},e.scheduleId)}function pr(e){return mr({from:e.from,to:e.to,granularity:e.granularity,groupBy:lr(e.groupBy),...e.tz?{tz:e.tz}:{}},e.scheduleId)}function mr(e,t){return t?{...e,scheduleId:t}:e}function hr(e){return[`${J(e.totalInputTokens)} direct`,`${J(e.totalCacheCreationTokens)} cache created`,`${J(e.totalCacheReadTokens)} cache read`,`${J(e.totalOutputTokens)} out`].join(` / `)}function gr(e){return!Number.isFinite(e)||e===0?`0`:e>=1e6||e>=999950&&e<1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}k`:e.toLocaleString()}function _r(e){return`${gr(e.totalInputTokens+e.totalCacheCreationTokens+e.totalCacheReadTokens)} in / ${gr(e.totalOutputTokens)} out`}var vr=`task`,yr=`model`,br=new Set([400,404,422]),xr=3,Sr=new Set([`today`,`yesterday`,`7d`,`30d`,`90d`,`all`]),Cr=new Set([`actor`,`provider`,`model`,`conversation`,`task`,`profile`,`schedule`]),wr={task:Tn.task,profile:Tn.profile,model:Tn.model,provider:`Provider`,actor:`Actor`,conversation:`Conversation`,schedule:`Schedule`},Tr=[{value:`task`,label:wr.task},{value:`profile`,label:wr.profile},{value:`model`,label:wr.model},{value:`provider`,label:wr.provider},{value:`schedule`,label:wr.schedule},{value:`conversation`,label:wr.conversation}];function Er(e){let t=e.get(`range`),n=e.get(`groupBy`),r=Ar(n)?n:vr;return{range:kr(t)?t:`7d`,groupBy:r,scheduleId:r===`schedule`?Dr(e):void 0}}function Dr(e){let t=e.get(`scheduleId`);if(!(!t||t.trim().length===0))return t}function Or(e,t){let n=new URLSearchParams(e);return t.range!==void 0&&n.set(`range`,t.range),t.groupBy!==void 0&&n.set(`groupBy`,t.groupBy),t.scheduleId!==void 0&&(t.scheduleId===null||t.scheduleId.trim().length===0?n.delete(`scheduleId`):n.set(`scheduleId`,t.scheduleId)),n.get(`groupBy`)!==`schedule`&&n.delete(`scheduleId`),n}function kr(e){return e!=null&&Sr.has(e)}function Ar(e){return e!=null&&Cr.has(e)}function jr(e){return e!==`conversation`}function Mr(e,t){return e!==`task`&&e!==`profile`?!1:Pr(t)}function Nr(e,t){return!Pr(t)&&e<xr}function Pr(e){return e instanceof i&&br.has(e.status)}function Fr({requestedGranularity:e,isLoading:t,buckets:n}){return e===`hourly`&&(t||!n||n.length===0||n.some(Ir))?`hourly`:`daily`}function Ir(e){return e.bucketId.includes(`|`)||Lr(e.date)}function Lr(e){return/^\d{4}-\d{2}-\d{2} ([01]\d|2[0-3]):00$/.test(e)}function Rr(e,t,n=Date.now()){return pn(e,t,n)}function zr(e){return e===`today`||e===`yesterday`?`hourly`:`daily`}function Br({prompt:e,children:t,variant:n=`outlined`,size:r=`regular`,className:i}){let a=l(),o=(0,K.useCallback)(()=>{Qt(a,{prompt:e})},[a,e]);return(0,q.jsx)(s,{variant:n,size:r,leftIcon:(0,q.jsx)(ze,{}),onClick:o,className:i,children:t})}var Vr={today:`usageTab.rangeToday`,yesterday:`usageTab.rangeYesterday`,"7d":`usageTab.range7d`,"30d":`usageTab.range30d`,"90d":`usageTab.range90d`,all:`usageTab.rangeAll`},Hr={task:`usageTab.groupByTask`,profile:`usageTab.groupByProfile`,model:`usageTab.groupByModel`,provider:`usageTab.groupByProvider`,actor:`usageTab.groupByActor`,conversation:`usageTab.groupByConversation`,schedule:`usageTab.groupBySchedule`};function Ur(e,t){return e(Hr[t])}function Wr(e,t,n){let r=e(t===`hourly`?`usageTab.hourlyTrend`:`usageTab.dailyTrend`);if(!n||n===`conversation`)return r;let i=Ur(e,n);return e(t===`hourly`?`usageTab.hourlyTrendBy`:`usageTab.dailyTrendBy`,{group:i})}var Gr=300*1e3,Kr=[`Please load the llm-cost-optimizer skill.`,`Analyze my recent LLM usage and explain the biggest cost contributors by call site, model, and profile.`,`Check my current llm.default, llm.callSites, and llm.profiles.`,`Give me a concise summary of what is driving cost and what you would optimize first.`,`Do not change config yet.`].join(` `),qr=[`Please load the llm-cost-optimizer skill.`,`Analyze my recent LLM usage and current LLM config, then recommend the safest cost-optimization changes.`,`If changes are clearly safe, show me the exact config commands you would run and ask for confirmation before applying them.`].join(` `);function Jr({assistantId:e}){let{t}=G(`settings`),[n,r]=u(),{range:i,groupBy:a,scheduleId:o}=(0,K.useMemo)(()=>Er(n),[n]),s=tn(),c=(0,K.useCallback)(e=>{r(t=>Or(t,e),{replace:!0})},[r]),l=(0,K.useMemo)(()=>Rr(i,s),[i,s]),d=(0,K.useMemo)(()=>zr(i),[i]),f=m({queryKey:st({path:{assistant_id:e}}),queryFn:()=>cn(e),staleTime:1e4}),p=(0,K.useCallback)(e=>{c({range:e})},[c]),h=m({...ct({path:{assistant_id:e},query:ur({from:l.from,to:l.to,scheduleId:o})})}),g=m({queryKey:ut({path:{assistant_id:e},query:fr({from:l.from,to:l.to,groupBy:a,scheduleId:o})}),queryFn:async({signal:t})=>{try{let{data:n}=await et({path:{assistant_id:e},query:fr({from:l.from,to:l.to,groupBy:a,scheduleId:o}),signal:t,throwOnError:!0});return{groupBy:a,response:n}}catch(n){if(!Mr(a,n))throw n;let{data:r}=await et({path:{assistant_id:e},query:fr({from:l.from,to:l.to,groupBy:yr,scheduleId:o}),signal:t,throwOnError:!0});return{groupBy:yr,response:r}}},retry:Nr}),_=g.data?.groupBy??a;(0,K.useEffect)(()=>{_!==a&&c({groupBy:_,scheduleId:_===`schedule`?void 0:null})},[_,a,c]);let v=jr(_)?_:void 0,y=m({...dt({path:{assistant_id:e},query:pr({from:l.from,to:l.to,granularity:d,groupBy:v??`actor`,tz:s,scheduleId:o})}),enabled:!!v,retry:Nr}),b=m({...lt({path:{assistant_id:e},query:dr({from:l.from,to:l.to,granularity:d,tz:s,scheduleId:o})}),enabled:!v||y.isError}),x=m({...ft({path:{assistant_id:e}}),enabled:_===`task`,staleTime:1/0}),S=m({...pt({path:{assistant_id:e}}),select:hn,enabled:_===`profile`,staleTime:Gr}),C=(0,K.useMemo)(()=>({callSites:Sn(x.data),profiles:S.data??{}}),[x.data,S.data]),w=(0,K.useMemo)(()=>{let e=g.data;if(e)return jn(e.response.breakdown,e.groupBy,C)},[g.data,C]),T=(0,K.useMemo)(()=>{if(!(!v||!y.data))return Rn(y.data.buckets,v,C)},[y.data,v,C]),E=(0,K.useMemo)(()=>{if(b.data)return Ln(b.data.buckets)},[b.data]),D=(0,K.useMemo)(()=>v?y.error?E?{isLoading:!1,error:null,data:E,refetch:b.refetch}:{isLoading:b.isLoading||!E&&!b.error,error:b.error??y.error,data:void 0,refetch:b.error?b.refetch:y.refetch}:{isLoading:y.isLoading,error:y.error,data:T,refetch:y.refetch}:{isLoading:b.isLoading,error:b.error,data:E,refetch:b.refetch},[E,b.error,b.isLoading,b.refetch,T,v,y.error,y.isLoading,y.refetch]),O=Fr({requestedGranularity:d,isLoading:D.isLoading,buckets:D.data}),k=O===`hourly`,A=v&&y.error?void 0:_,j=(0,K.useMemo)(()=>{if(!(_!==`schedule`||!o))return Yr(f.data,o,t)},[_,o,f.data,t]);return(0,q.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,q.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[(0,q.jsx)(`h3`,{className:`text-title-small`,style:{color:`var(--content-default)`},children:t(`usageTab.title`)}),(0,q.jsx)(`div`,{className:`flex flex-wrap items-center justify-end gap-2`,children:(0,q.jsx)(Zr,{range:i,onChange:p})})]}),(0,q.jsx)(`section`,{"aria-label":t(`usageTab.totalsAriaLabel`),children:(0,q.jsx)($r,{query:h,skeleton:(0,q.jsx)(ni,{}),render:e=>(0,q.jsx)(ei,{totals:e})})}),(0,q.jsx)(Qr,{title:t(`usageTab.inferenceUsageTitle`),children:(0,q.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,q.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[(0,q.jsx)(`h4`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:Wr(t,O,A)}),(0,q.jsx)(`div`,{className:`flex flex-wrap items-center justify-end gap-2`,children:(0,q.jsx)(ri,{value:_,onChange:e=>{c({groupBy:e,scheduleId:e===`schedule`?void 0:null})}})})]}),(0,q.jsx)($r,{query:D,skeleton:(0,q.jsx)(ir,{isHourly:k}),render:e=>(0,q.jsx)(rr,{buckets:e,isHourly:k,legendItems:j})})]})}),(0,q.jsx)(ii,{query:g,groups:w}),(0,q.jsx)(Xr,{})]})}function Yr(e,t,n){let r=e??[];return[...r.some(e=>e.id===t)?[]:[{id:t,label:n(`usageTab.unknownSchedule`,{scheduleId:t})}],...r.map(e=>({id:e.id,label:e.name||e.id}))].map((e,n)=>({seriesKey:Fn(e.id,`schedule`),label:e.label,colorIndex:n,state:e.id===t?`active`:`inactive`}))}function Xr(){let{t:e}=G(`settings`);return(0,q.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,q.jsx)(`div`,{className:`h-px w-full`,style:{background:`linear-gradient(to right, transparent, var(--border-base), transparent)`}}),(0,q.jsx)(Qr,{title:e(`usageTab.costAssistantTitle`),subtitle:e(`usageTab.costAssistantSubtitle`),children:(0,q.jsxs)(`div`,{className:`flex flex-col gap-2 rounded-md px-3 py-3 sm:flex-row sm:items-center`,children:[(0,q.jsx)(Br,{prompt:Kr,children:e(`usageTab.analyzeCostsButton`)}),(0,q.jsx)(Br,{prompt:qr,variant:`ghost`,children:e(`usageTab.optimizeSettingsButton`)})]})})]})}function Zr({range:e,onChange:t}){let{t:n}=G(`settings`);return(0,q.jsx)(`div`,{className:`flex items-center`,children:(0,q.jsx)(Ye,{value:e,onChange:t,options:Object.entries(Vr).map(([e,t])=>({value:e,label:n(t)}))})})}function Qr({title:e,subtitle:t,children:n}){return(0,q.jsxs)(`section`,{className:`flex flex-col gap-3 rounded-md border px-4 py-4`,style:{background:`var(--surface-lift)`,borderColor:`var(--border-base)`},children:[(0,q.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,q.jsx)(`h3`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:e}),t?(0,q.jsx)(`p`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:t}):null]}),n]})}function $r({query:e,skeleton:t,render:n}){let{t:r}=G(`settings`);return e.isLoading?(0,q.jsx)(q.Fragment,{children:t}):e.error?(0,q.jsx)(li,{message:e.error instanceof Error?e.error.message:r(`usageTab.failedToLoadUsage`),onRetry:()=>e.refetch()}):e.data?(0,q.jsx)(q.Fragment,{children:n(e.data)}):(0,q.jsx)(q.Fragment,{children:t})}function ei({totals:e}){let{t}=G(`settings`);return(0,q.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,q.jsxs)(`div`,{className:`flex flex-wrap items-baseline justify-between gap-4`,children:[(0,q.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,q.jsx)(`span`,{style:{fontSize:`30px`,fontWeight:600,lineHeight:1,color:`var(--content-default)`},children:Cn(e.totalEstimatedCostUsd)}),(0,q.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-secondary)`},children:t(`usageTab.costLabel`)})]}),(0,q.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,q.jsx)(`span`,{className:`text-title-small`,style:{color:`var(--content-default)`},children:J(e.eventCount)}),(0,q.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-secondary)`},children:t(`usageTab.llmCallsLabel`)})]})]}),(0,q.jsxs)(`div`,{className:`grid grid-cols-2 gap-3 sm:grid-cols-4`,children:[(0,q.jsx)(ti,{label:t(`usageTab.directInputTokensLabel`),value:J(e.totalInputTokens)}),(0,q.jsx)(ti,{label:t(`usageTab.outputTokensLabel`),value:J(e.totalOutputTokens)}),(0,q.jsx)(ti,{label:t(`usageTab.cacheCreatedLabel`),value:J(e.totalCacheCreationTokens)}),(0,q.jsx)(ti,{label:t(`usageTab.cacheReadLabel`),value:J(e.totalCacheReadTokens)})]})]})}function ti({label:e,value:t}){return(0,q.jsxs)(`div`,{className:`flex flex-col gap-1 rounded-md px-3 py-2`,style:{background:`color-mix(in srgb, var(--border-base) 15%, transparent)`},children:[(0,q.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-default)`},children:t}),(0,q.jsx)(`span`,{className:`text-label-medium-default`,style:{color:`var(--content-tertiary)`},children:e})]})}function ni(){return(0,q.jsxs)(`div`,{className:`flex flex-col gap-4`,"aria-hidden":`true`,children:[(0,q.jsxs)(`div`,{className:`flex flex-wrap items-baseline justify-between gap-4`,children:[(0,q.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,q.jsx)(Y,{width:140,height:30}),(0,q.jsx)(Y,{width:90,height:12})]}),(0,q.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,q.jsx)(Y,{width:60,height:16}),(0,q.jsx)(Y,{width:60,height:12})]})]}),(0,q.jsx)(`div`,{className:`grid grid-cols-2 gap-3 sm:grid-cols-4`,children:Array.from({length:4}).map((e,t)=>(0,q.jsxs)(`div`,{className:`flex flex-col gap-1 rounded-md px-3 py-2`,style:{background:`color-mix(in srgb, var(--border-base) 15%, transparent)`},children:[(0,q.jsx)(Y,{width:`50%`,height:12}),(0,q.jsx)(Y,{width:`70%`,height:11})]},t))})]})}function ri({value:e,onChange:t}){let{t:n}=G(`settings`);return(0,q.jsx)(`div`,{className:`flex items-center`,children:(0,q.jsx)(Ye,{value:e,onChange:t,menuAlign:`end`,menuMinWidth:196,options:Tr.map(e=>({value:e.value,label:Ur(n,e.value)}))})})}function ii({query:e,groups:t}){let{t:n}=G(`settings`),[r,i]=(0,K.useState)(new Set),a=e=>{i(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})};return(0,q.jsx)(Qr,{title:n(`usageTab.breakdownTitle`),children:(0,q.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,q.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,q.jsx)(ai,{label:n(`usageTab.percentOfTotalLabel`),active:r.has(`pct`),onClick:()=>a(`pct`)}),(0,q.jsx)(ai,{label:n(`usageTab.tokensLabel`),active:r.has(`tokens`),onClick:()=>a(`tokens`)}),(0,q.jsx)(ai,{label:n(`usageTab.turnsLabel`),active:r.has(`turns`),onClick:()=>a(`turns`)})]}),(0,q.jsx)($r,{query:e,skeleton:(0,q.jsx)(si,{}),render:e=>(0,q.jsx)(oi,{groups:t??e.response.breakdown,groupBy:e.groupBy,showPct:r.has(`pct`),showTokens:r.has(`tokens`),showTurns:r.has(`turns`)})})]})})}function ai({label:e,active:t,onClick:n}){return(0,q.jsx)(`button`,{type:`button`,onClick:n,className:`rounded-full border px-2.5 py-1 text-label-medium-default`,style:{borderColor:t?`var(--content-secondary)`:`var(--border-base)`,background:t?`color-mix(in srgb, var(--content-secondary) 15%, transparent)`:`transparent`,color:t?`var(--content-default)`:`var(--content-tertiary)`},children:e})}function oi({groups:e,groupBy:t,showPct:n,showTokens:r,showTurns:i}){let{t:a}=G(`settings`),o=l();if(e.length===0)return(0,q.jsx)(ci,{title:a(`usageTab.noBreakdownDataTitle`),subtitle:a(`usageTab.noBreakdownDataSubtitle`)});let s=e.reduce((e,t)=>e+t.totalEstimatedCostUsd,0);return(0,q.jsx)(`div`,{className:`overflow-hidden rounded-md`,children:(0,q.jsxs)(`table`,{className:`w-full table-fixed`,children:[(0,q.jsx)(`thead`,{children:(0,q.jsxs)(`tr`,{style:{borderBottom:`1px solid var(--border-base)`},children:[(0,q.jsx)(`th`,{className:`px-3 py-2.5 text-left text-label-medium-default`,style:{color:`var(--content-tertiary)`},children:a(`usageTab.groupColumnLabel`)}),r?(0,q.jsx)(`th`,{className:`px-3 py-2.5 text-left text-label-medium-default`,style:{color:`var(--content-tertiary)`,width:`35%`},children:a(`usageTab.tokensLabel`)}):null,i?(0,q.jsx)(`th`,{className:`px-3 py-2.5 text-right text-label-medium-default`,style:{color:`var(--content-tertiary)`,width:`72px`},children:a(`usageTab.turnsLabel`)}):null,n?(0,q.jsx)(`th`,{className:`px-3 py-2.5 text-right text-label-medium-default`,style:{color:`var(--content-tertiary)`,width:`64px`},children:`%`}):null,(0,q.jsx)(`th`,{className:`px-3 py-2.5 text-right text-label-medium-default`,style:{color:`var(--content-tertiary)`,width:`100px`},children:a(`usageTab.costLabel`)})]})}),(0,q.jsx)(`tbody`,{children:e.map((e,a)=>{let c=hr(e),l=_r(e),u=t===`conversation`?e.groupId:null,f=s>0?Math.round(e.totalEstimatedCostUsd/s*100):0;return(0,q.jsxs)(`tr`,{className:u?`cursor-pointer hover:bg-[var(--surface-hover)]`:void 0,onClick:u?e=>{e.target.closest(`a`)||Zt(o,u)}:void 0,style:{borderTop:a===0?`none`:`1px solid var(--border-base)`},children:[(0,q.jsx)(`td`,{className:`min-w-0 px-3 py-2`,style:{color:`var(--content-default)`},children:u?(0,q.jsx)(d,{to:nt.conversation(u),className:`block truncate text-body-medium-lighter`,title:e.group,onClick:e=>{dn(e)||(e.preventDefault(),Zt(o,u))},children:e.group}):(0,q.jsx)(`span`,{className:`block truncate text-body-medium-lighter`,title:e.group,children:e.group})}),r?(0,q.jsx)(`td`,{className:`min-w-0 px-3 py-2`,style:{color:`var(--content-secondary)`},children:(0,q.jsx)(`span`,{className:`block truncate text-body-small-default`,title:c,children:l})}):null,i?(0,q.jsx)(`td`,{className:`whitespace-nowrap px-3 py-2 text-right`,children:(0,q.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:e.turnCount==null?`—`:e.turnCount.toLocaleString()})}):null,n?(0,q.jsx)(`td`,{className:`whitespace-nowrap px-3 py-2 text-right`,children:(0,q.jsxs)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:[f,`%`]})}):null,(0,q.jsx)(`td`,{className:`whitespace-nowrap px-3 py-2 text-right`,children:(0,q.jsx)(`span`,{className:`text-body-medium-lighter`,style:{color:`var(--content-default)`},children:Cn(e.totalEstimatedCostUsd)})})]},e.groupKey??e.groupId??`${e.group}-${a}`)})})]})})}function si(){return(0,q.jsx)(`div`,{className:`flex flex-col gap-2`,"aria-hidden":`true`,children:Array.from({length:4}).map((e,t)=>(0,q.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,q.jsx)(Y,{width:100,height:14}),(0,q.jsx)(Y,{width:`60%`,height:12}),(0,q.jsx)(Y,{width:50,height:14})]},t))})}function Y({width:e,height:t}){return(0,q.jsx)(`div`,{className:`rounded-sm`,style:{width:typeof e==`number`?`${e}px`:e,height:`${t}px`,background:`color-mix(in srgb, var(--border-base) 40%, transparent)`}})}function ci({title:e,subtitle:t}){return(0,q.jsxs)(`div`,{className:`flex flex-col items-center gap-1 py-8 text-center`,children:[(0,q.jsx)(`span`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:e}),(0,q.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:t})]})}function li({message:e,onRetry:t}){let{t:n}=G(`settings`);return(0,q.jsxs)(`div`,{className:`flex flex-col gap-2 py-2`,children:[(0,q.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,q.jsx)(Be,{className:`h-4 w-4 shrink-0`,style:{color:`var(--system-negative-strong, #f87171)`}}),(0,q.jsx)(`span`,{className:`text-body-medium-lighter`,style:{color:`var(--content-default)`},children:e})]}),t?(0,q.jsx)(`button`,{type:`button`,onClick:t,className:`self-start rounded-md border px-3 py-1 text-body-small-default`,style:{background:`var(--surface-lift)`,borderColor:`var(--border-base)`,color:`var(--content-default)`},children:n(`usageTab.retry`)}):null]})}function ui({open:e,onCancel:t,onConfirm:n,confirming:r,lostFeatures:i}){let{t:a}=G(`settings`);return(0,q.jsx)(H.Root,{open:e,onOpenChange:e=>{!e&&!r&&t()},children:(0,q.jsxs)(H.Content,{size:`md`,hideCloseButton:!0,children:[(0,q.jsx)(H.Header,{icon:Be,children:(0,q.jsx)(H.Title,{children:a(`downgradeReconfirmModal.title`)})}),(0,q.jsxs)(H.Body,{children:[(0,q.jsx)(v,{as:`p`,variant:`body-medium-default`,className:`text-(--content-secondary)`,children:a(`downgradeReconfirmModal.body`)}),(0,q.jsx)(`ul`,{className:`mt-4 list-disc space-y-2 pl-5`,children:i.map(e=>(0,q.jsx)(`li`,{children:(0,q.jsx)(v,{as:`span`,variant:`body-medium-default`,children:e})},e))})]}),(0,q.jsxs)(H.Footer,{children:[(0,q.jsx)(s,{variant:`outlined`,onClick:t,disabled:r,children:a(`downgradeReconfirmModal.keepPro`)}),(0,q.jsx)(s,{variant:`danger`,onClick:n,disabled:r,"data-testid":`confirm-downgrade-button`,children:a(`downgradeReconfirmModal.confirm`)})]})]})})}function di(e){return W(`settings:creditBundlePicker.optionLabel`,{label:e.label,price:I(e.price_cents)})}function fi({creditTiers:e,selectedCreditTier:t,onCreditTierChange:n,disabled:r=!1}){let{t:i}=G(`settings`),a=(0,K.useMemo)(()=>[{value:null,label:i(`creditBundlePicker.noBundleOption`,{price:I(0)})},...e.map(e=>({value:e.tier,label:di(e)}))],[e,i]);return(0,q.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,q.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,q.jsx)(v,{as:`p`,variant:`label-small-default`,className:`text-[var(--content-secondary)]`,children:i(`creditBundlePicker.label`)}),(0,q.jsx)(`span`,{title:i(`creditBundlePicker.tooltip`),children:(0,q.jsx)(Le,{className:`h-3 w-3 text-[var(--content-tertiary)]`})})]}),(0,q.jsx)(Ye,{"aria-label":i(`creditBundlePicker.ariaLabel`),placeholder:i(`creditBundlePicker.placeholder`),disabled:r,value:t,onChange:e=>n(e),onSelectNone:()=>n(null),options:a})]})}function pi({features:e,variant:t,header:n,maxInline:r=3}){return t===`inline`?(0,q.jsx)(q.Fragment,{children:e.slice(0,r).join(`, `)}):(0,q.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[n&&(0,q.jsx)(v,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-secondary)]`,children:n}),(0,q.jsx)(`ul`,{className:`flex flex-col gap-2`,children:e.map(e=>(0,q.jsxs)(`li`,{className:`flex items-start gap-2`,children:[(0,q.jsx)(O,{className:`mt-0.5 h-4 w-4 shrink-0 text-[var(--content-tertiary)]`,"aria-hidden":!0}),(0,q.jsx)(v,{as:`span`,variant:`body-medium-default`,children:e})]},e))})]})}function mi({plan:e,isCurrent:t,onPro:n,planDisplayName:r,currentPlanFeatures:i,cancelAtPeriodEnd:a,isCanceled:o,cancelDate:c,formatGraceDate:l,proTierChangeMode:u,creditTiersEnabled:d,creditTiers:f,displayCreditTier:p,onCreditTierChange:m,selectedMachineTier:h,selectedStorageTier:g,onMachineTierChange:_,onStorageTierChange:b,machineTiersForPicker:x,storageTiersForPicker:S,currentMachinePrice:C,currentStoragePrice:w,currentCreditPriceUnknown:T,proCurrentTotalCents:E,proLiveTotalCents:D,proTotalDelta:O,onboardingLoading:k,tierChangePending:A,machineChanged:j,storageChanged:M,creditChanged:N,tierChangeError:ee,upgradePending:F,portalPending:ne,onUpgrade:re,onApplyTierChange:ie,onDowngradeClick:ae,onKeepPlan:oe}){let{t:L}=G(`settings`),R=e.id===`pro`,se=e.id===`base`,ce=R&&n&&a&&!o,le=R&&(!t||t&&u),ue=R&&t&&u,de=R&&t;return(0,q.jsx)(y.Root,{className:`flex flex-col bg-[var(--surface-base)]`,children:(0,q.jsxs)(y.Body,{padding:`lg`,className:`max-sm:p-4`,children:[(0,q.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,q.jsx)(`span`,{"aria-hidden":!0,className:`flex h-9 w-9 items-center justify-center rounded-lg border border-[var(--border-base)] bg-[var(--surface-lift)]`,children:R?(0,q.jsx)(gn,{className:`h-5 w-5 text-[var(--content-default)]`}):(0,q.jsx)(_n,{className:`h-5 w-5 text-[var(--content-default)]`})}),(0,q.jsxs)(`div`,{className:`flex min-h-6 items-center gap-2`,children:[(0,q.jsx)(v,{as:`h3`,variant:`title-small`,"data-testid":`modal-plan-name`,children:de?r:e.name}),t&&(0,q.jsx)(Ge,{tone:`positive`,children:L(`planCardContent.current`)})]}),(0,q.jsx)(v,{as:`p`,variant:`body-small-default`,className:`-mt-2 text-[var(--content-tertiary)]`,children:L(se?`planCardContent.baseTagline`:`planCardContent.proTagline`)}),ce&&c&&(0,q.jsx)(v,{as:`p`,variant:`body-small-default`,className:`text-[var(--system-mid-strong)]`,"data-testid":`modal-cancels-on`,children:L(`planCardContent.planEndsOn`,{date:l(c)})}),(0,q.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),(0,q.jsx)(`div`,{className:`flex flex-col gap-1`,children:se?(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(v,{as:`p`,variant:`title-medium`,children:L(`planCardContent.free`)}),(0,q.jsx)(v,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,children:L(`planCardContent.forever`)})]}):t&&!(le&&D!=null)&&(E==null||T)?k?(0,q.jsxs)(`div`,{className:`flex items-center gap-2 text-[var(--content-tertiary)]`,children:[(0,q.jsx)(B,{className:`h-4 w-4 animate-spin`}),(0,q.jsx)(v,{as:`span`,variant:`body-medium-lighter`,children:L(`planCardContent.loadingPlan`)})]}):(0,q.jsx)(v,{as:`p`,variant:`body-medium-lighter`,className:`text-[var(--content-tertiary)]`,"data-testid":`modal-pro-price-unavailable`,children:L(`planCardContent.pricingUnavailable`)}):(0,q.jsxs)(q.Fragment,{children:[(0,q.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,q.jsx)(v,{as:`p`,variant:`title-medium`,"data-testid":`modal-pro-price`,children:le&&D!=null?(0,q.jsxs)(q.Fragment,{children:[I(D),O!=null&&O!==0&&(0,q.jsxs)(`span`,{className:`ml-1 text-[var(--content-tertiary)]`,children:[`(`,te(O),`)`]})]}):E==null?e.id===`pro`?L(`planCardContent.fromPrice`,{price:I(e.base_price_cents+he(e.machine_tiers)+he(e.storage_tiers))}):null:L(`planCardContent.currentlyPrice`,{price:I(E)})}),le&&O!=null&&O!==0&&(0,q.jsx)(`span`,{title:L(`planCardContent.subscriptionChangeTitle`,{from:I(E),to:I(D)}),children:(0,q.jsx)(Le,{className:`h-3 w-3 text-[var(--content-tertiary)]`})})]}),e.id===`pro`&&(0,q.jsx)(v,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,"data-testid":`modal-pro-base-fee`,children:L(`planCardContent.baseFee`,{amount:P(e.base_price_cents)})})]})}),(0,q.jsx)(pi,{features:de&&i?i:e.included_features,variant:`checklist`}),R&&!d&&(0,q.jsx)(v,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,"data-testid":`modal-credits-not-included`,children:L(`planCardContent.creditsNotIncluded`)})]}),(0,q.jsxs)(`div`,{className:`mt-4 flex flex-1 flex-col justify-end gap-4`,children:[!t&&R&&(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),d&&(0,q.jsx)(fi,{creditTiers:f,selectedCreditTier:p,onCreditTierChange:m,disabled:F}),(0,q.jsx)(_e,{machineTiers:x,storageTiers:S,selectedMachineTier:h,selectedStorageTier:g,onMachineTierChange:_,onStorageTierChange:b}),(0,q.jsx)(s,{variant:`primary`,className:`w-full`,onClick:re,disabled:F||!h||!g,"data-testid":`modal-upgrade-to-pro-button`,children:L(`planCardContent.upgradeToPro`)})]}),ue&&(k?(0,q.jsxs)(`div`,{className:`flex items-center gap-2 text-[var(--content-tertiary)]`,children:[(0,q.jsx)(B,{className:`h-4 w-4 animate-spin`}),(0,q.jsx)(v,{as:`span`,variant:`body-medium-lighter`,children:L(`planCardContent.loadingPlan`)})]}):(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),d&&(0,q.jsx)(fi,{creditTiers:f,selectedCreditTier:p,onCreditTierChange:m,disabled:A}),(0,q.jsx)(_e,{machineTiers:x,storageTiers:S,selectedMachineTier:h,selectedStorageTier:g,onMachineTierChange:_,onStorageTierChange:b,currentMachinePriceCents:C,currentStoragePriceCents:w}),ee&&(0,q.jsx)(V,{tone:`error`,children:ee}),(0,q.jsx)(s,{variant:`primary`,className:`w-full`,onClick:ie,disabled:A||!j&&!M&&!N,"data-testid":`modal-change-tier-button`,children:L(`planCardContent.updatePlan`)})]})),!t&&se&&n&&!a&&(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),(0,q.jsx)(s,{variant:`outlined`,className:`w-full`,onClick:ae,disabled:ne,"data-testid":`modal-downgrade-to-base-button`,children:L(`planCardContent.downgradeToBase`)})]}),ce&&(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),(0,q.jsx)(s,{variant:`outlined`,className:`w-full`,onClick:oe,disabled:ne,"data-testid":`modal-keep-plan-button`,children:L(`planCardContent.keepPlan`)})]})]})]})})}function hi({open:e,onClose:t,onTierUpgraded:n}){let{t:r}=G(`settings`),i=p(),a=m(jt()),o=m(Ft()),c=g(At()),l=g(Mt()),u=g(Gt()),d=g(Ut()),f=re(L(o.data)),[h,_]=(0,K.useState)(`plans`),[y,b]=(0,K.useState)(!1),[x,S]=(0,K.useState)(null),[C,T]=(0,K.useState)(null),[E,D]=(0,K.useState)(void 0);(0,K.useEffect)(()=>ht(()=>{i.invalidateQueries({queryKey:Pt()}),i.invalidateQueries({queryKey:zt()}),i.invalidateQueries({queryKey:Lt()}),t()}),[i,t]);let O=o.data?.plan_id,k=O===`pro`,A=m({...Bt(),enabled:k}),j=A.data?.max_machine_tier??null,M=A.data?.selected_storage_tier??null,N=A.data?.selected_storage_gib??null,ee=o.data?.cancel_at_period_end===!0||!!o.data?.cancel_at,te=o.data?.status===`canceled`,P=se(o.data),I=o.data?.status,ne=I!=null&&ce.has(I),ae=k&&ne&&!ee&&!te,R=a.data?.plans.find(e=>e.id===`pro`),de=R?.credit_tiers??[],fe=de.length>0,pe=o.data?.selected_credit_tier??null,me=e=>de.find(t=>t.tier===e)?.price_cents??0,he=me(pe),ge=pe!=null&&!de.some(e=>e.tier===pe),_e=E===void 0?pe:E,ye=me(_e),be=F(o.data?.package),xe=k&&A.isSuccess&&R?ve({machineTier:j,storageTier:M,storageGib:N,creditTier:pe},R):null,Se=R?.machine_tiers??[],Ce=ae&&N!=null?(R?.storage_tiers??[]).map(e=>e.storage_gib<N?{...e,disabled:!0}:e):R?.storage_tiers??[];(0,K.useEffect)(()=>{if(!e){S(null),T(null),D(void 0);return}if(R){if(ae){if(j==null||M==null)return;S(e=>le(Se,e??j)),T(e=>le(Ce,e??M)),D(e=>oe(de,e,pe));return}S(e=>le(R.machine_tiers,e)),T(e=>le(R.storage_tiers,e)),D(e=>oe(de,e,null))}},[e,R,ae,j,M,pe]);let we=a.data?.plans.find(e=>e.id===`base`),Te=new Set(we?.included_features??[]),Ee=(R?.included_features??[]).filter(e=>!Te.has(e)),De=()=>{if(!c.isPending){if(!x||!C){U.error(r(`adjustPlanModal.pickTiersError`),{id:`pro-upgrade-error`});return}c.mutate({body:{target_plan_id:`pro`,confirm:!0,machine_tier:x,storage_tier:C,credit_tier:_e,return_target:ln()}},{onSuccess:e=>{if(e.checkout_url){tt({kind:`custom`,machineTier:x,storageTier:C,creditTier:_e}),Xe(i),mt(e.checkout_url);return}if(e.status===`no_op`){U.info(r(`adjustPlanModal.alreadyOnPro`),{id:`pro-upgrade`}),t();return}U.error(e.message??r(`adjustPlanModal.upgradeFailed`),{id:`pro-upgrade-error`})},onError:e=>{U.error(ie(e,r(`adjustPlanModal.upgradeFailed`)),{id:`pro-upgrade-error`})}})}},Oe=()=>{f.isPending||(_(`plans`),f.mutate({}))},ke=()=>{i.invalidateQueries({queryKey:Pt()}),i.invalidateQueries({queryKey:Lt()}),i.invalidateQueries({queryKey:zt()})},z=l.isPending||u.isPending||d.isPending,Ae=x!=null&&x!==j,je=C!=null&&C!==M,Me=fe&&E!==void 0&&E!==pe,Ne=e=>Se.find(t=>t.tier===e)?.price_cents??null,Pe=e=>Ce.find(t=>t.tier===e)?.price_cents??null,Fe=Ne(x),Ie=Pe(C),Le=Ne(j),Re=Pe(M),ze=Ae&&Fe!=null&&Le!=null&&Fe<Le,Ve=()=>{if(z)return;let e=[];Ae&&x&&e.push(new Promise(e=>{l.mutate({body:{machine_tier:x}},{onSuccess:()=>e({dimension:`machine`,ok:!0}),onError:t=>e({dimension:`machine`,ok:!1,error:t})})})),je&&C&&e.push(new Promise(e=>{u.mutate({body:{storage_tier:C}},{onSuccess:()=>e({dimension:`storage`,ok:!0}),onError:t=>e({dimension:`storage`,ok:!1,error:t})})})),Me&&e.push(new Promise(e=>{d.mutate({body:{credit_tier:_e}},{onSuccess:()=>e({dimension:`credit`,ok:!0}),onError:t=>e({dimension:`credit`,ok:!1,error:t})})})),Promise.all(e).then(e=>{ke();let i=e.some(e=>e.ok&&e.dimension===`storage`),a=e.some(e=>e.ok&&e.dimension===`machine`)&&!ze,o=(i||a)&&!!n,s=e.filter(e=>!e.ok);if(s.length>0){let e=s.map(e=>ie(e.error,`Failed to update ${e.dimension} tier.`)).join(` `);U.error(e,{id:`pro-tier-change-error`}),o&&(t(),n());return}o?(t(),n()):U.success(r(Me&&!Ae&&!je?`adjustPlanModal.creditBundleUpdated`:`adjustPlanModal.planUpdated`),{id:`pro-tier-change`})})},He=()=>{if(!z){if(ze){b(!0);return}Ve()}},Ue=()=>{b(!1),Ve()},We=e=>Fe!=null&&Ie!=null?e.base_price_cents+Fe+Ie+ye:null,Ge=e=>Le!=null&&Re!=null?e.base_price_cents+Le+Re+he:null,Ke=l.isError||u.isError||d.isError?ie(l.error??u.error??d.error,r(`adjustPlanModal.updateFailed`)):null,qe=a.isLoading||o.isLoading,Je=a.isError||o.isError||!a.data||!o.data;return(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(H.Root,{open:e,onOpenChange:e=>{e||(_(`plans`),t())},children:(0,q.jsx)(H.Content,{size:h===`plans`?`lg`:`md`,children:h===`downgrade-confirm`?(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(H.Header,{icon:Be,children:(0,q.jsx)(H.Title,{children:r(`adjustPlanModal.downgradeTitle`)})}),(0,q.jsxs)(H.Body,{children:[(0,q.jsx)(v,{as:`p`,variant:`body-medium-default`,className:`text-(--content-secondary)`,children:r(`adjustPlanModal.downgradeIntro`)}),(0,q.jsx)(`ul`,{className:`mt-4 list-disc space-y-2 pl-5`,children:Ee.map(e=>(0,q.jsx)(`li`,{children:(0,q.jsx)(v,{as:`span`,variant:`body-medium-default`,children:e})},e))})]}),(0,q.jsxs)(H.Footer,{children:[(0,q.jsx)(s,{variant:`ghost`,onClick:()=>_(`plans`),disabled:f.isPending,leftIcon:(0,q.jsx)(w,{className:`h-4 w-4`}),children:r(`adjustPlanModal.back`)}),(0,q.jsx)(s,{variant:`danger`,onClick:Oe,disabled:f.isPending,"data-testid":`confirm-downgrade-button`,children:r(`adjustPlanModal.confirmDowngrade`)})]})]}):(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(H.Header,{children:(0,q.jsx)(H.Title,{className:`sr-only`,children:r(`adjustPlanModal.upgradePlanTitle`)})}),(0,q.jsx)(H.Body,{children:qe?(0,q.jsxs)(`div`,{className:`flex items-center gap-2 text-body-medium-lighter text-[var(--content-tertiary)]`,children:[(0,q.jsx)(B,{className:`h-4 w-4 animate-spin`}),(0,q.jsx)(v,{as:`span`,variant:`body-medium-lighter`,children:r(`adjustPlanModal.loadingPlans`)})]}):Je?(0,q.jsx)(V,{tone:`error`,children:r(`adjustPlanModal.loadPlansError`)}):(0,q.jsxs)(`div`,{className:`space-y-4 sm:space-y-6`,children:[(0,q.jsxs)(`div`,{className:`space-y-2 pb-2 pt-4 text-center`,children:[(0,q.jsx)(v,{as:`p`,variant:`title-medium`,children:r(`adjustPlanModal.heroTitle`)}),(0,q.jsx)(v,{as:`p`,variant:`body-medium-lighter`,className:`text-[var(--content-secondary)]`,children:r(`adjustPlanModal.heroSubtitle`)})]}),(0,q.jsx)(`div`,{className:`grid grid-cols-1 gap-4 md:grid-cols-2`,children:a.data.plans.map(e=>{let t=e.id===O,n=e.id===`pro`&&R?We(R):null,r=e.id===`pro`&&R?Ge(R):null;return(0,q.jsx)(mi,{plan:e,isCurrent:t,onPro:k,planDisplayName:be,currentPlanFeatures:xe,cancelAtPeriodEnd:ee,isCanceled:te,cancelDate:P,formatGraceDate:ue,proTierChangeMode:ae,creditTiersEnabled:fe,creditTiers:de,displayCreditTier:_e,onCreditTierChange:D,selectedMachineTier:x,selectedStorageTier:C,onMachineTierChange:S,onStorageTierChange:T,machineTiersForPicker:Se,storageTiersForPicker:Ce,currentMachinePrice:Le,currentStoragePrice:Re,currentCreditPriceUnknown:ge,proCurrentTotalCents:r,proLiveTotalCents:n,proTotalDelta:n!=null&&r!=null?n-r:null,onboardingLoading:A.isLoading,tierChangePending:z,machineChanged:Ae,storageChanged:je,creditChanged:Me,tierChangeError:Ke,upgradePending:c.isPending,portalPending:f.isPending,onUpgrade:De,onApplyTierChange:He,onDowngradeClick:()=>_(`downgrade-confirm`),onKeepPlan:()=>f.mutate({})},e.id)})})]})}),(0,q.jsxs)(H.Footer,{className:`relative items-center`,children:[(0,q.jsx)(v,{as:`p`,variant:`body-small-default`,className:`pointer-events-none absolute inset-x-0 text-center text-[var(--content-tertiary)]`,children:(0,q.jsx)(`span`,{className:`pointer-events-auto`,children:r(`adjustPlanModal.footerNote`)})}),(0,q.jsx)(`div`,{className:`ml-auto`,children:(0,q.jsx)(s,{variant:`outlined`,onClick:t,"data-testid":`modal-cancel-button`,children:r(`adjustPlanModal.cancel`)})})]})]})})}),(0,q.jsx)(ui,{open:y,onCancel:()=>b(!1),onConfirm:Ue,confirming:z,lostFeatures:[r(`adjustPlanModal.machineDowngradeFeature`)]})]})}function gi({open:e,confirming:t,onCancel:n,onConfirm:r}){let{t:i}=G(`settings`);return(0,q.jsx)(Je,{open:e,title:i(`autoTopUpDisableConfirm.title`),message:i(`autoTopUpDisableConfirm.message`),confirmLabel:i(t?`autoTopUpDisableConfirm.disabling`:`autoTopUpDisableConfirm.disable`),cancelLabel:i(`autoTopUpDisableConfirm.keepEnabled`),destructive:!0,onConfirm:r,onCancel:n})}var _i={threshold_usd:`100`,amount_usd:`10`,monthly_cap_usd:``};function vi(e){if(e===``||e===`-`)return e;let t=parseFloat(e);return Number.isFinite(t)?String(Math.trunc(t)):``}function yi(e){let t={},n=parseFloat(e.threshold_usd),r=parseFloat(e.amount_usd);if((!Number.isFinite(r)||r<10||r>500)&&(t.amount_usd=`Must be between $10 and $500`),(!Number.isFinite(n)||n<1||n>100)&&(t.threshold_usd=`Must be between $1 and $100`),e.monthly_cap_usd!==``){let n=parseFloat(e.monthly_cap_usd);!Number.isFinite(n)||n<25||n>1e4?t.monthly_cap_usd=`Must be between $25 and $10,000`:Number.isFinite(r)&&n<r&&(t.monthly_cap_usd=`Must be at least the top-up amount`)}return t}function bi(e,t,n,r){if(n[e])return n[e];if(r)return t[e]}function xi({initialValues:e=_i,submitting:t,serverErrors:n,onSave:r,onCancel:i}){let{t:a}=G(`settings`),[o,c]=(0,K.useState)(e),[l,u]=(0,K.useState)({threshold_usd:!1,amount_usd:!1,monthly_cap_usd:!1}),d=yi(o),f=e=>t=>{c(n=>({...n,[e]:t.target.value}))},p=e=>()=>{u(t=>({...t,[e]:!0})),c(t=>({...t,[e]:vi(t[e])}))},m=e=>bi(e,d,n,l[e]);return(0,q.jsx)(`div`,{className:`mt-4`,children:(0,q.jsxs)(`div`,{className:`flex flex-wrap items-start gap-2`,children:[(0,q.jsx)(`div`,{className:`w-full max-w-full sm:w-[200px]`,children:(0,q.jsx)(Ke,{type:`number`,step:`1`,label:a(`autoTopUpForm.thresholdLabel`),value:o.threshold_usd,onChange:f(`threshold_usd`),onBlur:p(`threshold_usd`),errorText:m(`threshold_usd`),"data-testid":`auto-top-up-threshold-input`,fullWidth:!0})}),(0,q.jsx)(`div`,{className:`w-full max-w-full sm:w-[200px]`,children:(0,q.jsx)(Ke,{type:`number`,step:`1`,label:a(`autoTopUpForm.amountLabel`),value:o.amount_usd,onChange:f(`amount_usd`),onBlur:p(`amount_usd`),errorText:m(`amount_usd`),"data-testid":`auto-top-up-amount-input`,fullWidth:!0})}),(0,q.jsx)(`div`,{className:`w-full max-w-full sm:w-[200px]`,children:(0,q.jsx)(Ke,{type:`number`,step:`1`,label:a(`autoTopUpForm.capLabel`),value:o.monthly_cap_usd,onChange:f(`monthly_cap_usd`),onBlur:p(`monthly_cap_usd`),errorText:m(`monthly_cap_usd`),"data-testid":`auto-top-up-cap-input`,fullWidth:!0})}),(0,q.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2 pt-[18px]`,children:[(0,q.jsx)(s,{variant:`outlined`,onClick:i,disabled:t,children:a(`autoTopUpForm.cancel`)}),(0,q.jsx)(s,{variant:`primary`,onClick:()=>{u({threshold_usd:!0,amount_usd:!0,monthly_cap_usd:!0});let e={threshold_usd:vi(o.threshold_usd),amount_usd:vi(o.amount_usd),monthly_cap_usd:vi(o.monthly_cap_usd)};c(e);let t=yi(e);if(Object.keys(t).length!==0)return;let n=e=>e===``?``:`${parseInt(e,10)}.00`;r({threshold_usd:n(e.threshold_usd),amount_usd:n(e.amount_usd),monthly_cap_usd:e.monthly_cap_usd===``?``:n(e.monthly_cap_usd)})},disabled:t,"data-testid":`auto-top-up-save-button`,children:a(`autoTopUpForm.save`)})]})]})})}var Si=t(((e,t)=>{t.exports=`SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED`})),Ci=t(((e,t)=>{var n=Si();function r(){}function i(){}i.resetWarningCache=r,t.exports=function(){function e(e,t,r,i,a,o){if(o!==n){var s=Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name=`Invariant Violation`,s}}e.isRequired=e;function t(){return e}var a={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:r};return a.PropTypes=a,a}})),X=e(t(((e,t)=>{t.exports=Ci()()}))(),1);function wi(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function Ti(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?wi(Object(n),!0).forEach(function(t){Di(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):wi(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function Ei(e){"@babel/helpers - typeof";return Ei=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},Ei(e)}function Di(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Oi(e,t){if(e==null)return{};var n={},r=Object.keys(e),i,a;for(a=0;a<r.length;a++)i=r[a],!(t.indexOf(i)>=0)&&(n[i]=e[i]);return n}function ki(e,t){if(e==null)return{};var n=Oi(e,t),r,i;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i<a.length;i++)r=a[i],!(t.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}function Ai(e,t){return ji(e)||Mi(e,t)||Ni(e,t)||Fi()}function ji(e){if(Array.isArray(e))return e}function Mi(e,t){var n=e&&(typeof Symbol<`u`&&e[Symbol.iterator]||e[`@@iterator`]);if(n!=null){var r=[],i=!0,a=!1,o,s;try{for(n=n.call(e);!(i=(o=n.next()).done)&&(r.push(o.value),!(t&&r.length===t));i=!0);}catch(e){a=!0,s=e}finally{try{!i&&n.return!=null&&n.return()}finally{if(a)throw s}}return r}}function Ni(e,t){if(e){if(typeof e==`string`)return Pi(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if(n===`Object`&&e.constructor&&(n=e.constructor.name),n===`Map`||n===`Set`)return Array.from(e);if(n===`Arguments`||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Pi(e,t)}}function Pi(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function Fi(){throw TypeError(`Invalid attempt to destructure non-iterable instance.
|
|
3
3
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var Z=function(e,t,n){var r=!!n,i=K.useRef(n);K.useEffect(function(){i.current=n},[n]),K.useEffect(function(){if(!r||!e)return function(){};var n=function(){i.current&&i.current.apply(i,arguments)};return e.on(t,n),function(){e.off(t,n)}},[r,t,e,i])},Ii=function(e){var t=K.useRef(e);return K.useEffect(function(){t.current=e},[e]),t.current},Li=function(e){return e!==null&&Ei(e)===`object`},Ri=function(e){return Li(e)&&typeof e.then==`function`},zi=function(e){return Li(e)&&typeof e.elements==`function`&&typeof e.createToken==`function`&&typeof e.createPaymentMethod==`function`&&typeof e.confirmCardPayment==`function`},Bi=`[object Object]`,Vi=function e(t,n){if(!Li(t)||!Li(n))return t===n;var r=Array.isArray(t);if(r!==Array.isArray(n))return!1;var i=Object.prototype.toString.call(t)===Bi;if(i!==(Object.prototype.toString.call(n)===Bi))return!1;if(!i&&!r)return t===n;var a=Object.keys(t),o=Object.keys(n);if(a.length!==o.length)return!1;for(var s={},c=0;c<a.length;c+=1)s[a[c]]=!0;for(var l=0;l<o.length;l+=1)s[o[l]]=!0;var u=Object.keys(s);if(u.length!==a.length)return!1;var d=t,f=n;return u.every(function(t){return e(d[t],f[t])})},Hi=function(e,t,n){return Li(e)?Object.keys(e).reduce(function(r,i){var a=!Li(t)||!Vi(e[i],t[i]);return n.includes(i)?(a&&console.warn(`Unsupported prop change: options.${i} is not a mutable property.`),r):a?Ti(Ti({},r||{}),{},Di({},i,e[i])):r},null):null},Ui="Invalid prop `stripe` supplied to `Elements`. We recommend using the `loadStripe` utility from `@stripe/stripe-js`. See https://stripe.com/docs/stripe-js/react#elements-props-stripe for details.",Wi=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:Ui;if(e===null||zi(e))return e;throw Error(t)},Gi=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:Ui;if(Ri(e))return{tag:`async`,stripePromise:Promise.resolve(e).then(function(e){return Wi(e,t)})};var n=Wi(e,t);return n===null?{tag:`empty`}:{tag:`sync`,stripe:n}},Ki=function(e){!e||!e._registerWrapper||!e.registerAppInfo||(e._registerWrapper({name:`react-stripe-js`,version:`6.4.0`}),e.registerAppInfo({name:`react-stripe-js`,version:`6.4.0`,url:`https://stripe.com/docs/stripe-js/react`}))},qi=K.createContext(null);qi.displayName=`ElementsContext`;var Ji=function(e,t){if(!e)throw Error(`Could not find Elements context; You need to wrap the part of your app that ${t} in an <Elements> provider.`);return e},Yi=function(e){var t=e.stripe,n=e.options,r=e.children,i=K.useMemo(function(){return Gi(t)},[t]),a=Ai(K.useState(function(){return{stripe:i.tag===`sync`?i.stripe:null,elements:i.tag===`sync`?i.stripe.elements(n):null}}),2),o=a[0],s=a[1];K.useEffect(function(){var e=!0,t=function(e){s(function(t){return t.stripe?t:{stripe:e,elements:e.elements(n)}})};return i.tag===`async`&&!o.stripe?i.stripePromise.then(function(n){n&&e&&t(n)}):i.tag===`sync`&&!o.stripe&&t(i.stripe),function(){e=!1}},[i,o,n]);var c=Ii(t);K.useEffect(function(){c!==null&&c!==t&&console.warn("Unsupported prop change on Elements: You cannot change the `stripe` prop after setting it.")},[c,t]);var l=Ii(n);return K.useEffect(function(){if(o.elements){var e=Hi(n,l,[`clientSecret`,`fonts`]);e&&o.elements.update(e)}},[n,l,o.elements]),K.useEffect(function(){Ki(o.stripe)},[o.stripe]),K.createElement(qi.Provider,{value:o},r)};Yi.propTypes={stripe:X.default.any,options:X.default.object};var Xi=function(e){return Ji(K.useContext(qi),e)},Zi=function(e){var t=e.children;return t(Xi(`mounts <ElementsConsumer>`))};Zi.propTypes={children:X.default.func.isRequired};var Qi=K.createContext(null);Qi.displayName=`CheckoutContext`;var $i=function(e){var t=K.useContext(Qi),n=K.useContext(qi);if(t){if(n)throw Error(`You cannot wrap the part of your app that ${e} in both a checkout provider and <Elements> provider.`);return t}else return Ji(n,e)},ea=[`mode`],ta=function(e){return e.charAt(0).toUpperCase()+e.slice(1)},Q=function(e,t,n){var r=`${ta(e)}Element`,i=t?function(e){$i(`mounts <${r}>`);var t=e.id,n=e.className;return K.createElement(`div`,{id:t,className:n})}:function(t){var n=t.id,i=t.className,a=t.options,o=a===void 0?{}:a,s=t.onBlur,c=t.onFocus,l=t.onReady,u=t.onChange,d=t.onEscape,f=t.onClick,p=t.onLoadError,m=t.onLoaderStart,h=t.onNetworksChange,g=t.onConfirm,_=t.onCancel,v=t.onShippingAddressChange,y=t.onShippingRateChange,b=t.onSavedPaymentMethodRemove,x=t.onSavedPaymentMethodUpdate,S=t.onAvailablePaymentMethodsChange,C=$i(`mounts <${r}>`),w=`elements`in C?C.elements:null,T=`checkoutState`in C?C.checkoutState:null,E=T?.type===`success`||T?.type===`loading`?T.sdk:null,D=Ai(K.useState(null),2),O=D[0],k=D[1],A=K.useRef(null),j=K.useRef(null);Z(O,`blur`,s),Z(O,`focus`,c),Z(O,`escape`,d),Z(O,`click`,f),Z(O,`loaderror`,p),Z(O,`loaderstart`,m),Z(O,`networkschange`,h),Z(O,`confirm`,g),Z(O,`cancel`,_),Z(O,`shippingaddresschange`,v),Z(O,`shippingratechange`,y),Z(O,`savedpaymentmethodremove`,b),Z(O,`savedpaymentmethodupdate`,x),Z(O,`availablepaymentmethodschange`,S),Z(O,`change`,u);var M;l&&(M=e===`expressCheckout`?l:function(){l(O)}),Z(O,`ready`,M),K.useLayoutEffect(function(){if(A.current===null&&j.current!==null&&(w||E)){var t=null;if(E){var n=E,i=E;switch(e){case`paymentForm`:t=i.createForm(o);break;case`payment`:t=n.createPaymentElement(o);break;case`address`:if(`mode`in o){var a=o.mode,s=ki(o,ea);if(a===`shipping`)t=n.createShippingAddressElement(s);else if(a===`billing`)t=n.createBillingAddressElement(s);else throw Error(`Invalid options.mode. mode must be 'billing' or 'shipping'.`)}else throw Error(`You must supply options.mode. mode must be 'billing' or 'shipping'.`);break;case`expressCheckout`:t=n.createExpressCheckoutElement(o);break;case`currencySelector`:t=E.createCurrencySelectorElement();break;case`taxId`:t=n.createTaxIdElement(o);break;case`contactDetails`:t=n.createContactDetailsElement();break;default:throw Error(`<${r}> is not supported inside a checkout provider. Use an <Elements> provider instead.`)}}else w&&(t=w.create(e,o));A.current=t,k(t),t&&t.mount(j.current)}},[w,E,o]);var N=Ii(o);return K.useEffect(function(){if(A.current){var e=Hi(o,N,[`paymentRequest`]);e&&`update`in A.current&&A.current.update(e)}},[o,N]),K.useLayoutEffect(function(){return function(){if(A.current&&typeof A.current.destroy==`function`)try{A.current.destroy(),A.current=null}catch{}}},[]),K.createElement(`div`,{id:n,className:i,ref:j})};return i.propTypes={id:X.default.string,className:X.default.string,onChange:X.default.func,onBlur:X.default.func,onFocus:X.default.func,onReady:X.default.func,onEscape:X.default.func,onClick:X.default.func,onLoadError:X.default.func,onLoaderStart:X.default.func,onNetworksChange:X.default.func,onConfirm:X.default.func,onCancel:X.default.func,onShippingAddressChange:X.default.func,onShippingRateChange:X.default.func,onSavedPaymentMethodRemove:X.default.func,onSavedPaymentMethodUpdate:X.default.func,onAvailablePaymentMethodsChange:X.default.func,options:X.default.object},i.displayName=r,i.__elementType=e,i},$=typeof window>`u`,na=K.createContext(null);na.displayName=`EmbeddedCheckoutProviderContext`,Q(`auBankAccount`,$),Q(`card`,$),Q(`cardNumber`,$),Q(`cardExpiry`,$),Q(`cardCvc`,$),Q(`iban`,$),Q(`payment`,$),Q(`expressCheckout`,$),Q(`paymentRequestButton`,$),Q(`linkAuthentication`,$),Q(`contactDetails`,$),Q(`address`,$),Q(`shippingAddress`,$),Q(`paymentMethodMessaging`,$),Q(`taxId`,$),Q(`issuingCardNumberDisplay`,$),Q(`issuingCardCvcDisplay`,$),Q(`issuingCardExpiryDisplay`,$),Q(`issuingCardPinDisplay`,$),Q(`issuingCardCopyButton`,$);var ra=`dahlia`,ia=`https://js.stripe.com`,aa=`${ia}/${ra}/stripe.js`,oa=/^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/,sa=/^https:\/\/js\.stripe\.com\/(v3|[a-z]+)\/stripe\.js(\?.*)?$/,ca=`loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used`,la=function(e){return oa.test(e)||sa.test(e)},ua=function(){for(var e=document.querySelectorAll(`script[src^="${ia}"]`),t=0;t<e.length;t++){var n=e[t];if(la(n.src))return n}return null},da=function(e){var t=e&&!e.advancedFraudSignals?`?advancedFraudSignals=false`:``,n=document.createElement(`script`);n.src=`${aa}${t}`;var r=document.head||document.body;if(!r)throw Error(`Expected document.body not to be null. Stripe.js requires a <body> element.`);return r.appendChild(n),n},fa=null,pa=null,ma=null,ha=function(e){return function(t){e(Error(`Failed to load Stripe.js`,{cause:t}))}},ga=function(e,t){return function(){window.Stripe?e(window.Stripe):t(Error(`Stripe.js not available`))}},_a=function(e){return fa===null?(fa=new Promise(function(t,n){if(typeof window>`u`||typeof document>`u`){t(null);return}if(window.Stripe&&e&&console.warn(ca),window.Stripe){t(window.Stripe);return}try{var r=ua();if(r&&e)console.warn(ca);else if(!r)r=da(e);else if(r&&ma!==null&&pa!==null){var i;r.removeEventListener(`load`,ma),r.removeEventListener(`error`,pa),(i=r.parentNode)==null||i.removeChild(r),r=da(e)}ma=ga(t,n),pa=ha(n),r.addEventListener(`load`,ma),r.addEventListener(`error`,pa)}catch(e){n(e);return}}),fa.catch(function(e){return fa=null,Promise.reject(e)})):fa},va,ya=!1,ba=function(){return va||(va=_a(null).catch(function(e){return va=null,Promise.reject(e)}),va)};Promise.resolve().then(function(){return ba()}).catch(function(e){ya||console.warn(e)});function xa(){return typeof document<`u`&&document.documentElement.classList.contains(`dark`)?{theme:`night`}:{theme:`stripe`}}function Sa({open:e,onClose:t,onSavedOptimistic:n}){let{t:r}=G(`settings`),i=g(Dt()),{mutate:a,reset:o}=i;return(0,K.useEffect)(()=>{e||o()},[e,a,o]),(0,K.useMemo)(()=>xa(),[i.data?.client_secret??null]),(0,q.jsx)(H.Root,{open:e,onOpenChange:e=>{e||t()},children:(0,q.jsxs)(H.Content,{size:`sm`,children:[(0,q.jsx)(H.Header,{children:(0,q.jsx)(H.Title,{children:r(`autoTopUpPaymentMethodModal.title`)})}),(0,q.jsx)(H.Body,{className:`min-h-[260px]`,children:(0,q.jsx)(Ca,{})})]})})}function Ca(){let{t:e}=G(`settings`);return(0,K.useEffect)(()=>{console.warn(`[AutoTopUpPaymentMethodModal] VITE_STRIPE_PUBLISHABLE_KEY is not set; the payment-method modal cannot mount Stripe Elements.`)},[]),(0,q.jsx)(V,{tone:`error`,children:e(`autoTopUpPaymentMethodModal.unavailable`)})}var wa=1500,Ta=2e4;function Ea(){let e=p();return async()=>{let t=e.getQueryData(yt())?.stripe_payment_method_updated_at??null,n=Date.now();try{await e.invalidateQueries({queryKey:yt()})}catch{}for(;Date.now()-n<Ta;){try{let n=await e.fetchQuery(Et());if(n.has_payment_method&&n.stripe_payment_method_updated_at!==t)break}catch{}await new Promise(e=>setTimeout(e,wa))}}}function Da(){let e=p(),t=Ea(),{mutateAsync:n}=g(Ct());return async({setupIntentId:r})=>{if(r!=null)try{Tt(e,void 0,await n({body:{setup_intent_id:r}}));return}catch{}await t()}}function Oa(e){if(!e||typeof e!=`object`||Array.isArray(e))return{};let t={};for(let[n,r]of Object.entries(e))Array.isArray(r)&&typeof r[0]==`string`&&(t[n]=r[0]);return t}function ka(e){if(!e)return``;let t=parseFloat(e);return Number.isFinite(t)?String(Math.trunc(t)):``}var Aa={enabled:!1,threshold_usd:null,amount_usd:null,monthly_cap_usd:null,has_payment_method:!1,payment_method_brand:null,payment_method_last4:null,stripe_payment_method_updated_at:null,last_charge_at:null,last_failure_at:null,last_failure_reason:null,disabled_due_to_repeated_failures:!1,paused_until:null,current_month_credits_purchased_usd:`0.00`,current_month_charged_usd:`0.00`,next_trigger_amount_usd:null,stubbed:!1};function ja({testId:e,children:t}){return(0,q.jsx)(`div`,{"data-testid":e,className:`flex h-8 min-w-0 flex-1 items-center gap-1.5 rounded-lg bg-[var(--surface-base)] px-2`,children:t})}function Ma(){let{t:e}=G(`settings`),t=p(),n=m(Et()),r=g(vt()),i=g(Xt()),a=Da(),[o,c]=u(),l=(0,K.useRef)(null),[d,f]=(0,K.useState)(`view`),[h,_]=(0,K.useState)(!1),[y,b]=(0,K.useState)(!1),[x,S]=(0,K.useState)(!1),[C,w]=(0,K.useState)(!1),[T,E]=(0,K.useState)(!1),D=(0,K.useRef)(!1),O=n.data?.has_payment_method===!0;(0,K.useEffect)(()=>{D.current&&!O&&(S(!1),f(`view`),_(!1)),D.current=O},[O]);let A=()=>{r.reset(),i.reset(),f(`form`)},j=e=>{if(_(!0),!e.has_payment_method||e.disabled_due_to_repeated_failures===!0){S(!0),w(!1);return}S(!1),A()},M=n.data?.has_payment_method===!0,N=n.data?.enabled===!0,ee=n.data?.disabled_due_to_repeated_failures===!0;(0,K.useEffect)(()=>{x&&M&&!ee&&(S(!1),h&&!N&&A())},[x,h,M,N,ee]);let te=o.get(`configure_top_up`)===`1`;if((0,K.useEffect)(()=>{if(!te||n.data==null)return;let e=new URLSearchParams(o);e.delete(`configure_top_up`),c(e,{replace:!0});let t=n.data;if(t.enabled===!0)return;j(t);let r=typeof window<`u`&&window.matchMedia?.(`(prefers-reduced-motion: reduce)`).matches===!0;l.current?.scrollIntoView({behavior:r?`auto`:`smooth`,block:`center`})},[te,n.data]),n.isLoading)return(0,q.jsx)(`div`,{"data-testid":`auto-top-up-card`,children:(0,q.jsx)(`p`,{className:`text-body-medium-lighter text-[var(--content-tertiary)]`,children:e(`autoTopUpCard.loading`)})});if(n.isError||!n.data)return(0,q.jsx)(`div`,{"data-testid":`auto-top-up-card`,children:(0,q.jsx)(V,{tone:`error`,children:e(`autoTopUpCard.loadError`)})});let P=n.data,F=P.enabled===!0,I=P.disabled_due_to_repeated_failures===!0&&!F,ne=()=>{f(`view`),_(!1)},re=()=>{i.reset(),b(!1)},ie=e=>{r.mutate({body:{enabled:!0,threshold_usd:e.threshold_usd,amount_usd:e.amount_usd,monthly_cap_usd:e.monthly_cap_usd===``?null:e.monthly_cap_usd}},{onSuccess:e=>{Tt(t,void 0,t=>({...e,payment_method_brand:t?.payment_method_brand??null,payment_method_last4:t?.payment_method_last4??null})),t.invalidateQueries({queryKey:yt()}),F||(t.invalidateQueries({queryKey:kt()}),t.invalidateQueries({queryKey:Yt()})),ne()}})},ae=()=>{i.mutate({},{onSuccess:()=>{Tt(t,void 0,e=>({...Aa,has_payment_method:e?.has_payment_method??!1,payment_method_brand:e?.payment_method_brand??null,payment_method_last4:e?.payment_method_last4??null,stripe_payment_method_updated_at:e?.stripe_payment_method_updated_at??null})),b(!1),f(`view`),_(!1)}})},oe=e=>{if(e&&!F){j(P);return}if(!e&&!F&&h){S(!1),ne();return}!e&&F&&b(!0)},L=async e=>{await a(e),S(!1),h&&A()},R=d===`form`,se=Oa(r.error),ce=r.isError&&Object.keys(se).length===0;return(0,q.jsxs)(`div`,{ref:l,"data-testid":`auto-top-up-card`,children:[(0,q.jsx)(`div`,{className:`flex items-center justify-between gap-4`,children:(0,q.jsx)(qe,{checked:F||h,onChange:oe,label:e(`autoTopUpCard.toggleLabel`)})}),F&&!R&&(0,q.jsxs)(`div`,{className:`mt-3 flex w-full items-center gap-2`,children:[(0,q.jsxs)(ja,{testId:`auto-top-up-summary`,children:[(0,q.jsx)(k,{className:`h-3.5 w-3.5 shrink-0 text-[var(--content-default)]`,"aria-hidden":`true`}),(0,q.jsx)(v,{variant:`body-medium-default`,className:`truncate text-[var(--content-default)]`,children:e(`autoTopUpCard.summary`,{amount:z(P.amount_usd),threshold:z(P.threshold_usd)})})]}),P.monthly_cap_usd!=null&&(0,q.jsx)(ja,{testId:`auto-top-up-cap-progress`,children:(0,q.jsxs)(v,{variant:`body-medium-default`,className:`truncate text-[var(--content-default)]`,children:[(0,q.jsx)(`span`,{children:z(P.current_month_credits_purchased_usd)}),(0,q.jsx)(`span`,{className:`text-[var(--content-tertiary)]`,children:e(`autoTopUpCard.capProgress`,{cap:z(P.monthly_cap_usd)})})]})}),(0,q.jsx)(s,{variant:`outlined`,onClick:A,"data-testid":`auto-top-up-edit-button`,className:`shrink-0`,children:e(`autoTopUpCard.adjust`)})]}),I&&(0,q.jsx)(V,{tone:`warning`,className:`mt-3`,"data-testid":`auto-top-up-declined-cutoff`,actions:(0,q.jsx)(s,{variant:`outlined`,onClick:()=>E(!0),"data-testid":`auto-top-up-add-pm-button`,children:e(`autoTopUpCard.addPaymentMethod`)}),children:e(`autoTopUpCard.declinedCutoffNotice`)}),(0,q.jsx)(`div`,{className:`grid transition-[grid-template-rows] duration-200 ease-in-out`,style:{gridTemplateRows:x&&!I?`1fr`:`0fr`},children:(0,q.jsx)(`div`,{className:`overflow-hidden`,children:(0,q.jsxs)(`div`,{className:`mt-3 flex flex-col gap-3`,children:[!C&&(0,q.jsxs)(`div`,{className:`flex h-8 items-center justify-between gap-3 rounded-lg bg-[var(--system-mid-weak)] px-2`,children:[(0,q.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,q.jsx)(Le,{className:`h-4 w-4 shrink-0 text-[var(--system-mid-strong)]`,"aria-hidden":`true`}),(0,q.jsx)(v,{variant:`body-medium-default`,className:`truncate text-[var(--system-mid-strong)]`,children:e(`autoTopUpCard.connectCardBanner`)})]}),(0,q.jsx)(`button`,{type:`button`,"aria-label":e(`autoTopUpCard.dismiss`),onClick:()=>w(!0),className:`flex shrink-0 cursor-pointer items-center justify-center rounded p-0.5 text-[var(--system-mid-strong)] opacity-70 transition-opacity hover:opacity-100`,children:(0,q.jsx)(He,{className:`h-2.5 w-2.5`,strokeWidth:2,"aria-hidden":`true`})})]}),(0,q.jsx)(s,{variant:`primary`,onClick:()=>E(!0),"data-testid":`auto-top-up-add-pm-button`,className:`self-start`,children:e(`autoTopUpCard.addCreditCard`)})]})})}),ce&&(0,q.jsx)(V,{tone:`error`,className:`mt-4`,"data-testid":`auto-top-up-update-error`,children:e(`autoTopUpCard.updateError`)}),i.isError&&(0,q.jsx)(V,{tone:`error`,className:`mt-4`,"data-testid":`auto-top-up-disable-error`,children:e(`autoTopUpCard.disableError`)}),R&&(0,q.jsx)(xi,{initialValues:F?{threshold_usd:ka(P.threshold_usd),amount_usd:ka(P.amount_usd),monthly_cap_usd:ka(P.monthly_cap_usd)}:void 0,submitting:r.isPending,serverErrors:se,onCancel:ne,onSave:ie}),(0,q.jsx)(gi,{open:y,confirming:i.isPending,onCancel:re,onConfirm:ae}),(0,q.jsx)(Sa,{open:T,onClose:()=>E(!1),onSavedOptimistic:L})]})}function Na({title:e,subtitle:t,actions:n}){return(0,q.jsxs)(`div`,{className:`flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between sm:gap-4`,children:[(0,q.jsxs)(`div`,{className:`min-w-0`,children:[(0,q.jsx)(v,{as:`h2`,variant:`title-medium`,className:`text-[var(--content-emphasised)]`,children:e}),t!=null&&(0,q.jsx)(v,{as:`p`,variant:`body-medium-default`,className:`mt-2 text-[var(--content-tertiary)]`,children:t})]}),n!=null&&(0,q.jsx)(`div`,{className:`flex shrink-0 items-center gap-2`,children:n})]})}function Pa(e,t){let[n]=(0,K.useState)(()=>window.location.hash===`#${e}`),[r,i]=(0,K.useState)(!1);(0,K.useEffect)(()=>{if(!n||r||!t)return;let a=document.getElementById(e);if(!a)return;i(!0);let o=window.matchMedia(`(prefers-reduced-motion: reduce)`).matches;a.scrollIntoView({behavior:o?`auto`:`smooth`,block:`start`})},[n,r,t,e])}var Fa=`daily-credit-limit`;function Ia(e){let t=e.trim();if(t===``)return W(`settings:dailyCreditLimitCard.errorEmpty`);let n=parseFloat(t);if(!Number.isFinite(n)||n<1)return W(`settings:dailyCreditLimitCard.errorMin`);if(!/^\d+(\.\d{1,2})?$/.test(t))return W(`settings:dailyCreditLimitCard.errorDecimals`)}function La(){let{t:e}=G(`settings`),t=p(),n=m(bt()),r=m(Kt()),i=m(Et()),a=g(gt()),o=De();Pa(Fa,!n.isLoading&&!r.isLoading);let[c,l]=(0,K.useState)(null),[u,d]=(0,K.useState)(!1),[f,h]=(0,K.useState)(!1);if(n.isLoading)return(0,q.jsx)(`div`,{"data-testid":`daily-credit-limit-card`,children:(0,q.jsx)(`p`,{className:`text-body-medium-lighter text-[var(--content-tertiary)]`,children:e(`dailyCreditLimitCard.loading`)})});if(n.isError||!n.data)return(0,q.jsx)(`div`,{"data-testid":`daily-credit-limit-card`,children:(0,q.jsx)(V,{tone:`error`,children:e(`dailyCreditLimitCard.loadError`)})});let _=n.data,v=_.daily_credit_limit_usd!=null,y=v||f,b=c??_.daily_credit_limit_usd??``,x=Ia(b),S=r.data,C=S?.daily_spend_usd??_.current_day_spent_usd,w=S?.daily_limit_reached===!0,T=_.daily_limit_snoozed===!0||S?.daily_limit_snoozed===!0,E=je(),D=i.data?.enabled===!0&&!i.isError,O=e=>{l(e.target.value)},k=e=>{a.mutate({body:{daily_credit_limit_usd:e}},{onSuccess:n=>{Ot(t,void 0,n),t.invalidateQueries({queryKey:kt()}),t.invalidateQueries({queryKey:Yt()}),l(null),d(!1),e===null&&h(!1)}})},A=e=>{if(e){h(!0);return}v&&D||(h(!1),l(null),d(!1),v&&k(null))},j=()=>{d(!0),!x&&k(parseFloat(b.trim()).toFixed(2))},M=Oa(a.error).daily_credit_limit_usd??(a.isError?e(`dailyCreditLimitCard.saveError`):void 0),N=u?x:void 0;return(0,q.jsxs)(`div`,{"data-testid":`daily-credit-limit-card`,children:[(0,q.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,q.jsx)(qe,{checked:y,onChange:A,disabled:a.isPending||v&&D,label:e(`dailyCreditLimitCard.toggleLabel`)}),D&&(0,q.jsx)(`p`,{className:`text-body-small-default text-[var(--content-tertiary)]`,"data-testid":`daily-credit-limit-required-note`,children:e(`dailyCreditLimitCard.requiredNote`)}),y&&(0,q.jsxs)(q.Fragment,{children:[(0,q.jsxs)(`div`,{className:`flex flex-wrap items-start gap-3`,children:[(0,q.jsx)(`div`,{className:`w-60 max-w-full`,children:(0,q.jsx)(Ke,{type:`number`,step:`0.01`,min:`1`,label:e(`dailyCreditLimitCard.inputLabel`),helperText:e(`dailyCreditLimitCard.helperText`,{time:E}),placeholder:`0.00`,value:b,onChange:O,onBlur:()=>d(!0),errorText:N,"data-testid":`daily-credit-limit-input`,fullWidth:!0})}),(0,q.jsx)(`div`,{className:`flex shrink-0 items-center gap-2 pt-[18px]`,children:(0,q.jsx)(s,{variant:`primary`,onClick:j,disabled:a.isPending,"data-testid":`daily-credit-limit-save-button`,children:e(`dailyCreditLimitCard.save`)})})]}),v&&_.daily_credit_limit_usd!=null&&(0,q.jsx)(`p`,{className:`text-body-small-default text-[var(--content-tertiary)]`,"data-testid":`daily-credit-limit-progress`,children:e(`dailyCreditLimitCard.progress`,{spent:Ne(C),limit:Ne(_.daily_credit_limit_usd)})}),T&&(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(V,{tone:`info`,"data-testid":`daily-credit-limit-skipped`,actions:(0,q.jsx)(s,{variant:`outlined`,size:`compact`,onClick:()=>o.mutate({}),disabled:o.isPending,"data-testid":`daily-credit-limit-resume-button`,children:e(`dailyCreditLimitCard.resumeNow`)}),children:e(`dailyCreditLimitCard.skippedNotice`,{time:E})}),o.isError&&(0,q.jsx)(V,{tone:`error`,"data-testid":`daily-credit-limit-resume-error`,children:e(`dailyCreditLimitCard.resumeError`)})]}),w&&(0,q.jsx)(V,{tone:`warning`,"data-testid":`daily-credit-limit-reached`,children:e(`dailyCreditLimitCard.reachedNotice`,{time:E})})]})]}),M!=null&&(0,q.jsx)(V,{tone:`error`,className:`mt-4`,"data-testid":`daily-credit-limit-update-error`,children:M})]})}function Ra(e){if(e.trim()===``)return;let t=parseFloat(e);if(!Number.isFinite(t)||t<1||t>1e3)return W(`settings:lowBalanceAlertCard.errorRange`);if(!/^\d+(\.\d{1,2})?$/.test(e.trim()))return W(`settings:lowBalanceAlertCard.errorDecimals`)}function za(){let{t:e}=G(`settings`),t=p(),n=m(Wt()),r=g(It()),[i,a]=(0,K.useState)(null),[o,c]=(0,K.useState)(!1);if(n.isLoading)return(0,q.jsx)(`div`,{"data-testid":`low-balance-alert-card`,children:(0,q.jsx)(`p`,{className:`text-body-medium-lighter text-[var(--content-tertiary)]`,children:e(`lowBalanceAlertCard.loading`)})});if(n.isError||!n.data)return(0,q.jsx)(`div`,{"data-testid":`low-balance-alert-card`,children:(0,q.jsx)(V,{tone:`error`,children:e(`lowBalanceAlertCard.loadError`)})});let l=n.data,u=i??l.threshold_usd??``,d=Ra(u),f=e=>{a(e.target.value)},h=e=>{r.mutate({body:{threshold_usd:e}},{onSuccess:e=>{Ht(t,void 0,e),t.invalidateQueries({queryKey:Rt()}),a(null),c(!1)}})},_=()=>{if(c(!0),d)return;let e=u.trim();h(e===``?null:parseFloat(e).toFixed(2))},v=()=>{a(``),c(!1),h(null)},y=r.isError,b=o?d:void 0;return(0,q.jsxs)(`div`,{"data-testid":`low-balance-alert-card`,children:[(0,q.jsxs)(`div`,{className:`flex flex-wrap items-start gap-3`,children:[(0,q.jsx)(`div`,{className:`w-60 max-w-full`,children:(0,q.jsx)(Ke,{type:`number`,step:`0.01`,label:e(`lowBalanceAlertCard.label`),helperText:e(`lowBalanceAlertCard.helperText`,{amount:Ne(l.default_threshold_usd)}),placeholder:l.effective_threshold_usd,value:u,onChange:f,onBlur:()=>c(!0),errorText:b,"data-testid":`low-balance-alert-input`,fullWidth:!0})}),(0,q.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2 pt-[18px]`,children:[l.threshold_usd!=null&&(0,q.jsx)(s,{variant:`outlined`,onClick:v,disabled:r.isPending,"data-testid":`low-balance-alert-reset-button`,children:e(`lowBalanceAlertCard.reset`)}),(0,q.jsx)(s,{variant:`primary`,onClick:_,disabled:r.isPending,"data-testid":`low-balance-alert-save-button`,children:e(`lowBalanceAlertCard.save`)})]})]}),y&&(0,q.jsx)(V,{tone:`error`,className:`mt-4`,"data-testid":`low-balance-alert-update-error`,children:e(`lowBalanceAlertCard.saveError`)})]})}function Ba(e){return e.replace(/\.00$/,``)}function Va({icon:e,value:t,label:n}){return(0,q.jsxs)(`div`,{className:`flex h-8 min-w-0 flex-1 items-center gap-1.5 rounded-lg bg-[var(--surface-base)] px-2 py-1.5`,children:[(0,q.jsx)(`span`,{"aria-hidden":`true`,className:`flex h-3.5 w-3.5 shrink-0 items-center justify-center text-[var(--content-default)]`,children:e}),(0,q.jsx)(v,{variant:`body-medium-default`,as:`span`,className:`text-[var(--content-default)]`,children:t}),(0,q.jsx)(v,{variant:`body-small-default`,as:`span`,className:`min-w-0 truncate text-[var(--content-tertiary)]`,children:n})]})}function Ha(){let{t:e}=G(`settings`),{data:t,isLoading:n,isError:r}=m(qt()),[i,a]=(0,K.useState)(!1),o=(0,K.useCallback)(t=>{rn(t,{successMessage:e(`referralContent.copySuccess`),errorMessage:e(`referralContent.copyError`),onCopied:()=>{a(!0),setTimeout(()=>a(!1),2e3)}})},[e]),c=t?.is_eligible_for_credits===!1;return(0,q.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,q.jsx)(v,{as:`p`,variant:`body-medium-default`,className:`text-[var(--content-tertiary)]`,children:c?e(`referralContent.subtitleGated`):t?e(`referralContent.subtitleWithAmounts`,{creditAmount:Ba(t.referrer_credit_amount),earningCap:Ba(t.earning_cap)}):e(`referralContent.subtitleDefault`)}),c&&(0,q.jsx)(v,{as:`p`,variant:`body-medium-default`,className:`text-[var(--content-tertiary)]`,children:e(`referralContent.gatedNotice`)}),n?(0,q.jsxs)(`div`,{className:`flex items-center gap-2 text-body-medium-lighter text-[var(--content-tertiary)]`,children:[(0,q.jsx)(B,{className:`h-4 w-4 animate-spin`}),e(`referralContent.loading`)]}):r||!t?(0,q.jsx)(V,{tone:`error`,children:e(`referralContent.loadError`)}):(0,q.jsxs)(`div`,{className:`flex flex-wrap items-start gap-2`,children:[(0,q.jsx)(Va,{icon:(0,q.jsx)(k,{className:`h-3.5 w-3.5`}),value:Ba(t.total_earned),label:e(`referralContent.creditsEarned`)}),(0,q.jsx)(Va,{icon:(0,q.jsx)(Ve,{className:`h-3.5 w-3.5`}),value:t.referred_count,label:e(`referralContent.friendsReferred`)}),(0,q.jsx)(s,{variant:`outlined`,className:`shrink-0`,onClick:()=>o(t.referral_url),leftIcon:i?(0,q.jsx)(T,{className:`h-3.5 w-3.5`}):(0,q.jsx)(b,{className:`h-3.5 w-3.5`}),"data-testid":`referral-copy-button`,children:e(i?`referralContent.copied`:`referralContent.shareLink`)})]})]})}function Ua({open:e,onOpenChange:t}){let{t:n}=G(`settings`);return(0,q.jsx)(H.Root,{open:e,onOpenChange:t,children:(0,q.jsxs)(H.Content,{"data-testid":`referral-modal`,children:[(0,q.jsx)(H.Header,{children:(0,q.jsx)(H.Title,{children:n(`referralModal.title`)})}),(0,q.jsx)(H.Body,{children:(0,q.jsx)(Ha,{})})]})})}var Wa=2e3;function Ga(e){let t=parseFloat(e);if(Number.isNaN(t))return`0`;let n=Math.abs(t).toLocaleString(`en-US`,{minimumFractionDigits:2,maximumFractionDigits:2}),r=n.endsWith(`.00`)?n.slice(0,-3):n;return t<0?`-${r}`:r}function Ka(){let{t:e}=G(`settings`),t=p(),n=we(),{data:r,isLoading:i,isError:a}=m(Kt()),o=r??null,[c,l]=(0,K.useState)(!1),[u,d]=(0,K.useState)(!1),[f,h]=(0,K.useState)(!1),g=(0,K.useRef)(0),_=(0,K.useRef)(null),v=St({onSuccess:()=>{t.invalidateQueries({queryKey:Yt()})},onError:()=>{g.current<3&&(_.current=setTimeout(()=>{v.reset()},Wa))}});(0,K.useEffect)(()=>()=>{_.current&&clearTimeout(_.current)},[]);let b=v.mutate;(0,K.useEffect)(()=>{o&&o.settled_balance===`0.00`&&o.pending_compute===`0.00`&&o.effective_balance===`0.00`&&g.current<3&&!v.isPending&&!v.isError&&!v.isSuccess&&(g.current+=1,b({}))},[o,v.isPending,v.isError,v.isSuccess,b]);let x=(0,q.jsx)(Na,{title:e(`billingPanel.title`),subtitle:e(`billingPanel.subtitle`),actions:(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(s,{variant:`outlined`,leftIcon:(0,q.jsx)(k,{className:`h-4 w-4`,"aria-hidden":!0}),onClick:()=>d(!0),"data-testid":`earn-credits-button`,children:e(`billingPanel.earnCreditsButton`)}),(0,q.jsx)(s,{variant:`primary`,onClick:()=>l(!0),disabled:i||!o,"data-testid":`add-credits-button`,children:e(`billingPanel.addCreditsButton`)})]})});return(0,q.jsxs)(q.Fragment,{children:[(0,q.jsxs)(y,{padding:`md`,children:[x,i?(0,q.jsxs)(`div`,{className:`mt-4 flex items-center gap-2 text-body-medium-lighter text-[var(--content-tertiary)]`,children:[(0,q.jsx)(B,{className:`h-4 w-4 animate-spin`}),e(`billingPanel.loading`)]}):a?(0,q.jsx)(`div`,{className:`mt-4`,children:(0,q.jsx)(V,{tone:`error`,children:e(`billingPanel.loadError`)})}):o?(0,q.jsxs)(q.Fragment,{children:[(()=>{if(!o)return null;let t=Se(n,o.effective_balance,o.available_usage_balance),r=parseFloat(t)<0,i=Ga(t),a=i.startsWith(`-`)?`-$${i.slice(1)}`:`$${i}`;return(0,q.jsx)(`div`,{className:`mt-4`,children:(0,q.jsx)(We,{icon:(0,q.jsx)(k,{className:`h-4 w-4`,"aria-hidden":!0}),value:(0,q.jsx)(`span`,{"data-testid":`effective-balance`,children:a}),label:e(`billingPanel.balanceLabel`),tone:r?`negative`:`default`})})})(),o.is_degraded&&(0,q.jsx)(`div`,{className:`mt-4`,children:(0,q.jsx)(V,{tone:`warning`,children:e(`billingPanel.degradedNotice`)})})]}):(0,q.jsx)(`p`,{className:`mt-4 text-body-medium-lighter text-[var(--content-tertiary)]`,children:e(`billingPanel.noInfo`)}),(0,q.jsx)(`div`,{className:`mt-6`,children:(0,q.jsx)(Ma,{})}),(0,q.jsx)(`div`,{id:Fa,className:`mt-6 scroll-mt-4 border-t border-[var(--border-base)] pt-6`,children:(0,q.jsx)(La,{})}),(0,q.jsx)(`div`,{className:`mt-6 border-t border-[var(--border-base)] pt-6`,children:(0,q.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,q.jsx)(qe,{checked:f,onChange:h,label:e(`billingPanel.lowBalanceToggle`)}),f&&(0,q.jsx)(za,{})]})})]}),(0,q.jsx)(un,{open:c,onOpenChange:l}),(0,q.jsx)(Ua,{open:u,onOpenChange:d})]})}var qa=1e3,Ja=15e3,Ya=3e3,Xa=45e3,Za=`billing-portal-return`;function Qa(e,t){if(!e)return{kind:`info`,message:W(`settings:billingPortalReturnHandler.subscriptionUpdated`)};let n=e.cancel_at_period_end||!!e.cancel_at,r=t.cancel_at_period_end||!!t.cancel_at;return!n&&r?{kind:`info`,message:W(`settings:billingPortalReturnHandler.proCanceled`,{date:t.cancel_at?ue(t.cancel_at):W(`settings:billingPortalReturnHandler.endOfBillingPeriod`)})}:n&&!r?{kind:`success`,message:W(`settings:billingPortalReturnHandler.proReactivated`)}:{kind:`info`,message:W(`settings:billingPortalReturnHandler.subscriptionUpdated`)}}function $a(){let[e]=u(),t=l(),n=p(),r=(0,K.useRef)(null);return(0,K.useEffect)(()=>()=>{r.current!==null&&(clearInterval(r.current),r.current=null)},[]),(0,K.useEffect)(()=>{if(e.get(`portal_return`)!==`true`)return;let i={current:!1},a=R(),o=Ft(),s=Pt(),c=Date.now();async function l(){await n.invalidateQueries({queryKey:s});let e=await n.fetchQuery(o);return{cancel_at_period_end:e.cancel_at_period_end,cancel_at:e.cancel_at}}async function u(){let e=await l();for(;!i.current&&a&&e.cancel_at_period_end===a.cancel_at_period_end&&e.cancel_at===a.cancel_at&&Date.now()-c<Ja&&(await new Promise(e=>setTimeout(e,qa)),!i.current);)e=await l();return e}return(async()=>{try{let e=await u();if(i.current)return;let{kind:t,message:n}=Qa(a,e);t===`success`?U.success(n,{id:Za}):U.info(n,{id:Za})}catch{if(i.current)return;U.info(W(`settings:billingPortalReturnHandler.subscriptionUpdated`),{id:Za})}finally{if(!i.current){pe(),t(nt.settings.usageBilling,{replace:!0});let e=Date.now();r.current!==null&&clearInterval(r.current),r.current=setInterval(()=>{if(Date.now()-e>=Xa){r.current!==null&&(clearInterval(r.current),r.current=null);return}l().catch(e=>{console.error(`billing poll error:`,e)})},Ya)}}})(),()=>{i.current=!0}},[e,t,n]),null}var eo=[7,30,90],to=eo.map(e=>({value:`${e}`,label:`Last ${e} days`}));function no(e,t=en()){let{fromDate:n,toDate:r}=mn(e,t);return{from:n,to:r}}function ro({value:e,onChange:t}){return(0,q.jsx)(Ye,{options:to,value:`${eo.find(t=>t===e)??30}`,onChange:e=>t(Number(e)),"aria-label":`Date range`})}var io={strokeDasharray:`3 3`,stroke:`var(--border-subtle)`,strokeOpacity:.4},ao={fontSize:12,fill:`var(--content-tertiary)`},oo={stroke:`var(--border-subtle)`,strokeOpacity:.4},so=[`#3b82f6`,`#10b981`,`#f59e0b`,`#ef4444`,`#8b5cf6`,`#06b6d4`,`#ec4899`,`#84cc16`];function co({item:e}){return(0,q.jsxs)(`div`,{className:`flex items-center gap-2 py-0.5 text-[13px] text-[var(--content-default)]`,children:[(0,q.jsx)(`span`,{className:`h-2 w-2 shrink-0 rounded-full`,style:{backgroundColor:e.color}}),(0,q.jsx)(`span`,{children:e.label}),(0,q.jsx)(`span`,{className:`ml-auto tabular-nums`,children:e.value})]})}function lo({active:e,payload:t,hoveredKey:n,label:r,labelMap:i,colorMap:a,formatValue:o,showTotal:s,formatLabel:c}){if(!e||!t?.length)return null;let l=t.filter(e=>e.value!=null&&e.dataKey!=null).map(e=>({key:String(e.dataKey),label:i[String(e.dataKey)]??String(e.dataKey),value:o(Number(e.value)),color:a[String(e.dataKey)]??`#6b7280`,numericValue:Number(e.value)})).sort((e,t)=>e.numericValue===t.numericValue?e.label.localeCompare(t.label):t.numericValue-e.numericValue),u=n?l.find(e=>e.key===n):null,d=u?l.filter(e=>e.key!==n):l,f=l.reduce((e,t)=>e+t.numericValue,0);return(0,q.jsxs)(`div`,{className:`rounded-lg border border-[var(--border-subtle)] bg-[var(--surface-overlay)] px-3.5 py-2.5 shadow-[var(--shadow-popover)]`,children:[(0,q.jsx)(`div`,{className:`mb-1.5 text-xs font-medium text-[var(--content-secondary)]`,children:(c??fn)(String(r))}),u&&(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(co,{item:u}),d.length>0&&(0,q.jsx)(`div`,{className:`my-1.5 border-t border-[var(--border-subtle)]`})]}),d.map(e=>(0,q.jsx)(co,{item:e},e.key)),s&&(0,q.jsx)(`div`,{className:`mt-1 flex items-center gap-2 border-t border-[var(--border-subtle)] pt-1.5 text-[13px] font-semibold text-[var(--content-default)]`,children:(0,q.jsxs)(`span`,{children:[`Total: `,o(f)]})})]})}function uo(e,t){let[n,r]=e,[i,a]=t,o=r-n||1;return e=>i+(e-n)/o*(a-i)}function fo(e){if(e<=0)return 1;let t=10**Math.floor(Math.log10(e)),n=e/t,r;return r=n<=1?1:n<=2?2:n<=2.5?2.5:n<=5?5:10,r*t}function po(e){if(e>=1)return+!Number.isInteger(e);let t=e/10**Math.floor(Math.log10(e)),n=Math.abs(t-2.5)<.01;return Math.ceil(-Math.log10(e))+ +!!n}function mo(e,t){let n=Math.max(0,...e),r=t?.tickCount??5;return n===0?t?.integerOnly?r:1:t?.integerOnly?Math.max(1,Math.ceil(n/r))*r:fo(n/r)*r}function ho(e,t){if(e===0)return[0];let n=e/t,r=10**(n>=1?0:Math.ceil(-Math.log10(n))+2),i=[];for(let e=0;e<=t;e++)i.push(Math.round(n*e*r)/r);return i}function go(e,t,n,r,i){let a=Math.min(i,n/2,r/2);return[`M${e},${t+a}`,`A${a},${a} 0 0 1 ${e+a},${t}`,`H${e+n-a}`,`A${a},${a} 0 0 1 ${e+n},${t+a}`,`V${t+r}`,`H${e}`,`Z`].join(``)}function _o(e,t){if(e<=0)return[];if(t)return e<=3?Array.from({length:e},(e,t)=>t):[0,Math.floor(e/2),e-1];let n=Math.max(1,Math.ceil(e/Math.min(e,12))),r=[];for(let t=0;t<e;t+=n)r.push(t);return r[r.length-1]!==e-1&&r.push(e-1),r}var vo=40,yo={fontSize:11,fill:`var(--content-tertiary)`},bo={runtime_proxy_api:`#3b82f6`,oauth_proxy:`#f59e0b`};function xo(e,t){return bo[e]??so[t%so.length]??`#6b7280`}function So(e,t){let n=new Set,r={};for(let t of e)for(let e of t.groups)n.add(e.group_key),r[e.group_key]=e.group_label;return{data:e.map(e=>{let n={date:e.date};for(let r of e.groups)n[r.group_key]=t===`spend`?parseFloat(r.total_usd):r.event_count;return n}),stackKeys:Array.from(n),labelMap:r}}function Co({stackKeys:e,labelMap:t}){return(0,q.jsx)(`div`,{className:`flex flex-wrap items-center justify-center gap-x-5 gap-y-1 pt-3 text-body-small-default`,children:e.map((e,n)=>(0,q.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,q.jsx)(`span`,{className:`inline-block h-2.5 w-2.5 rounded-sm`,style:{backgroundColor:xo(e,n)}}),(0,q.jsx)(`span`,{className:`text-[var(--content-quiet)]`,children:t[e]??e})]},e))})}var wo=350,To={top:8,right:4,bottom:32,left:0},Eo=.2,Do=5,Oo=12,ko=200;function Ao({buckets:e,metric:t,onBarClick:n}){let{t:r}=G(`settings`),i=$t(),a=(0,K.useRef)(null),[o,s]=(0,K.useState)(0);(0,K.useEffect)(()=>{let e=a.current;if(!e)return;let t=new ResizeObserver(([e])=>{e&&s(e.contentRect.width)});return t.observe(e),()=>t.disconnect()},[]);let{data:c,stackKeys:l,labelMap:u}=(0,K.useMemo)(()=>So(e,t),[e,t]),d=(0,K.useMemo)(()=>{let e={};for(let t=0;t<l.length;t++)e[l[t]]=xo(l[t],t);return e},[l]),f=(0,K.useCallback)(e=>t===`spend`?`$${e.toLocaleString(`en-US`,{minimumFractionDigits:2,maximumFractionDigits:2})}`:e.toLocaleString(`en-US`),[t]),[p,m]=(0,K.useState)(null),h=i?vo:56,g=i?yo:ao,_=To.left+h,v=Math.max(0,o-_-To.right),y=To.top,b=wo-To.top-To.bottom,x=(0,K.useMemo)(()=>c.map(e=>l.reduce((t,n)=>t+(Number(e[n])||0),0)),[c,l]),S=t===`events`,C=(0,K.useMemo)(()=>mo(x,{integerOnly:S,tickCount:Do}),[x,S]),w=(0,K.useMemo)(()=>ho(C,Do),[C]),T=(0,K.useCallback)(e=>{if(t===`spend`){if(e===0)return`$0`;let t=C/Do,n=Math.max(t<1?2:0,po(t));return`$${e.toLocaleString(`en-US`,{minimumFractionDigits:n,maximumFractionDigits:n})}`}return e.toLocaleString(`en-US`)},[t,C]),E=(0,K.useMemo)(()=>uo([0,C],[y+b,y]),[C,y,b]),D=c.length,O=D>0?v/D:0,k=O*(1-Eo),A=(O-k)/2,j=(0,K.useMemo)(()=>_o(D,i),[D,i]),M=l.length===0,N=M?[]:c.map((e,t)=>{let n=_+t*O+A,r=0;return{di:t,x:n,segments:l.map((t,i)=>{let a=Number(e[t])||0,o=r;r+=a;let s=E(r),c=E(o)-s,u=i===l.length-1;return{key:t,val:a,x:n,y:s,h:c,color:xo(t,i),isLast:u}})}}),ee=(e,t,n)=>{let r=a.current?.getBoundingClientRect();r&&m({x:e.clientX-r.left,y:e.clientY-r.top,datumIndex:t,hoveredKey:n})},te=()=>m(null),P=e=>{n&&n(e)},F=p?l.filter(e=>(Number(c[p.datumIndex]?.[e])||0)>0).map(e=>({dataKey:e,value:Number(c[p.datumIndex]?.[e])||0})):[],I={left:p?Math.max(0,Math.min(p.x+Oo,o-ko)):0,top:p?p.y-Oo:0,visibility:p?`visible`:`hidden`};return(0,q.jsxs)(`div`,{onMouseDown:e=>e.preventDefault(),children:[(0,q.jsx)(`div`,{ref:a,className:`relative w-full`,style:{height:wo},children:M?(0,q.jsx)(`div`,{className:`flex h-full items-center justify-center text-body-medium-lighter text-[var(--content-faint)]`,children:r(`billingUsageChart.empty`)}):o>0?(0,q.jsxs)(q.Fragment,{children:[(0,q.jsxs)(`svg`,{width:o,height:wo,className:`block`,children:[w.map(e=>(0,q.jsx)(`line`,{x1:_,x2:_+v,y1:E(e),y2:E(e),stroke:io.stroke,strokeOpacity:io.strokeOpacity,strokeDasharray:io.strokeDasharray},e)),(0,q.jsx)(`line`,{x1:_,x2:_+v,y1:y+b,y2:y+b,stroke:oo.stroke,strokeOpacity:oo.strokeOpacity}),w.map(e=>(0,q.jsx)(`text`,{x:_-8,y:E(e),textAnchor:`end`,dominantBaseline:`middle`,fontSize:g.fontSize,fill:g.fill,children:T(e)},e)),j.map(e=>{let t=c[e];return t?(0,q.jsx)(`text`,{x:_+e*O+O/2,y:y+b+20,textAnchor:`middle`,fontSize:g.fontSize,fill:g.fill,children:fn(String(t.date))},e):null}),N.map(({di:e,segments:t})=>t.map(t=>{if(t.h<=0)return null;let r=p?.hoveredKey&&p.hoveredKey!==t.key?.4:1,i={key:`${e}-${t.key}`,fill:t.color,opacity:r,cursor:n?`pointer`:void 0,onMouseMove:n=>ee(n,e,t.key),onMouseLeave:te,onClick:()=>P(t.key)};return t.isLast?(0,q.jsx)(`path`,{...i,d:go(t.x,t.y,k,t.h,3)}):(0,q.jsx)(`rect`,{...i,x:t.x,y:t.y,width:k,height:t.h})}))]}),(0,q.jsx)(`div`,{className:`pointer-events-none absolute z-[1] max-w-[calc(100vw-32px)] -translate-y-full`,style:I,children:(0,q.jsx)(lo,{active:!!p,payload:F,hoveredKey:p?.hoveredKey??void 0,label:p?String(c[p.datumIndex]?.date):``,labelMap:u,colorMap:d,formatValue:f})})]}):null}),!M&&(0,q.jsx)(Co,{stackKeys:l,labelMap:u})]})}function jo(e){if(e)return e.usageSource===`oauth_proxy`?`oauth_provider`:kn(e.llmDimension??`model`)}function Mo(e,t=en()){return{from:e.dateRange.from,to:e.dateRange.to,tz:t,...e.drilldown?{usage_source:e.drilldown.usageSource,group_by:jo(e.drilldown)}:{}}}function No(e,t=en()){return{from:e.dateRange.from,to:e.dateRange.to,tz:t,...e.drilldown?{usage_source:e.drilldown.usageSource}:{}}}function Po(e,t,n){return e===`full`&&t!==`gated`&&n}function Fo(e){let t=tn(),n=Po(rt({platformHostedOnly:!0}),rt(),at()),r=m({...Jt({query:Mo(e,t)}),enabled:n}),i=m({...wt({query:No(e,t)}),enabled:n});return{series:r.data,totals:i.data,isLoading:r.isLoading||i.isLoading,isError:r.isError||i.isError}}function Io(e){if(e===void 0)return`—`;let t=parseFloat(e);return Number.isNaN(t)?`$0.00`:`$${t.toLocaleString(`en-US`,{minimumFractionDigits:2,maximumFractionDigits:2})}`}function Lo(e){return e===void 0?`—`:e.toLocaleString(`en-US`)}function Ro(){let{t:e}=G(`settings`),t=tn(),[n,r]=(0,K.useState)(30),i=(0,K.useMemo)(()=>no(n,t),[n,t]),[a,o]=(0,K.useState)(null),[s,c]=(0,K.useState)(`spend`),l=(0,K.useMemo)(()=>[{value:`spend`,label:e(`billingUsagePanel.metricSpend`)},{value:`events`,label:e(`billingUsagePanel.metricEvents`)}],[e]),{series:u,totals:d,isLoading:f,isError:p}=Fo({dateRange:i,drilldown:a,setDrilldown:o}),m=a?void 0:e=>{let t={runtime_proxy_api:`runtime_proxy`,oauth_proxy:`oauth_proxy`}[e];t&&o({usageSource:t,...t===`runtime_proxy`?{llmDimension:wn}:{}})};return(0,q.jsx)(y,{padding:`md`,children:(0,q.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,q.jsxs)(`div`,{className:`flex flex-wrap items-start justify-between gap-3`,children:[(0,q.jsxs)(`div`,{children:[(0,q.jsx)(v,{as:`h2`,variant:`title-medium`,className:`text-[var(--content-default)]`,children:e(`billingUsagePanel.title`)}),(0,q.jsx)(v,{as:`p`,variant:`body-small-default`,className:`mt-2 text-[var(--content-tertiary)]`,children:e(`billingUsagePanel.subtitle`)})]}),(0,q.jsxs)(`div`,{className:`flex flex-wrap items-center justify-end gap-2`,children:[(0,q.jsx)(ro,{value:n,onChange:r}),(0,q.jsx)(`div`,{className:`w-44`,children:(0,q.jsx)(x,{items:l,value:s,onChange:c,ariaLabel:e(`billingUsagePanel.chartMetricAria`)})})]})]}),(0,q.jsxs)(`div`,{className:`grid grid-cols-1 gap-2 sm:grid-cols-2`,children:[(0,q.jsx)(We,{icon:(0,q.jsx)(k,{className:`h-4 w-4`,"aria-hidden":!0}),value:f?(0,q.jsx)(B,{className:`h-4 w-4 animate-spin`,"aria-hidden":!0}):Io(d?.total_usd),label:e(`billingUsagePanel.spendLabel`)}),(0,q.jsx)(We,{icon:(0,q.jsx)(Te,{className:`h-4 w-4`,"aria-hidden":!0}),value:f?(0,q.jsx)(B,{className:`h-4 w-4 animate-spin`,"aria-hidden":!0}):Lo(d?.event_count),label:e(`billingUsagePanel.eventsLabel`)})]}),a&&(0,q.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[(0,q.jsx)(`div`,{children:(0,q.jsxs)(`button`,{className:`flex items-center gap-1.5 text-body-medium-lighter text-[var(--content-tertiary)] transition-colors hover:text-[var(--content-secondary)]`,onClick:()=>o(null),children:[(0,q.jsx)(w,{className:`h-3.5 w-3.5`}),(0,q.jsx)(`span`,{children:e(`billingUsagePanel.backToAllUsage`)}),(0,q.jsx)(`span`,{className:`text-[var(--content-tertiary)]`,children:`/`}),(0,q.jsx)(`span`,{className:`text-body-medium-default text-[var(--content-default)]`,children:a.usageSource===`runtime_proxy`?e(`billingUsagePanel.llmSpend`):e(`billingUsagePanel.oauthSpend`)})]})}),a.usageSource===`runtime_proxy`&&(0,q.jsx)(`div`,{className:`w-56`,children:(0,q.jsx)(x,{items:En,value:a.llmDimension??`model`,onChange:e=>o({usageSource:`runtime_proxy`,llmDimension:e}),ariaLabel:e(`billingUsagePanel.llmDimensionAria`)})})]}),f?(0,q.jsx)(`div`,{className:`flex h-[345px] items-center justify-center rounded-xl bg-[var(--surface-base)]`,children:(0,q.jsx)(B,{className:`h-6 w-6 animate-spin text-[var(--content-tertiary)]`})}):p?(0,q.jsx)(`div`,{className:`flex h-[345px] items-center justify-center rounded-xl bg-[var(--surface-base)] text-body-medium-lighter text-[var(--content-tertiary)]`,children:e(`billingUsagePanel.loadError`)}):u?(0,q.jsx)(`div`,{className:`rounded-xl bg-[var(--surface-base)] p-3`,children:(0,q.jsx)(Ao,{buckets:u.buckets,metric:s,onBarClick:m})}):null]})})}function zo(){let{t:e}=G(`settings`),{data:t}=m(Ft()),n=re((0,K.useMemo)(()=>L(t),[t]));if(!t||t.plan_id!==`pro`||t.status===`canceled`||!t.cancel_at_period_end&&!t.cancel_at)return null;let r=se(t);return r?(0,q.jsx)(V,{tone:`info`,title:e(`gracePeriodBanner.title`,{date:ue(r)}),actions:(0,q.jsx)(s,{variant:`outlined`,size:`compact`,onClick:()=>n.mutate({}),disabled:n.isPending,leftIcon:n.isPending?(0,q.jsx)(B,{className:`animate-spin`}):void 0,"data-testid":`grace-period-reactivate-button`,children:e(`gracePeriodBanner.reactivate`)}),"data-testid":`grace-period-banner`,children:e(`gracePeriodBanner.body`)}):null}var Bo=new Set([`BIF`,`CLP`,`DJF`,`GNF`,`JPY`,`KMF`,`KRW`,`MGA`,`PYG`,`RWF`,`VND`,`VUV`,`XAF`,`XOF`,`XPF`]),Vo=new Set([`BHD`,`JOD`,`KWD`,`OMR`,`TND`]);function Ho(e){return Bo.has(e)?0:Vo.has(e)?3:2}var Uo={invoices:[],has_more:!1},Wo=4,Go=`text-body-small-default [--vbtn-fg:var(--content-tertiary)] hover:[--vbtn-fg:var(--content-secondary)]`;function Ko(e){switch(e){case`paid`:return`positive`;case`open`:return`warning`;case`uncollectible`:return`negative`;default:return`neutral`}}function qo(e,t){let n=t.toUpperCase(),r=Ho(n);try{return new Intl.NumberFormat(void 0,{style:`currency`,currency:n,minimumFractionDigits:r,maximumFractionDigits:r}).format(e/10**r)}catch{return`${(e/100).toFixed(2)} ${n}`}}function Jo(e){return sn(new Date(e*1e3),{alwaysShowYear:!0})}function Yo(e){let t=document.createElement(`a`);t.href=e,t.target=`_blank`,t.rel=`noopener noreferrer`,document.body.appendChild(t),t.click(),t.remove()}function Xo(){let{t:e}=G(`settings`),[t,i]=(0,K.useState)(!1),[o,l]=(0,K.useState)(!1),[u,d]=(0,K.useState)(!1),[f,m]=(0,K.useState)(!1),g=(0,K.useRef)(0),_=p(),b=h({enabled:t,queryKey:Nt(),queryFn:async({signal:e,pageParam:t})=>{let{data:i,error:a,response:o}=await $e({throwOnError:!1,signal:e,query:t?{starting_after:t}:void 0});if(o?.status===404)return Uo;if(n(o,a,`Failed to load invoices.`),!o.ok||!i)throw r(a,o);return i},initialPageParam:void 0,getNextPageParam:e=>e.has_more?e.invoices.at(-1)?.id:void 0}),x=b.data?.pages.flatMap(e=>e.invoices)??[],S=o?x:x.slice(0,Wo),C=x.length>Wo,w=b.isFetchNextPageError||f,T=(o||!C)&&b.hasNextPage&&!w,O=b.isRefetching||b.isFetchingNextPage;function k(){let e=g.current;b.fetchNextPage().then(t=>{e===g.current&&m(t.isError)})}function A(){let e=g.current;b.refetch().then(t=>{if(e===g.current){if(t.isError){m(!0);return}k()}})}async function j(){d(!0);try{let{data:e,response:t}=await Qe({throwOnError:!1,parseAs:`blob`});if(!t?.ok||!(e instanceof Blob))throw Error(`Failed to download invoices (${t?.status??`network error`})`);let{saveFile:n}=await c(async()=>{let{saveFile:e}=await import(`./native-file-CHIjMJ0g.js`).then(e=>e.t);return{saveFile:e}},__vite__mapDeps([0,1,2,3,4]));await n(e,`invoices.zip`)}catch(t){a(t,{context:`download_all_invoices`}),U.error(e(`invoicesTable.downloadAllFailed`))}finally{d(!1)}}return(0,q.jsx)(y,{padding:`md`,children:(0,q.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,q.jsx)(Na,{title:e(`invoicesTable.title`),actions:(0,q.jsxs)(q.Fragment,{children:[t&&x.length>0&&(0,q.jsx)(s,{variant:`outlined`,leftIcon:u?(0,q.jsx)(B,{className:`animate-spin`}):(0,q.jsx)(Fe,{className:`h-4 w-4`}),onClick:j,disabled:u,"data-testid":`invoices-download-all`,children:e(`invoicesTable.downloadAll`)}),(0,q.jsx)(s,{variant:`outlined`,rightIcon:t?(0,q.jsx)(D,{className:`h-4 w-4`}):(0,q.jsx)(E,{className:`h-4 w-4`}),onClick:()=>{g.current+=1,m(!1),t&&_.cancelQueries({queryKey:Nt()}),i(e=>!e)},"data-testid":`invoices-toggle`,children:e(t?`invoicesTable.hideButton`:`invoicesTable.showButton`)})]})}),t?b.isLoading?(0,q.jsxs)(`div`,{className:`flex items-center gap-2 py-6 text-[var(--content-tertiary)]`,children:[(0,q.jsx)(B,{className:`h-4 w-4 animate-spin`}),(0,q.jsx)(v,{as:`span`,variant:`body-small-default`,children:e(`invoicesTable.loading`)})]}):b.isLoadingError?(0,q.jsx)(V,{tone:`error`,children:e(`invoicesTable.loadError`)}):x.length===0?(0,q.jsx)(v,{as:`p`,variant:`body-small-default`,className:`py-6 text-center text-[var(--content-tertiary)]`,"data-testid":`invoices-empty`,children:e(`invoicesTable.empty`)}):(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(`div`,{className:`overflow-x-auto`,children:(0,q.jsxs)(`table`,{className:`w-full`,"data-testid":`invoices-table`,children:[(0,q.jsx)(`thead`,{children:(0,q.jsxs)(`tr`,{className:`border-b border-[var(--border-base)] text-left`,children:[(0,q.jsx)(`th`,{className:`pb-2 pr-4 text-body-small-default text-[var(--content-tertiary)]`,children:e(`invoicesTable.columnDate`)}),(0,q.jsx)(`th`,{className:`pb-2 pr-4 text-body-small-default text-[var(--content-tertiary)]`,children:e(`invoicesTable.columnAmount`)}),(0,q.jsx)(`th`,{className:`pb-2 pr-4 text-body-small-default text-[var(--content-tertiary)]`,children:e(`invoicesTable.columnStatus`)}),(0,q.jsx)(`th`,{className:`pb-2 text-body-small-default text-[var(--content-tertiary)]`,children:e(`invoicesTable.columnAction`)})]})}),(0,q.jsx)(`tbody`,{children:S.map(t=>(0,q.jsxs)(`tr`,{className:`border-b border-[var(--border-base)] last:border-0`,"data-testid":`invoice-row`,children:[(0,q.jsx)(`td`,{className:`py-3 pr-4`,children:(0,q.jsx)(v,{as:`span`,variant:`body-small-default`,className:`text-[var(--content-secondary)]`,children:Jo(t.created)})}),(0,q.jsx)(`td`,{className:`py-3 pr-4`,children:(0,q.jsx)(v,{as:`span`,variant:`body-small-default`,className:`text-[var(--content-secondary)]`,children:qo(t.amount_due,t.currency)})}),(0,q.jsx)(`td`,{className:`py-3 pr-4`,children:t.status&&(0,q.jsx)(Ge,{tone:Ko(t.status),children:t.status})}),(0,q.jsx)(`td`,{className:`py-3`,children:(0,q.jsxs)(`div`,{className:`flex items-center gap-1`,children:[t.hosted_invoice_url&&(0,q.jsx)(s,{asChild:!0,variant:`ghost`,size:`compact`,leftIcon:(0,q.jsx)(Ie,{className:`h-3.5 w-3.5`}),children:(0,q.jsx)(`a`,{href:t.hosted_invoice_url,target:`_blank`,rel:`noopener noreferrer`,children:e(`invoicesTable.view`)})}),t.invoice_pdf&&(0,q.jsx)(s,{variant:`ghost`,size:`compact`,iconOnly:(0,q.jsx)(Fe,{className:`h-3.5 w-3.5`}),"aria-label":e(`invoicesTable.downloadPdfAriaLabel`),onClick:()=>Yo(t.invoice_pdf)})]})})]},t.id))})]})}),(C||T||w)&&(0,q.jsxs)(`div`,{className:`flex flex-wrap items-center gap-4 self-start`,children:[C&&(0,q.jsx)(s,{variant:`link`,onClick:()=>l(e=>!e),className:Go,"data-testid":`invoices-show-more`,children:o?e(`invoicesTable.showLess`):e(`invoicesTable.showMore`,{count:x.length-Wo})}),T&&(0,q.jsx)(s,{variant:`link`,onClick:k,disabled:b.isFetchingNextPage,leftIcon:b.isFetchingNextPage&&(0,q.jsx)(B,{className:`h-4 w-4 animate-spin`}),className:Go,"data-testid":`invoices-load-more`,children:e(`invoicesTable.loadMore`)}),w&&(0,q.jsxs)(`div`,{className:`flex items-center gap-2`,"data-testid":`invoices-load-more-error`,children:[(0,q.jsx)(v,{as:`span`,variant:`body-small-default`,className:`text-[color:var(--content-negative)]`,children:e(`invoicesTable.loadMoreError`)}),(0,q.jsx)(s,{variant:`link`,onClick:A,disabled:O,leftIcon:O&&(0,q.jsx)(B,{className:`h-4 w-4 animate-spin`}),className:Go,"data-testid":`invoices-load-more-retry`,children:e(`invoicesTable.retry`)})]})]})]}):null]})})}var Zo={visa:`Visa`,mastercard:`Mastercard`,amex:`Amex`,discover:`Discover`,diners:`Diners Club`,jcb:`JCB`,unionpay:`UnionPay`};function Qo(e){return Zo[e.toLowerCase()]??e}function $o({brand:e,last4:t,onUpdateCard:n,onRemove:r,removing:i=!1,showRemove:a=!0}){let{t:o}=G(`settings`);return(0,q.jsxs)(`div`,{"data-testid":`payment-method-row`,className:`flex items-center justify-between gap-2 rounded-lg border border-[var(--border-base)] pl-3 pr-2 py-1.5`,children:[(0,q.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,q.jsx)(Pe,{"aria-hidden":!0,className:`h-4 w-4 shrink-0 text-[var(--content-default)]`}),(0,q.jsxs)(`div`,{className:`flex min-w-0 items-baseline gap-2`,children:[(0,q.jsx)(v,{as:`p`,variant:`body-medium-default`,className:`truncate leading-snug text-[var(--content-default)]`,children:e?Qo(e):o(`paymentMethodRow.savedCard`)}),t!=null&&(0,q.jsx)(v,{as:`p`,variant:`body-small-default`,className:`truncate leading-snug text-[var(--content-tertiary)]`,children:o(`paymentMethodRow.endingIn`,{last4:t})})]})]}),(0,q.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[(0,q.jsx)(s,{variant:`ghost`,onClick:n,"data-testid":`payment-method-update`,children:o(`paymentMethodRow.updateCard`)}),a&&(0,q.jsx)(s,{variant:`dangerGhost`,onClick:r,disabled:i,"data-testid":`payment-method-remove`,children:o(i?`paymentMethodRow.removing`:`paymentMethodRow.remove`)})]})]})}function es(e){return e==null||!e.has_payment_method?[]:[{id:`primary`,brand:e.payment_method_brand,last4:e.payment_method_last4}]}function ts(e,t){return!t||e>1}function ns(){let{t:e}=G(`settings`),t=p(),n=m(Et()),r=g(_t()),i=Da(),a=we(),[o,c]=(0,K.useState)(!1),[l,u]=(0,K.useState)(!1),d=n.data;return(0,q.jsxs)(y,{padding:`md`,"data-testid":`payment-methods-card`,children:[(0,q.jsx)(Na,{title:e(`paymentMethodsCard.title`),subtitle:e(`paymentMethodsCard.subtitle`),actions:(0,q.jsx)(s,{variant:`outlined`,onClick:()=>c(!0),"data-testid":`payment-methods-add`,children:e(`paymentMethodsCard.addButton`)})}),(()=>{if(n.isLoading)return(0,q.jsx)(`p`,{className:`mt-4 text-body-medium-lighter text-[var(--content-tertiary)]`,children:e(`paymentMethodsCard.loading`)});if(n.isError||d==null)return(0,q.jsx)(`div`,{className:`mt-4`,children:(0,q.jsx)(V,{tone:`error`,children:e(`paymentMethodsCard.loadError`)})});let t=es(d);if(t.length===0)return(0,q.jsx)(`div`,{className:`mt-4`,children:(0,q.jsx)(V,{tone:`info`,"data-testid":`payment-methods-empty`,children:e(`paymentMethodsCard.empty`)})});let i=ts(t.length,a);return(0,q.jsx)(`div`,{className:t.length>1?`mt-4 flex flex-col gap-1`:`mt-4`,children:t.map(e=>(0,q.jsx)($o,{brand:e.brand,last4:e.last4,onUpdateCard:()=>c(!0),onRemove:()=>u(!0),removing:r.isPending,showRemove:i},e.id))})})(),r.isError&&(0,q.jsx)(V,{tone:`error`,className:`mt-4`,"data-testid":`auto-top-up-remove-error`,children:e(`paymentMethodsCard.removeError`)}),(0,q.jsx)(Je,{open:l,title:e(`paymentMethodsCard.removeConfirmTitle`),message:e(`paymentMethodsCard.removeConfirmMessage`),confirmLabel:r.isPending?e(`paymentMethodsCard.removeConfirmPending`):e(`paymentMethodsCard.removeConfirmConfirm`),isPending:r.isPending,cancelLabel:e(`paymentMethodsCard.removeConfirmCancel`),destructive:!0,onConfirm:()=>{d!=null&&r.mutate({},{onSuccess:()=>{Tt(t,void 0,{...d,enabled:!1,has_payment_method:!1,payment_method_brand:null,payment_method_last4:null}),t.invalidateQueries({queryKey:yt()}),u(!1)},onError:()=>{u(!1)}})},onCancel:()=>u(!1)}),(0,q.jsx)(Sa,{open:o,onClose:()=>c(!1),onSavedOptimistic:i})]})}function rs({icon:e,label:t,multiline:n=!1}){return(0,q.jsxs)(`div`,{className:nn(`flex items-center gap-1.5 rounded-lg bg-[var(--surface-lift)] px-2 py-1.5`,n?`min-h-8 min-w-0`:`h-8`),children:[(0,q.jsx)(e,{className:`size-[18px] shrink-0 text-[var(--content-default)]`,"aria-hidden":!0}),(0,q.jsx)(v,{as:`span`,variant:`body-medium-default`,className:nn(`text-[var(--content-default)]`,n?`whitespace-normal`:`whitespace-nowrap`),children:t})]})}function is({theme:e,tierKey:t,name:n,nameTestId:r,tag:i,specs:a,specsWrap:o=!1,footer:s,testId:c,className:l}){let u=a?.filter(e=>!e.ownRow)??[],d=a?.filter(e=>e.ownRow)??[];return(0,q.jsxs)(`div`,{"data-theme":e,"data-testid":c,className:nn(`flex min-w-0 flex-1 flex-col gap-8 rounded-xl bg-[var(--surface-base)] px-4 py-3`,l),children:[(0,q.jsxs)(`div`,{className:`flex flex-col items-start gap-6`,children:[i,(0,q.jsxs)(`div`,{className:`flex items-center gap-4`,children:[(0,q.jsx)(ye,{tier:t,size:48}),(0,q.jsx)(v,{as:`span`,variant:`title-large`,className:`text-[var(--content-emphasised)]`,"data-testid":r,children:n})]})]}),a?.length?o?(0,q.jsxs)(`div`,{className:`flex flex-col items-start gap-1`,children:[u.length?(0,q.jsx)(`div`,{className:`flex flex-row flex-wrap items-start gap-1`,children:u.map(e=>(0,q.jsx)(rs,{icon:e.icon,label:e.label,multiline:e.multiline},e.label))}):null,d.map(e=>(0,q.jsx)(rs,{icon:e.icon,label:e.label,multiline:!0},e.label))]}):(0,q.jsx)(`div`,{className:`flex flex-col items-start gap-2`,children:a.map(e=>(0,q.jsx)(rs,{icon:e.icon,label:e.label,multiline:e.multiline},e.label))}):null,s?(0,q.jsx)(`div`,{className:`mt-auto w-full`,children:s}):null]})}function as({ratio:e,resetsAt:t,exhausted:n=!1,onAddCredits:r}){let{t:i,i18n:a}=G(`settings`),o=i(`planCard.usageBalanceTitle`),c=Math.round(e*100),l=e>=1,u=t?Me(t,a.language):null;return(0,q.jsxs)(`div`,{"data-testid":`plan-usage-balance`,className:`flex w-full flex-col gap-3 rounded-[10px] border border-[var(--border-base)] bg-[color-mix(in_srgb,var(--surface-overlay)_40%,transparent)] px-4 py-3`,children:[(0,q.jsxs)(`div`,{className:`flex w-full items-center justify-between gap-3`,children:[(0,q.jsxs)(`div`,{className:`flex min-w-0 flex-col`,children:[(0,q.jsx)(v,{as:`span`,variant:`body-large-default`,className:`text-[var(--content-emphasised)]`,children:o}),u?(0,q.jsx)(v,{as:`span`,variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,children:i(`planCard.usageBalanceResets`,{date:u})}):null]}),(0,q.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-center justify-end gap-3`,children:[(0,q.jsx)(Ue,{value:e,height:8,"aria-label":o,fillColor:l?`var(--system-negative-strong)`:void 0,className:`w-full min-w-0 max-w-[249px] rounded-full border border-[var(--border-base)] bg-[var(--surface-overlay)]`}),(0,q.jsx)(v,{as:`span`,variant:`body-small-default`,className:l?`whitespace-nowrap text-[var(--system-negative-strong)]`:`whitespace-nowrap text-[var(--content-secondary)]`,children:i(`planCard.usageBalancePctUsed`,{pct:c})})]})]}),n?(0,q.jsxs)(`div`,{className:`flex min-h-8 w-full items-center justify-between gap-2 rounded-lg bg-[var(--system-negative-weak)] px-2 py-1`,children:[(0,q.jsx)(v,{as:`span`,variant:`body-medium-default`,className:`min-w-0 text-[var(--system-negative-strong)]`,children:i(`planCard.usageBalanceExhausted`)}),r?(0,q.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[(0,q.jsx)(`span`,{"aria-hidden":!0,className:`h-[18px] w-px bg-[var(--system-negative-strong)] opacity-30`}),(0,q.jsx)(s,{variant:`dangerGhost`,size:`compact`,leftIcon:(0,q.jsx)(Re,{}),onClick:r,"data-testid":`plan-usage-add-credits`,children:i(`planCard.usageBalanceAddCredits`)})]}):null]}):null]})}function os(){let{t:e}=G(`settings`);return(0,q.jsx)(v,{as:`h2`,variant:`title-medium`,className:`text-[var(--content-emphasised)]`,children:e(`planCard.heading`)})}function ss({packages:e,currentKey:t,currentPriceCents:n,isProUser:r,canChangePackage:i,relation:a,obscureCredits:o,onManage:c,onTierUpgraded:l}){let{t:u}=G(`settings`),d=p(),f=g(At()),{changePackage:m,isPending:h}=me(),[_,v]=(0,K.useState)(!1),[y,b]=(0,K.useState)(!1),x=Ae()===`light`?`dark`:`light`;ge();let S=j(e,t),C=_||f.isPending||h,w=async()=>{if(!S)return;let e=await m(S.key);e&&(b(!1),e.status===`ok`?l?.():U.success(u(`planCard.alreadyOnPlanToast`)))},T=async()=>{if(S){if(r&&!i){c();return}if(r){b(!0);return}v(!0);try{let e=await f.mutateAsync({body:{target_plan_id:`pro`,package:S.key,confirm:!0,return_target:ln()}});e.status===`redirect`&&e.checkout_url?(tt({kind:`package`,packageKey:S.key}),Xe(d),mt(e.checkout_url)):(await d.invalidateQueries({queryKey:Pt()}),await d.invalidateQueries({queryKey:zt()}))}catch(e){U.error(ie(e,u(`planCard.checkoutFailedToast`)))}finally{v(!1)}}};if(S==null||a===`switch`)return null;let E=n==null?null:S.total_price_cents-n,D=E!=null&&E>0?u(`planCard.powerUpFor`,{amount:P(E)}):u(`planCard.powerUp`);return(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(is,{theme:x,testId:`plan-tile-next`,tierKey:S.key,name:S.name,tag:(0,q.jsx)(Ge,{className:`bg-[var(--feed-digest-weak)] text-[var(--credits-accent)]`,leftIcon:(0,q.jsx)(ze,{className:`text-[var(--credits-accent)]`,"aria-hidden":!0}),children:u(`planCard.nextPlan`)}),specs:ne(S,o?{obscuredUsageLabel:u(`planCard.usageChip`,{name:S.name})}:void 0),specsWrap:o,footer:(0,q.jsx)(s,{variant:`primary`,fullWidth:!0,tintColor:`var(--aux-white)`,className:`h-10 border-transparent bg-[var(--system-positive-strong)] hover:bg-[var(--system-positive-strong)] hover:opacity-90 active:bg-[var(--system-positive-strong)]`,onClick:()=>void T(),disabled:C,leftIcon:C?(0,q.jsx)(B,{className:`h-4 w-4 animate-spin`}):void 0,"data-testid":`recommended-upgrade-button`,children:D})}),(0,q.jsx)(de,{open:y,relation:a,packageName:S.name,targetPackage:S,pending:C,onConfirm:()=>void w(),onCancel:()=>b(!1)})]})}function cs(e){return e?.find(e=>e.id===`pro`)??null}function ls(e,t){let n=e?.package;return!e||e.plan_id===`base`||!M(n)?null:cs(t)?.packages?.find(e=>e.key===n.key&&e.version===n.version)??null}function us({onManage:e,onTierUpgraded:t}){let{t:n}=G(`settings`),r=l(),i=m(Ft()),a=m(jt()),o=we(),{balance:c,availableUsageBalance:u,totalUsageBalance:d}=ke(),[f,p]=(0,K.useState)(!1),h=ls(i.data,a.data?.plans),g=Ce({subscription:i.data,includedCreditsUsd:Oe(i.data,h,cs(a.data?.plans)),availableUsageBalance:u,totalUsageBalance:d});if(i.isLoading||a.isLoading)return(0,q.jsxs)(y,{padding:`md`,children:[(0,q.jsx)(os,{}),(0,q.jsxs)(`div`,{className:`mt-4 flex items-center gap-2 text-[var(--content-tertiary)]`,children:[(0,q.jsx)(B,{className:`h-4 w-4 animate-spin`}),(0,q.jsx)(v,{as:`span`,variant:`body-small-default`,children:n(`planCard.loading`)})]})]});let _=i.data,b=a.data?.plans,x=b?.find(e=>e.id===_?.plan_id);if(i.isError||a.isError||!_||!b||!x)return(0,q.jsx)(V,{tone:`error`,children:n(`planCard.loadError`)});let S=x.id===`pro`?F(_.package):x.name??x.id,C=_.cancel_at_period_end===!0||!!_.cancel_at,w=_.status===`canceled`,T=se(_),E=!C&&!w&&_.current_period_end,D=C&&!w&&T,O=cs(b)?.packages??[],k=_.package?.key??null,A=k??`free`,j=O.length>0&&(x.id===`base`||M(_.package)||fe(_)),ee=fe(_),te=x.id===`base`||M(_.package)?`upgrade`:`switch`,P=x.id===`base`,I=P?ae():h?ne(h,o?{obscuredUsageLabel:n(`planCard.usageChip`,{name:h.name})}:void 0):null,re=P?0:h?.total_price_cents??null,ie=P?n(`planCard.freeForever`):h?N(h.total_price_cents):null,oe=ie?(0,q.jsx)(`div`,{className:`flex h-10 items-center border-t border-[var(--border-base)]`,children:(0,q.jsx)(v,{as:`span`,variant:`body-large-default`,className:`text-[var(--content-tertiary)]`,"data-testid":`plan-card-price`,children:ie})}):void 0,L=c!=null&&Number(c)<=0,R=g!=null&&g.ratio>=1&&L,ce=g?(0,q.jsx)(as,{ratio:g.ratio,resetsAt:g.resetsAt,exhausted:R,onAddCredits:()=>p(!0)}):null,le=oe;return o&&(!P||ce!=null)&&(le=ce),(0,q.jsxs)(y,{padding:`md`,children:[(0,q.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,q.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,q.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-1`,children:[(0,q.jsx)(os,{}),E&&(0,q.jsx)(v,{variant:`body-small-default`,as:`div`,className:`leading-snug text-[var(--content-tertiary)]`,"data-testid":`plan-card-renews`,children:n(`planCard.renewsOn`,{date:ue(_.current_period_end)})}),D&&(0,q.jsx)(v,{variant:`body-small-default`,as:`div`,className:`leading-snug text-[var(--system-mid-strong)]`,"data-testid":`plan-card-cancels`,children:n(`planCard.endsOn`,{date:ue(T)})})]}),(0,q.jsx)(s,{variant:`outlined`,onClick:j?()=>r(nt.plans):e,"data-testid":`plan-card-plans-button`,className:`shrink-0`,children:n(`planCard.viewAllPlans`)})]}),(0,q.jsxs)(`div`,{className:`flex flex-col gap-2 lg:flex-row lg:items-stretch`,children:[(0,q.jsx)(is,{testId:`plan-tile-current`,tierKey:A,name:S,nameTestId:`plan-card-name`,tag:(0,q.jsx)(Ge,{tone:`info`,children:n(`planCard.current`)}),specs:I,specsWrap:o,footer:le}),(0,q.jsx)(ss,{packages:O,currentKey:k,currentPriceCents:re,isProUser:x.id!==`base`,canChangePackage:ee,relation:te,obscureCredits:o,onManage:e,onTierUpgraded:t})]})]}),(0,q.jsx)(un,{open:f,onOpenChange:p})]})}function ds({onCheckoutCancelled:e}){let[t]=u(),n=l(),r=p(),{t:i}=G(`settings`);return(0,K.useEffect)(()=>{let a=t.get(`billing_status`);a&&(a===`success`?Ee(r):a===`cancel`&&(U.info(t.get(`billing_context`)===`upgrade`?i(`billingStatusHandler.upgradeCancelToast`):i(`billingStatusHandler.topUpCancelToast`),{id:`billing-status`}),e()),n(nt.settings.usageBilling,{replace:!0}))},[t,n,r,e,i]),null}function fs({onFinishSetup:e}){let{t}=G(`settings`),n=ot(),{data:r}=m({...Ft(),enabled:n}),i=r?.plan_id===`pro`,{data:a}=m({...Bt(),enabled:i&&n}),o=i&&a?.domain_setup_available===!0,{domains:c}=ee(o,a?.primary_assistant_id),l=c!==void 0&&c.results.length===0;return!o||!l?null:(0,q.jsx)(V,{tone:`info`,title:t(`billingPage.finishSetupTitle`,{plan:F(r?.package)}),actions:(0,q.jsx)(s,{variant:`outlined`,size:`compact`,onClick:e,"data-testid":`finish-pro-setup-button`,children:t(`billingPage.finishSetupButton`)}),"data-testid":`finish-pro-setup-notice`,children:t(`billingPage.finishSetupBody`)})}function ps(){let{t:e}=G(`settings`),t=rt({platformHostedOnly:!0}),n=rt(),r=at(),i=it(),[a,o]=u(),[s,c]=(0,K.useState)(!1),l=(0,K.useCallback)(()=>c(!0),[]),d=(0,K.useCallback)(()=>c(!1),[]),[f,p]=(0,K.useState)(!1),m=(0,K.useCallback)(()=>p(!0),[]),[h,g]=(0,K.useState)(!1),[_,v]=(0,K.useState)(null),[y,b]=(0,K.useState)(!1),x=(0,K.useCallback)(()=>{v(Date.now()),b(!1)},[]),{showOffer:S,amountUsd:C}=xn(_),w=(0,K.useCallback)(e=>{e||b(!0)},[]);(0,K.useEffect)(()=>{if(n!==`full`)return;let e=a.has(`adjust_plan`),t=a.has(`pro_onboarding`);!e&&!t||(e&&c(!0),t&&g(!0),o(e=>{let t=new URLSearchParams(e);return t.delete(`adjust_plan`),t.delete(`pro_onboarding`),t},{replace:!0}))},[n,a,o]);let T=a.has(`session_id`),E=(0,K.useCallback)(()=>{g(!1),o(e=>{let t=new URLSearchParams(e);return t.delete(`session_id`),t},{replace:!0})},[o]),D=(0,K.useCallback)(()=>{o(e=>{let t=new URLSearchParams(e);return t.set(`pro_onboarding`,``),t},{replace:!0})},[o]);if(n===`disabled`)return(0,q.jsx)(`div`,{className:`space-y-4`,children:(0,q.jsx)(an,{children:e(`billingPage.platformLoginNotice`)})});if(i)return(0,q.jsx)(`div`,{className:`space-y-4`,children:(0,q.jsxs)(`div`,{className:`flex items-center gap-2 py-6 text-body-medium-lighter text-[var(--content-secondary)]`,children:[(0,q.jsx)(B,{className:`h-4 w-4 animate-spin`}),e(`billingPage.loadingBilling`)]})});let O=r,k=O||T||h;return!r&&t!==`gated`?(0,q.jsx)(`div`,{className:`space-y-4`,children:(0,q.jsx)(V,{tone:`warning`,children:e(`billingPage.billingUnavailable`)})}):(0,q.jsxs)(`div`,{className:`space-y-4`,children:[(0,q.jsxs)(K.Suspense,{fallback:null,children:[(0,q.jsx)(ds,{onCheckoutCancelled:x}),(0,q.jsx)($a,{})]}),O&&(0,q.jsx)(zo,{}),O&&(0,q.jsx)(fs,{onFinishSetup:D}),O&&(0,q.jsx)(us,{onManage:l,onTierUpgraded:m}),O&&(0,q.jsx)(hi,{open:s,onClose:d,onTierUpgraded:m}),(0,q.jsx)(bn,{open:S&&!y,onOpenChange:w,amountUsd:C}),(0,q.jsx)(K.Suspense,{fallback:null,children:(0,q.jsx)(ns,{})}),(0,q.jsx)(K.Suspense,{fallback:null,children:(0,q.jsx)(Ka,{})}),(0,q.jsx)(K.Suspense,{fallback:null,children:(0,q.jsx)(Xo,{})}),k&&(0,q.jsx)(A,{open:T||h,onClose:E}),O&&(0,q.jsx)(A,{mode:`resize`,open:f,onClose:()=>p(!1)})]})}function ms(){return(0,q.jsx)(be,{children:(0,q.jsx)(ps,{})})}function hs(){let e=on(),t=rt({platformHostedOnly:!0}),n=rt();return(0,q.jsxs)(`div`,{className:`space-y-4`,children:[t===`full`&&n!==`gated`&&(0,q.jsx)(Ro,{}),(0,q.jsx)(Jr,{assistantId:e})]})}function gs(){let{t:e}=G(`settings`),t=rt(),[n]=u(),r=l(),{hash:i}=f(),a=yn(t,n),o=a&&n.get(`tab`)!==`usage`?`billing`:`usage`,s=Ze();return(0,K.useEffect)(()=>{if(s&&n.get(`tab`)!==o){let e=new URLSearchParams(n);e.set(`tab`,o),r({search:`?${e}`,hash:i},{replace:!0})}},[s,n,o,r,i]),(0,q.jsx)(`div`,{className:`space-y-6`,children:(0,q.jsxs)(S.Root,{value:o,onValueChange:e=>{let t=new URLSearchParams(n);t.set(`tab`,e),r({search:`?${t}`,hash:i},{replace:!0})},children:[(0,q.jsxs)(S.List,{children:[a&&(0,q.jsx)(S.Trigger,{value:`billing`,children:e(`billingPage.billingTab`)}),(0,q.jsx)(S.Trigger,{value:`usage`,children:e(`billingPage.usageTab`)})]}),a&&(0,q.jsx)(S.Panel,{value:`billing`,className:`pt-4`,children:(0,q.jsx)(ms,{})}),(0,q.jsx)(S.Panel,{value:`usage`,className:`pt-4`,children:(0,q.jsx)(hs,{})})]})})}export{gs as BillingPage};
|