@vellumai/web 0.11.2-dev.202608070306.b97cdd6 → 0.11.2-dev.202608070534.d55eaf1

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.
Files changed (46) hide show
  1. package/dist/assets/{acp-run-detail-panel-C6LIaLAl.js → acp-run-detail-panel-CkvBVupV.js} +1 -1
  2. package/dist/assets/{activity-steps-panel-Chitq9HV.js → activity-steps-panel-D0_pmbd_.js} +1 -1
  3. package/dist/assets/{app-card-Bgs9Vocx.js → app-card-58uGl5zc.js} +1 -1
  4. package/dist/assets/{background-task-detail-panel-Ct7qks13.js → background-task-detail-panel-D5phtbhi.js} +1 -1
  5. package/dist/assets/{billing-page-BYtIJykA.js → billing-page-fGOjP8EL.js} +1 -1
  6. package/dist/assets/{bookmarks-page-CVQuUfxj.js → bookmarks-page-BlXeSH3y.js} +1 -1
  7. package/dist/assets/{channels-page-route-JMA_eOCR.js → channels-page-route-zSorFnoD.js} +1 -1
  8. package/dist/assets/{chat-markdown-message-CQsfcJ35.js → chat-markdown-message-B_aOOE1f.js} +1 -1
  9. package/dist/assets/{command-palette-window-page-BmeoG253.js → command-palette-window-page-D46Bs0jO.js} +1 -1
  10. package/dist/assets/{contacts-page-route-B02n2b10.js → contacts-page-route-B-qvJYD_.js} +1 -1
  11. package/dist/assets/conversation-cache-BmhpM_P6.js +1 -0
  12. package/dist/assets/{conversation-list-fetchers-D0bbQ7Rq.js → conversation-list-fetchers-D3FmANI4.js} +1 -1
  13. package/dist/assets/{conversation-navigation-tPnWt-XR.js → conversation-navigation-Hqlz8klf.js} +1 -1
  14. package/dist/assets/conversation-queries-CFEJLKuS.js +1 -0
  15. package/dist/assets/{debug-page-DcWStNoM.js → debug-page-C46MoFTd.js} +1 -1
  16. package/dist/assets/{document-viewer-page-C-lpbi39.js → document-viewer-page-lZUWlonN.js} +1 -1
  17. package/dist/assets/{home-page-route-5jiODaHf.js → home-page-route-BnEfRPLS.js} +1 -1
  18. package/dist/assets/{index-dL_qVung.js → index-BDknG7-r.js} +1 -1
  19. package/dist/assets/{inspect-page-3e2nsWrH.js → inspect-page-MEm0ZWrv.js} +1 -1
  20. package/dist/assets/{integrations-page-BnU6hrHb.js → integrations-page-Bu5DGkbA.js} +1 -1
  21. package/dist/assets/{library-detail-page-CxS5N-mn.js → library-detail-page-DbLC8v-E.js} +1 -1
  22. package/dist/assets/{library-page-C05w0k0e.js → library-page-Dnn9umgU.js} +1 -1
  23. package/dist/assets/{logs-layout-CXEeel0q.js → logs-layout-BXUhFFdD.js} +1 -1
  24. package/dist/assets/{memory-page-route-th64ytWw.js → memory-page-route-BrwK_0iG.js} +1 -1
  25. package/dist/assets/{message-files-panel-KLYM5mtl.js → message-files-panel-Bs2bSgtc.js} +1 -1
  26. package/dist/assets/{messages-Cq0Nt-fh.js → messages-4p5CKiSM.js} +1 -1
  27. package/dist/assets/{multi-activity-group-UAGU2EYw.js → multi-activity-group-daxkDoU6.js} +1 -1
  28. package/dist/assets/{open-workspace-file-CdBBtRGM.js → open-workspace-file-B5ic_HCe.js} +2 -2
  29. package/dist/assets/{research-onboarding-route-CccBPgUK.js → research-onboarding-route-D-2Zlrgv.js} +1 -1
  30. package/dist/assets/{routes-9n1Jef3I.js → routes-B-kFuBYQ.js} +14 -14
  31. package/dist/assets/{schedules-page-zfK8EMV4.js → schedules-page-BI-S-3Wj.js} +1 -1
  32. package/dist/assets/{settings-layout-B-7S4U3Z.js → settings-layout-DHBiiyyr.js} +1 -1
  33. package/dist/assets/{sidebar-tree-hZH43zzk.js → sidebar-tree-Dyta_u73.js} +1 -1
  34. package/dist/assets/{skill-detail-page-AMpUkBVB.js → skill-detail-page-CMdtVsbK.js} +1 -1
  35. package/dist/assets/{subagent-detail-panel-CdABAEzj.js → subagent-detail-panel-CWGt5cD8.js} +1 -1
  36. package/dist/assets/{tool-detail-panel-DVeGHB9x.js → tool-detail-panel-BFRY7o_y.js} +1 -1
  37. package/dist/assets/{use-edge-swipe-back-BAxf9VZZ.js → use-edge-swipe-back-B6Ye6bmK.js} +2 -2
  38. package/dist/assets/{use-edit-app-DP76JlPU.js → use-edit-app-BUqpdz1x.js} +1 -1
  39. package/dist/assets/use-transcript-message-by-id-DWYw7QdD.js +1 -0
  40. package/dist/assets/{use-transcript-messages-ByF2fmno.js → use-transcript-messages-CpW43HBA.js} +1 -1
  41. package/dist/assets/{viewer-store-CRIQMoA8.js → viewer-store-DqoZzF-O.js} +1 -1
  42. package/dist/index.html +14 -14
  43. package/package.json +1 -1
  44. package/dist/assets/conversation-cache-B3ccAoe3.js +0 -1
  45. package/dist/assets/conversation-queries-DVIS4aQh.js +0 -1
  46. package/dist/assets/use-transcript-message-by-id-lHW0y9Vi.js +0 -1
@@ -1,4 +1,4 @@
1
- import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./capture-error-Cw5vs0Ef.js";import{t as n}from"./react-BFJW0bSv.js";import{t as r}from"./button-BENY-yx_.js";import{t as i}from"./jsx-runtime-D3ZM-ToX.js";import{t as a}from"./typography-BeUa5Fd-.js";import{t as o}from"./createLucideIcon-C1mdGPB9.js";import{a as s,i as c,n as l,o as u,r as d,t as f}from"./acp-run-actions-BtRROeN9.js";import{t as p}from"./arrow-left-BikDV6F2.js";import{t as m}from"./brain-ZiC0HCCF.js";import{t as h}from"./chevron-down-CrFV6lfm.js";import{t as g}from"./chevron-right-DBGgpEiZ.js";import{t as _}from"./circle-check-q8BVdbgw.js";import{t as v}from"./circle-minus-Y3lFnfyL.js";import{w as y}from"./menu-DKE_-iVc.js";import{t as b}from"./code-DwZ6Mhdw.js";import"./src-uMOOM1IV.js";import{t as x}from"./file-text-DDbRSMUn.js";import{t as S}from"./globe-COk-NH9x.js";import{t as C}from"./chat-markdown-message-CQsfcJ35.js";import{t as ee}from"./repeat-BvvxRT2U.js";import{t as te}from"./search-D2xMZu1P.js";import{t as ne}from"./send-BlX2px_R.js";import{t as w}from"./square-CE8V_WXJ.js";import{t as T}from"./terminal-CkQ9DSF2.js";import{t as re}from"./trash-2-BKXSi5Tj.js";import{t as ie}from"./triangle-alert-CB4pJgCL.js";import{t as ae}from"./x-338EsJDP.js";import{t as oe}from"./tag-DeMzQvCo.js";import{a as E,i as se,n as D,r as O}from"./acp-run-store-DAOLku4B.js";import{t as k}from"./three-dot-indicator-BQxSg8G2.js";import{t as ce}from"./status-badge-pill---iRVZ8q.js";var le=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`}]]),A=e(n(),1),j=``;function M(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 ue(e){return(e.messageId?.startsWith(`local-marker-`)??!1)||(e.content?.startsWith(`↻ Steering: `)??!1)}function N(e){let t=e??``;return t.startsWith(`↻ Steering: `)?t.slice(D.length):t}function P(e){let t=e[e.length-1];t&&(t.kind===`agent`||t.kind===`thinking`)&&!t.isComplete&&(e[e.length-1]={...t,isComplete:!0})}function F(e,t){if(t.updateType===`agent_message_chunk`&&ue(t)){P(e),e.push({kind:`user`,id:t.messageId??`steer-${e.length}`,content:N(t.content)});return}switch(t.updateType){case`user_message_chunk`:{let n=t.messageId??j,r=N(t.content),i=e[e.length-1];i&&i.kind===`user`&&i.id===n?e[e.length-1]={...i,content:i.content+r}:(P(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??j,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!==j&&r&&r.kind===`agent`&&r.messageId===j&&!r.isComplete&&r.content===(t.content??``)){e[e.length-1]={...r,messageId:n};return}P(e),e.push({kind:`agent`,messageId:n,content:t.content??``,isComplete:!1});return}case`agent_thought_chunk`:{let n=t.messageId??j,r=e[e.length-1];if(r&&r.kind===`thinking`&&r.messageId===n){e[e.length-1]={...r,content:r.content+(t.content??``)};return}P(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;P(e),e.push({kind:`tool`,toolCallId:n,title:t.toolTitle??``,toolKind:t.toolKind,status:M(t.toolStatus,`running`),content:t.content,locations:I(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=I(t);e[r]={...i,title:t.toolTitle??i.title,toolKind:t.toolKind??i.toolKind,status:M(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=de(t.content);if(n===null)return;let r=e.findIndex(e=>e.kind===`plan`),i={kind:`plan`,entries:n};r===-1?(P(e),e.push(i)):e[r]=i;return}}}function I(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 de(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 fe(e){let t=[];for(let n of e)F(t,n);return t}function pe(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 me(){let e=null,t=[];function n(n){return t=fe(n),e=n,t}function r(r){let i=pe(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++)F(n,r[e]);return e=r,t=n,t}case`mutate-last`:case`fallback`:return n(r)}}return{project:r}}function L(e){let t=(0,A.useRef)(null);return t.current??=me(),t.current.project(e)}function R(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=z(e);t&&r.push(t)}return r}function z(e){if(typeof e!=`object`||!e)return null;let t=e;switch(t.type){case`content`:return{type:`content`,text:he(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=ge(t);return e===void 0?{type:`terminal`}:{type:`terminal`,text:e}}default:return null}}function he(e){if(typeof e==`string`)return e;if(typeof e==`object`&&e){let t=e.text;if(typeof t==`string`)return t}return``}function ge(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 B(e){if(typeof e!=`object`||!e)return;let t=e.command;return typeof t==`string`?t:void 0}function V(e){return R(e).filter(e=>e.type===`content`||e.type===`terminal`).map(e=>`text`in e?e.text??``:``).filter(e=>e.length>0).join(`
1
+ import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./capture-error-Cw5vs0Ef.js";import{t as n}from"./react-BFJW0bSv.js";import{t as r}from"./button-BENY-yx_.js";import{t as i}from"./jsx-runtime-D3ZM-ToX.js";import{t as a}from"./typography-BeUa5Fd-.js";import{t as o}from"./createLucideIcon-C1mdGPB9.js";import{a as s,i as c,n as l,o as u,r as d,t as f}from"./acp-run-actions-BtRROeN9.js";import{t as p}from"./arrow-left-BikDV6F2.js";import{t as m}from"./brain-ZiC0HCCF.js";import{t as h}from"./chevron-down-CrFV6lfm.js";import{t as g}from"./chevron-right-DBGgpEiZ.js";import{t as _}from"./circle-check-q8BVdbgw.js";import{t as v}from"./circle-minus-Y3lFnfyL.js";import{w as y}from"./menu-DKE_-iVc.js";import{t as b}from"./code-DwZ6Mhdw.js";import"./src-uMOOM1IV.js";import{t as x}from"./file-text-DDbRSMUn.js";import{t as S}from"./globe-COk-NH9x.js";import{t as C}from"./chat-markdown-message-B_aOOE1f.js";import{t as ee}from"./repeat-BvvxRT2U.js";import{t as te}from"./search-D2xMZu1P.js";import{t as ne}from"./send-BlX2px_R.js";import{t as w}from"./square-CE8V_WXJ.js";import{t as T}from"./terminal-CkQ9DSF2.js";import{t as re}from"./trash-2-BKXSi5Tj.js";import{t as ie}from"./triangle-alert-CB4pJgCL.js";import{t as ae}from"./x-338EsJDP.js";import{t as oe}from"./tag-DeMzQvCo.js";import{a as E,i as se,n as D,r as O}from"./acp-run-store-DAOLku4B.js";import{t as k}from"./three-dot-indicator-BQxSg8G2.js";import{t as ce}from"./status-badge-pill---iRVZ8q.js";var le=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`}]]),A=e(n(),1),j=``;function M(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 ue(e){return(e.messageId?.startsWith(`local-marker-`)??!1)||(e.content?.startsWith(`↻ Steering: `)??!1)}function N(e){let t=e??``;return t.startsWith(`↻ Steering: `)?t.slice(D.length):t}function P(e){let t=e[e.length-1];t&&(t.kind===`agent`||t.kind===`thinking`)&&!t.isComplete&&(e[e.length-1]={...t,isComplete:!0})}function F(e,t){if(t.updateType===`agent_message_chunk`&&ue(t)){P(e),e.push({kind:`user`,id:t.messageId??`steer-${e.length}`,content:N(t.content)});return}switch(t.updateType){case`user_message_chunk`:{let n=t.messageId??j,r=N(t.content),i=e[e.length-1];i&&i.kind===`user`&&i.id===n?e[e.length-1]={...i,content:i.content+r}:(P(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??j,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!==j&&r&&r.kind===`agent`&&r.messageId===j&&!r.isComplete&&r.content===(t.content??``)){e[e.length-1]={...r,messageId:n};return}P(e),e.push({kind:`agent`,messageId:n,content:t.content??``,isComplete:!1});return}case`agent_thought_chunk`:{let n=t.messageId??j,r=e[e.length-1];if(r&&r.kind===`thinking`&&r.messageId===n){e[e.length-1]={...r,content:r.content+(t.content??``)};return}P(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;P(e),e.push({kind:`tool`,toolCallId:n,title:t.toolTitle??``,toolKind:t.toolKind,status:M(t.toolStatus,`running`),content:t.content,locations:I(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=I(t);e[r]={...i,title:t.toolTitle??i.title,toolKind:t.toolKind??i.toolKind,status:M(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=de(t.content);if(n===null)return;let r=e.findIndex(e=>e.kind===`plan`),i={kind:`plan`,entries:n};r===-1?(P(e),e.push(i)):e[r]=i;return}}}function I(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 de(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 fe(e){let t=[];for(let n of e)F(t,n);return t}function pe(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 me(){let e=null,t=[];function n(n){return t=fe(n),e=n,t}function r(r){let i=pe(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++)F(n,r[e]);return e=r,t=n,t}case`mutate-last`:case`fallback`:return n(r)}}return{project:r}}function L(e){let t=(0,A.useRef)(null);return t.current??=me(),t.current.project(e)}function R(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=z(e);t&&r.push(t)}return r}function z(e){if(typeof e!=`object`||!e)return null;let t=e;switch(t.type){case`content`:return{type:`content`,text:he(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=ge(t);return e===void 0?{type:`terminal`}:{type:`terminal`,text:e}}default:return null}}function he(e){if(typeof e==`string`)return e;if(typeof e==`object`&&e){let t=e.text;if(typeof t==`string`)return t}return``}function ge(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 B(e){if(typeof e!=`object`||!e)return;let t=e.command;return typeof t==`string`?t:void 0}function V(e){return R(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 H(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 U(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 W=i();function _e({content:e,isComplete:t,assistantId:n}){return(0,W.jsxs)(`div`,{"data-testid":`acp-chat-agent-message`,className:`flex w-full flex-col items-start text-chat text-[var(--content-default)]`,children:[(0,W.jsx)(C,{content:e,assistantId:n}),!t&&(0,W.jsx)(k,{className:`mt-1`,"data-testid":`acp-chat-agent-streaming`})]})}function ve({entries:e}){return e.length===0?null:(0,W.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,W.jsxs)(`div`,{className:`mb-2 flex items-center gap-1.5 text-[var(--content-tertiary)]`,children:[(0,W.jsx)(c,{"aria-hidden":!0,className:`h-3.5 w-3.5 shrink-0`}),(0,W.jsx)(a,{variant:`body-small-emphasised`,className:`text-inherit`,children:`Plan`})]}),(0,W.jsx)(`ul`,{className:`flex flex-col gap-1.5`,children:e.map((e,t)=>(0,W.jsxs)(`li`,{"data-testid":`acp-chat-plan-entry`,"data-checked":e.checked,className:`flex items-start gap-2`,children:[e.checked?(0,W.jsx)(_,{"aria-hidden":!0,className:`mt-0.5 h-4 w-4 shrink-0 text-[var(--system-positive-strong)]`}):(0,W.jsx)(y,{"aria-hidden":!0,className:`mt-0.5 h-4 w-4 shrink-0 text-[var(--content-disabled)]`}),(0,W.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 ye(e){switch(e){case`max_tokens`:case`max_turn_requests`:return`Stopped: limit reached`;case`refusal`:return`Refused`;case`cancelled`:return`Cancelled`;default:return`Completed`}}function be(e){return new Date(e).toLocaleTimeString([],{hour:`numeric`,minute:`2-digit`})}function G({completedAt:e}){return e===void 0?null:(0,W.jsxs)(`span`,{"data-testid":`acp-chat-terminal-time`,children:[`at `,be(e)]})}function xe({status:e,stopReason:t,error:n,completedAt:r}){if(E(e))return null;if(e===`failed`)return(0,W.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,W.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,W.jsx)(ie,{className:`h-4 w-4`})}),(0,W.jsx)(`span`,{children:n??`Run failed`})]});if(e===`cancelled`)return(0,W.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,W.jsx)(v,{"aria-hidden":!0,className:`h-4 w-4 shrink-0`}),(0,W.jsx)(`span`,{children:`Cancelled`}),(0,W.jsx)(G,{completedAt:r})]});let i=ye(t);return(0,W.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,W.jsx)(_,{"aria-hidden":!0,className:`h-4 w-4 shrink-0 text-[var(--system-positive-strong)]`}),(0,W.jsx)(`span`,{children:i}),(0,W.jsx)(G,{completedAt:r})]})}function Se({showDot:e,isLast:t,children:n}){return(0,W.jsxs)(`div`,{className:`relative flex items-start gap-2${t?``:` pb-4`}`,children:[!t&&(0,W.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,W.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,W.jsx)(`span`,{className:`h-[5px] w-[5px] rounded-full bg-[var(--content-disabled)]`})}):(0,W.jsx)(`span`,{"aria-hidden":!0,className:`h-[14px] w-[14px] shrink-0`}),(0,W.jsx)(`div`,{className:`min-w-0 flex-1`,children:n})]})}function Ce({content:e,isComplete:t,assistantId:n}){let[r,i]=(0,A.useState)(null),a=r??!t,o=e.trim().length>0,s=t?`Thought process`:`Thinking`,c=t?(0,W.jsx)(m,{"aria-hidden":!0,className:`h-3.5 w-3.5 shrink-0`}):(0,W.jsx)(k,{dotSize:5,className:`shrink-0`,"data-testid":`acp-chat-thinking-streaming`});return o?(0,W.jsxs)(`div`,{"data-testid":`acp-chat-thinking-block`,className:`w-full`,children:[(0,W.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,W.jsx)(h,{"aria-hidden":!0,className:`h-3.5 w-3.5 shrink-0`}):(0,W.jsx)(g,{"aria-hidden":!0,className:`h-3.5 w-3.5 shrink-0`}),c,(0,W.jsx)(`span`,{children:s})]}),a&&(0,W.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,W.jsx)(C,{content:e,assistantId:n})})]}):(0,W.jsx)(`div`,{"data-testid":`acp-chat-thinking-block`,className:`w-full`,children:(0,W.jsxs)(`div`,{className:`flex w-full items-center gap-1.5 text-body-small-default text-[var(--content-tertiary)]`,children:[c,(0,W.jsx)(`span`,{children:s})]})})}var we={running:`neutral`,completed:`positive`,error:`negative`,ended:`neutral`},Te={running:`Running`,completed:`Completed`,error:`Failed`,ended:`Ended`},Ee={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`},De=`Tool call`,Oe={read:x,edit:le,delete:re,move:s,search:te,execute:T,think:m,fetch:S,switch_mode:ee},ke=new Set([`read`,`edit`,`delete`,`move`]);function Ae({toolKind:e}){return(0,W.jsx)(e&&Oe[e]||b,{"aria-hidden":!0,className:`h-4 w-4 shrink-0 text-[var(--content-tertiary)]`})}function K({label:e,value:t,testId:n}){return(0,W.jsxs)(`div`,{"data-testid":n,children:[(0,W.jsx)(`div`,{className:`mb-1 text-body-small-default text-[var(--content-tertiary)]`,children:e}),(0,W.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 je({block:e,isTerminal:t=!1,onOpenDiff:n,onOpenOutput:r}){let[i,o]=(0,A.useState)(!1),s=(0,A.useMemo)(()=>R(e.content),[e.content]),c=(0,A.useMemo)(()=>V(e.content),[e.content]),l=(0,A.useMemo)(()=>c.split(`
3
3
  `).map(e=>e.trim()).find(e=>e.length>0&&!e.startsWith("```"))||`View output`,[c]),u=(0,A.useMemo)(()=>U(s,e.locations),[s,e.locations]),d=t&&e.status===`running`?`ended`:e.status,f=d===`running`,p=e.toolKind&&Ee[e.toolKind]||De,m=B(e.rawInput)??e.title,_=m&&m!==p&&(!ke.has(e.toolKind??``)||u.length===0)?m:null,v=H(e.rawInput),y=H(e.rawOutput),b=v!==void 0||y!==void 0;return(0,W.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,W.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,W.jsx)(Ae,{toolKind:e.toolKind}),(0,W.jsx)(a,{variant:`body-small-emphasised`,className:`min-w-0 flex-1 truncate text-[var(--content-default)]`,title:e.title,children:p}),(0,W.jsx)(oe,{tone:we[d],"data-testid":`acp-chat-tool-status`,children:Te[d]}),f&&(0,W.jsx)(k,{className:`shrink-0`,"data-testid":`acp-chat-tool-running`})]}),_&&(0,W.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:_}),u.length>0&&(0,W.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1.5`,children:u.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,W.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,W.jsx)(x,{"aria-hidden":!0,className:`h-3.5 w-3.5 shrink-0`}),(0,W.jsx)(`span`,{className:`truncate font-mono`,children:t.path})]},t.path):(0,W.jsxs)(`span`,{"data-testid":`acp-chat-tool-file-ref`,title:t.path,className:i,children:[(0,W.jsx)(x,{"aria-hidden":!0,className:`h-3.5 w-3.5 shrink-0`}),(0,W.jsx)(`span`,{className:`truncate font-mono`,children:t.path})]},t.path)})}),c.length>0&&(0,W.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,W.jsx)(T,{"aria-hidden":!0,className:`h-3.5 w-3.5 shrink-0 text-[var(--content-tertiary)]`}),(0,W.jsx)(`span`,{className:`min-w-0 flex-1 truncate font-mono text-body-small-default text-[var(--content-secondary)]`,children:l}),(0,W.jsx)(g,{"aria-hidden":!0,className:`h-3.5 w-3.5 shrink-0 text-[var(--content-tertiary)]`})]}),b&&(0,W.jsxs)(`div`,{className:`mt-2`,"data-testid":`acp-chat-tool-raw`,children:[(0,W.jsxs)(`button`,{type:`button`,"data-testid":`acp-chat-tool-raw-toggle`,"aria-expanded":i,onClick:()=>o(e=>!e),className:`flex items-center gap-1 text-body-small-default text-[var(--content-tertiary)] transition-colors hover:text-[var(--content-default)]`,children:[i?(0,W.jsx)(h,{"aria-hidden":!0,className:`h-3.5 w-3.5 shrink-0`}):(0,W.jsx)(g,{"aria-hidden":!0,className:`h-3.5 w-3.5 shrink-0`}),(0,W.jsx)(`span`,{children:i?`Hide raw input/output`:`Show raw input/output`})]}),i&&(0,W.jsxs)(`div`,{className:`mt-1.5 flex flex-col gap-2`,children:[v!==void 0&&(0,W.jsx)(K,{label:`Raw input`,value:v,testId:`acp-chat-tool-raw-input`}),y!==void 0&&(0,W.jsx)(K,{label:`Raw output`,value:y,testId:`acp-chat-tool-raw-output`})]})]})]})}function Me({content:e}){return(0,W.jsx)(`div`,{"data-testid":`acp-chat-user-turn`,className:`flex w-full justify-end`,children:(0,W.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 Ne(e,t){let n=e=>new Intl.NumberFormat(void 0,{style:`currency`,currency:t}).format(e);return e>0&&e<.01?`<${n(.01)}`:n(e)}var q=new Intl.NumberFormat(`en-US`);function J({label:e,value:t}){return(0,W.jsxs)(`div`,{className:`flex items-baseline gap-1`,"data-usage-stat":e.toLowerCase(),children:[(0,W.jsx)(a,{variant:`label-small-default`,className:`text-[var(--content-tertiary)]`,children:e}),(0,W.jsx)(a,{variant:`body-small-default`,className:`text-[var(--content-secondary)] tabular-nums`,children:t})]})}function Pe({entry:e}){let{inputTokens:t,outputTokens:n,costAmount:r,costCurrency:i}=e;if(t===void 0&&n===void 0)return null;let a=t??0,o=n??0,s=r!=null&&i!=null;return(0,W.jsxs)(`div`,{className:`flex items-center gap-3`,"data-testid":`acp-usage-meter`,children:[(0,W.jsx)(J,{label:`Input`,value:q.format(a)}),(0,W.jsx)(J,{label:`Output`,value:q.format(o)}),s&&(0,W.jsx)(J,{label:`Cost`,value:Ne(r,i)})]})}function Fe({content:e,assistantId:t}){return(0,W.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,W.jsx)(C,{content:V(e),hardLineBreaks:!0,assistantId:t})})}var Y=2e3;function X(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-BENY-yx_.js";import{t as r}from"./jsx-runtime-D3ZM-ToX.js";import{t as i}from"./typography-BeUa5Fd-.js";import{m as a,n as o,t as s}from"./message-content-Beh5mR15.js";import{a as c,d as l,f as u,i as d,n as f,r as p,u as m,x as h}from"./multi-activity-group-UAGU2EYw.js";import{t as g}from"./chevron-left-D-pnIQax.js";import"./src-uMOOM1IV.js";import{t as _}from"./chat-markdown-message-CQsfcJ35.js";import{t as v}from"./workflow-store-D0DBQy44.js";import{t as y}from"./background-task-store-B1MUU_bh.js";import{r as b}from"./acp-run-store-DAOLku4B.js";import{a as x,g as S,i as C,n as w,r as T,s as E,w as D,x as O}from"./site-favicon-BsTPvtRr.js";import{t as k}from"./detail-shell-CbjjTIoq.js";import{t as A}from"./use-transcript-message-by-id-lHW0y9Vi.js";import{ToolDetailBody as j,t as M}from"./tool-detail-panel-DVeGHB9x.js";var N=e(t(),1);function P(e,t,n){let r=l(t,n.workflow),i=e=>{let t=h(e,n.workflow.byToolUseId);if(t!==null&&r.has(t))return!0;let i=m(e,n.acpByToolUseId);if(i!==null&&n.acpById[i]!==void 0)return!0;let a=u(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 F(e,t){let n=A(e),r=v.use.byId(),i=v.use.byToolUseId(),a=v.use.notFoundRunIds(),c=v.use.hydrationFailedRunIds(),l=b.use.byId(),u=b.use.byToolUseId(),d=y.use.byId();return(0,N.useMemo)(()=>{if(!n||t==null)return null;let e=o(n.contentBlocks??[],{splitInlineThinking:n.role!==`user`})[t];if(!e||e.type!==`activity`)return null;let{cardItems:f,toolCalls:p}=s(e.items);return P(f,p,{workflow:{byId:r,byToolUseId:i,notFoundRunIds:a,hydrationFailedRunIds:c},acpById:l,acpByToolUseId:u,backgroundTaskById:d})},[n,t,r,i,a,c,l,u,d])}var I=r(),L=60;function R({payload:e,onClose:t,assistantId:r}){let[a,o]=(0,N.useState)(null),s=F(e.messageId,e.groupIndex),l=s?.items??e.items,u=s?.toolCalls??e.toolCalls,m=c(l),h=p(m.steps),_=d(m.state,m.steps),v=_===`loading`,y=f(_,m.totalDurationLabel??``,h.failed),b=v&&m.currentStepTitle||y,x=new Map(u.map(e=>[e.id,e])),C=a?a.kind===`thinking`?`Thinking`:a.activity||a.title:``;return(0,I.jsx)(k,{titleNode:a?(0,I.jsxs)(`span`,{className:`flex min-w-0 items-center gap-1 py-0.5`,children:[(0,I.jsx)(n,{variant:`ghost`,iconOnly:(0,I.jsx)(g,{}),"aria-label":`Back to all steps`,tooltip:`All steps`,onClick:()=>o(null),className:`-ml-2.5 shrink-0`}),(0,I.jsx)(i,{variant:`title-medium`,className:`min-w-0 shrink truncate leading-snug text-[var(--content-default)]`,children:C})]}):(0,I.jsxs)(`span`,{className:`flex min-w-0 items-center gap-1.5 py-0.5`,children:[(0,I.jsx)(i,{variant:`title-medium`,className:`min-w-0 shrink truncate leading-snug text-[var(--content-default)]`,children:v?(0,I.jsx)(S,{children:b}):b}),m.stepCount?(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{"aria-hidden":!0,className:`size-[3px] shrink-0 rounded-full bg-[var(--content-tertiary)]`}),(0,I.jsx)(i,{variant:`title-medium`,className:`shrink-0 whitespace-nowrap leading-snug text-[var(--content-secondary)]`,children:m.stepCount})]}):null]}),closeLabel:`Close steps`,onClose:t,children:a?(0,I.jsx)(B,{detail:a,assistantId:r}):(0,I.jsx)(E,{steps:m.steps,timeline:!0,renderStep:t=>(0,I.jsx)(z,{step:t,activeDetail:a,onOpenDetail:o,lookupToolCall:e=>x.get(e),messageId:e.messageId,groupIndex:e.groupIndex})})})}function z({step:e,activeDetail:t,onOpenDetail:n,lookupToolCall:r,messageId:i,groupIndex:o}){if(e.kind===`thinking`){let t=i!=null&&e.thinkingItemIndex!=null?{messageId:i,thinkingGroupIndex:o,thinkingItemIndex:e.thinkingItemIndex}:{};return(0,I.jsx)(C,{iconName:`brain`,label:a(D(e.text),L),ariaLabel:`View thinking`,active:!1,onClick:()=>n({kind:`thinking`,toolCallId:``,toolName:``,title:`Thinking`,activity:``,input:{},status:`completed`,thinkingText:e.text,...t})})}if(e.kind===`web_search`)return(0,I.jsx)(T,{step:e});if(e.kind===`web_search_error`)return(0,I.jsx)(w,{step:e});if(e.kind!==`tool`)return(0,I.jsx)(x,{step:e});let s=r(e.toolCallId);return(0,I.jsx)(C,{iconName:e.iconName,label:e.activity||e.info||e.title,active:t?.toolCallId===e.toolCallId,onClick:()=>{s&&n(O(s))}})}function B({detail:e,assistantId:t}){let n=M(e.kind===`thinking`?e.messageId:void 0,e.thinkingGroupIndex,e.thinkingItemIndex);return(0,I.jsx)(`div`,{className:`flex flex-col gap-4`,children:e.kind===`thinking`?(0,I.jsx)(_,{content:n??e.thinkingText??``,hardLineBreaks:!0,assistantId:t}):(0,I.jsx)(j,{detail:e})})}export{R as ActivityStepsPanel};
1
+ import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./react-BFJW0bSv.js";import{t as n}from"./button-BENY-yx_.js";import{t as r}from"./jsx-runtime-D3ZM-ToX.js";import{t as i}from"./typography-BeUa5Fd-.js";import{m as a,n as o,t as s}from"./message-content-Beh5mR15.js";import{a as c,d as l,f as u,i as d,n as f,r as p,u as m,x as h}from"./multi-activity-group-daxkDoU6.js";import{t as g}from"./chevron-left-D-pnIQax.js";import"./src-uMOOM1IV.js";import{t as _}from"./chat-markdown-message-B_aOOE1f.js";import{t as v}from"./workflow-store-D0DBQy44.js";import{t as y}from"./background-task-store-B1MUU_bh.js";import{r as b}from"./acp-run-store-DAOLku4B.js";import{a as x,g as S,i as C,n as w,r as T,s as E,w as D,x as O}from"./site-favicon-BsTPvtRr.js";import{t as k}from"./detail-shell-CbjjTIoq.js";import{t as A}from"./use-transcript-message-by-id-DWYw7QdD.js";import{ToolDetailBody as j,t as M}from"./tool-detail-panel-BFRY7o_y.js";var N=e(t(),1);function P(e,t,n){let r=l(t,n.workflow),i=e=>{let t=h(e,n.workflow.byToolUseId);if(t!==null&&r.has(t))return!0;let i=m(e,n.acpByToolUseId);if(i!==null&&n.acpById[i]!==void 0)return!0;let a=u(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 F(e,t){let n=A(e),r=v.use.byId(),i=v.use.byToolUseId(),a=v.use.notFoundRunIds(),c=v.use.hydrationFailedRunIds(),l=b.use.byId(),u=b.use.byToolUseId(),d=y.use.byId();return(0,N.useMemo)(()=>{if(!n||t==null)return null;let e=o(n.contentBlocks??[],{splitInlineThinking:n.role!==`user`})[t];if(!e||e.type!==`activity`)return null;let{cardItems:f,toolCalls:p}=s(e.items);return P(f,p,{workflow:{byId:r,byToolUseId:i,notFoundRunIds:a,hydrationFailedRunIds:c},acpById:l,acpByToolUseId:u,backgroundTaskById:d})},[n,t,r,i,a,c,l,u,d])}var I=r(),L=60;function R({payload:e,onClose:t,assistantId:r}){let[a,o]=(0,N.useState)(null),s=F(e.messageId,e.groupIndex),l=s?.items??e.items,u=s?.toolCalls??e.toolCalls,m=c(l),h=p(m.steps),_=d(m.state,m.steps),v=_===`loading`,y=f(_,m.totalDurationLabel??``,h.failed),b=v&&m.currentStepTitle||y,x=new Map(u.map(e=>[e.id,e])),C=a?a.kind===`thinking`?`Thinking`:a.activity||a.title:``;return(0,I.jsx)(k,{titleNode:a?(0,I.jsxs)(`span`,{className:`flex min-w-0 items-center gap-1 py-0.5`,children:[(0,I.jsx)(n,{variant:`ghost`,iconOnly:(0,I.jsx)(g,{}),"aria-label":`Back to all steps`,tooltip:`All steps`,onClick:()=>o(null),className:`-ml-2.5 shrink-0`}),(0,I.jsx)(i,{variant:`title-medium`,className:`min-w-0 shrink truncate leading-snug text-[var(--content-default)]`,children:C})]}):(0,I.jsxs)(`span`,{className:`flex min-w-0 items-center gap-1.5 py-0.5`,children:[(0,I.jsx)(i,{variant:`title-medium`,className:`min-w-0 shrink truncate leading-snug text-[var(--content-default)]`,children:v?(0,I.jsx)(S,{children:b}):b}),m.stepCount?(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{"aria-hidden":!0,className:`size-[3px] shrink-0 rounded-full bg-[var(--content-tertiary)]`}),(0,I.jsx)(i,{variant:`title-medium`,className:`shrink-0 whitespace-nowrap leading-snug text-[var(--content-secondary)]`,children:m.stepCount})]}):null]}),closeLabel:`Close steps`,onClose:t,children:a?(0,I.jsx)(B,{detail:a,assistantId:r}):(0,I.jsx)(E,{steps:m.steps,timeline:!0,renderStep:t=>(0,I.jsx)(z,{step:t,activeDetail:a,onOpenDetail:o,lookupToolCall:e=>x.get(e),messageId:e.messageId,groupIndex:e.groupIndex})})})}function z({step:e,activeDetail:t,onOpenDetail:n,lookupToolCall:r,messageId:i,groupIndex:o}){if(e.kind===`thinking`){let t=i!=null&&e.thinkingItemIndex!=null?{messageId:i,thinkingGroupIndex:o,thinkingItemIndex:e.thinkingItemIndex}:{};return(0,I.jsx)(C,{iconName:`brain`,label:a(D(e.text),L),ariaLabel:`View thinking`,active:!1,onClick:()=>n({kind:`thinking`,toolCallId:``,toolName:``,title:`Thinking`,activity:``,input:{},status:`completed`,thinkingText:e.text,...t})})}if(e.kind===`web_search`)return(0,I.jsx)(T,{step:e});if(e.kind===`web_search_error`)return(0,I.jsx)(w,{step:e});if(e.kind!==`tool`)return(0,I.jsx)(x,{step:e});let s=r(e.toolCallId);return(0,I.jsx)(C,{iconName:e.iconName,label:e.activity||e.info||e.title,active:t?.toolCallId===e.toolCallId,onClick:()=>{s&&n(O(s))}})}function B({detail:e,assistantId:t}){let n=M(e.kind===`thinking`?e.messageId:void 0,e.thinkingGroupIndex,e.thinkingItemIndex);return(0,I.jsx)(`div`,{className:`flex flex-col gap-4`,children:e.kind===`thinking`?(0,I.jsx)(_,{content:n??e.thinkingText??``,hardLineBreaks:!0,assistantId:t}):(0,I.jsx)(j,{detail:e})})}export{R as ActivityStepsPanel};
@@ -1 +1 @@
1
- import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./react-BFJW0bSv.js";import{t as n}from"./button-BENY-yx_.js";import{n as r}from"./QueryClientProvider-CMu7CkQU.js";import{t as i}from"./jsx-runtime-D3ZM-ToX.js";import{t as a}from"./cn-DFWryB3N.js";import{t as o}from"./createLucideIcon-C1mdGPB9.js";import"./src-uMOOM1IV.js";import{t as s}from"./external-link-vwewPjbo.js";import{t as c}from"./puzzle-CIWAeBs0.js";import{n as l}from"./toast-BpuLSxyt.js";import{t as u}from"./confirm-dialog-zx8L9sUi.js";import{n as d,t as f}from"./create-selectors-DBgi9gD3.js";import{t as p}from"./sdk.gen-CBPZ2IdN.js";import{i as m}from"./typed-storage-UYklH-m5.js";import{i as h}from"./react-query.gen-DxjuNs-5.js";import{s as g}from"./viewer-store-CRIQMoA8.js";import{t as _}from"./haptics-Mqend0Ru.js";import{t as v}from"./pointer-CmipOtDe.js";import{t as y}from"./misc-Z0jXGGeY.js";import{t as b}from"./edge-swipe-arbiter-store-aOM60mqn.js";import{i as x}from"./sandbox-bridge-eeqaacPB.js";var S=o(`pin-off`,[[`path`,{d:`M12 17v5`,key:`bb1du9`}],[`path`,{d:`M15 9.34V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H7.89`,key:`znwnzq`}],[`path`,{d:`m2 2 20 20`,key:`1ooewy`}],[`path`,{d:`M9 9v1.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h11`,key:`c9qhm2`}]]),C=o(`pin`,[[`path`,{d:`M12 17v5`,key:`bb1du9`}],[`path`,{d:`M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z`,key:`1nkz8b`}]]),w=e(t(),1),T=36,E=.8,D=8,O=.35;function k({enabled:e,leadingActions:t,trailingActions:n}){let r=(t?.length??0)*72,i=(n?.length??0)*72,[a,o]=(0,w.useState)(0),[s,c]=(0,w.useState)(!1),[l,u]=(0,w.useState)(`none`),d=b.use.registerOpenRow(),f=b.use.unregisterOpenRow();(0,w.useEffect)(()=>{if(l!==`none`)return d(),f},[l,d,f]);let p=(0,w.useRef)(null),m=(0,w.useCallback)(()=>{p.current=null,c(!1),o(0)},[]),h=(0,w.useCallback)(()=>{o(0),u(`none`)},[]);return{offset:a,isDragging:s,revealedSide:l,leadingWidth:r,trailingWidth:i,onTouchStart:(0,w.useCallback)(r=>{if(!e||!t&&!n)return;if(r.touches.length!==1){m();return}let i=r.touches[0];p.current={touchId:i.identifier,startX:i.clientX,startY:i.clientY,axis:`undecided`,lastDx:0,startOffset:a}},[e,t,n,a,m]),onTouchMove:(0,w.useCallback)(e=>{let t=p.current;if(!t)return;if(e.touches.length!==1){m();return}let n=e.touches[0];if(n.identifier!==t.touchId)return;let a=n.clientX-t.startX,s=n.clientY-t.startY;if(t.lastDx=a,t.axis===`undecided`){if(Math.abs(a)<D&&Math.abs(s)<D)return;if(Math.abs(s)>Math.abs(a)*E){p.current=null;return}t.axis=`horizontal`,c(!0)}if(t.axis!==`horizontal`)return;if(Math.abs(a)<T&&Math.abs(s)>Math.abs(a)*E){m(),o(t.startOffset);return}let l=t.startOffset+a,u=r,d=-i;l>u?l=u+(l-u)*O:l<d&&(l=d+(l-d)*O),(t.startOffset>0&&l<0&&i===0||t.startOffset<0&&l>0&&r===0)&&(l*=O),o(l)},[r,i,m]),onTouchEnd:(0,w.useCallback)(e=>{let t=p.current;if(!t){m();return}if(t.axis===`undecided`){p.current=null,c(!1);return}if(t.axis!==`horizontal`){m();return}if(e.touches.length>0){m();return}let n=Array.from(e.changedTouches).find(e=>e.identifier===t.touchId),a=n?n.clientX-t.startX:t.lastDx,s=t.startOffset+a;s<=-T&&i>0?(_.light(),o(-i),u(`trailing`)):s>=T&&r>0?(_.light(),o(r),u(`leading`)):(o(0),u(`none`)),p.current=null,c(!1)},[r,i,m]),onTouchCancel:(0,w.useCallback)(()=>{h(),m()},[h,m]),close:h}}var A=i();function j({action:e,onAfterSelect:t,hidden:n=!1}){let r=(0,w.useCallback)(()=>{e.onSelect(),t()},[e,t]),i=e.icon;return(0,A.jsxs)(`button`,{type:`button`,"aria-label":e.label,"aria-hidden":n,tabIndex:n?-1:0,onClick:r,className:a(`flex shrink-0 flex-col items-center justify-center gap-1`,`touch-mobile:transition-none`),style:{width:72,color:e.variant===`destructive`?`var(--aux-white)`:`var(--content-inset)`,background:e.variant===`destructive`?`var(--system-negative-strong)`:`var(--primary-base)`},children:[(0,A.jsx)(i,{size:18}),(0,A.jsx)(`span`,{className:`text-[10px] font-medium leading-none`,children:e.label})]})}var M=(0,w.forwardRef)(function({children:e,leadingActions:t,trailingActions:n,enabled:r=v(),className:i,style:o,...s},c){let l=r&&((t?.length??0)>0||(n?.length??0)>0),{offset:u,isDragging:d,onTouchStart:f,onTouchMove:p,onTouchEnd:m,onTouchCancel:h,close:g}=k({enabled:l,leadingActions:t,trailingActions:n});return l?(0,A.jsxs)(`div`,{ref:c,className:a(`relative overflow-hidden`,i),...s,style:{...o,touchAction:`pan-y`},onTouchStart:f,onTouchMove:p,onTouchEnd:m,onTouchCancel:h,children:[n&&n.length>0?(0,A.jsx)(`div`,{className:`absolute inset-y-0 right-0 flex`,"aria-hidden":u>=0,style:u>=0?{pointerEvents:`none`}:void 0,children:n.map(e=>(0,A.jsx)(j,{action:e,onAfterSelect:g,hidden:u>=0},e.id))}):null,t&&t.length>0?(0,A.jsx)(`div`,{className:`absolute inset-y-0 left-0 flex`,"aria-hidden":u<=0,style:u<=0?{pointerEvents:`none`}:void 0,children:t.map(e=>(0,A.jsx)(j,{action:e,onAfterSelect:g,hidden:u<=0},e.id))}):null,(0,A.jsx)(`div`,{className:a(`relative bg-[var(--surface-overlay)] transition-transform`,d&&`transition-none`),style:{transform:`translateX(${u}px)`,zIndex:1},children:e})]}):(0,A.jsx)(`div`,{ref:c,className:i,style:o,...s,children:e})});function N(e){if(!e||typeof e!=`object`)return!1;let t=e;return typeof t.appId==`string`&&typeof t.pinnedOrder==`number`&&Number.isFinite(t.pinnedOrder)&&typeof t.name==`string`&&(t.icon===void 0||typeof t.icon==`string`)}function P(e){let t=JSON.parse(e);return Array.isArray(t)?t.filter(N):null}var F=m({key:`vellum:pinnedApps`,scope:`user`,parse:P,serialize:JSON.stringify,fallback:[]}),I=F.load;F.save;function L(e){let t=F.load();if(t.some(t=>t.appId===e.id))return;let n=t.reduce((e,t)=>Math.max(e,t.pinnedOrder),0);F.save([...t,{appId:e.id,pinnedOrder:n+1,name:e.name,icon:e.icon}])}function R(e){let t=F.load().filter(t=>t.appId!==e);t=t.sort((e,t)=>e.pinnedOrder-t.pinnedOrder).map((e,t)=>({...e,pinnedOrder:t+1})),F.save(t)}var z=new Set;function B(){let e=I();return{pinnedApps:e,pinnedAppIds:new Set(e.map(e=>e.appId))}}var V=f(d()((e,t)=>({...B(),togglePin:n=>{t().pinnedAppIds.has(n.id)?t().unpin(n.id):(L(n),e(B()))},unpin:n=>{if(t().pinnedAppIds.has(n)){R(n),e(B());for(let e of z)e(n)}},isPinned:e=>t().pinnedAppIds.has(e),onUnpin:e=>(z.add(e),()=>{z.delete(e)})})));function H({app:e,isDeleting:t,onConfirm:n,onCancel:r}){return(0,A.jsx)(u,{open:e!==null,title:`Delete app`,message:e?`"${e.name}" will be permanently removed.`:``,confirmLabel:t?`Deleting…`:`Delete`,destructive:!0,onConfirm:n,onCancel:r})}function U(e){let t=r(),n=V.use.togglePin(),i=V.use.pinnedAppIds(),[a,o]=(0,w.useState)(null),[s,c]=(0,w.useState)(!1);return{pendingDelete:a,isDeleting:s,requestDelete:o,confirmDelete:(0,w.useCallback)(async()=>{if(!(!a||s)){c(!0);try{await p({path:{assistant_id:e,id:a.id},throwOnError:!0}),g(e,a.id),t.invalidateQueries({queryKey:h({path:{assistant_id:e}})}),i.has(a.id)&&n(a),o(null)}catch(e){l.error(e instanceof Error?e.message:`Failed to delete app`)}finally{c(!1)}}},[a,s,e,i,n,t]),cancelDelete:(0,w.useCallback)(()=>{s||o(null)},[s])}}function W({name:e,description:t,icon:r,loadHtml:i,isPinned:a=!1,isLoading:o=!1,isOpenDisabled:c=!1,isPreviewPending:l=!1,onOpen:u,onPin:d}){return(0,A.jsxs)(`div`,{className:y(`flex flex-col gap-2 rounded-xl border border-[var(--border-base)]`,`bg-[var(--surface-lift)] p-3`),children:[(0,A.jsx)(G,{name:e,icon:r,loadHtml:l?void 0:i,isLoading:o,isPreviewPending:l}),(0,A.jsxs)(`div`,{className:`flex flex-col gap-0.5 px-0.5`,children:[(0,A.jsxs)(`span`,{className:`flex items-center gap-2 truncate text-body-large-default text-[color:var(--content-emphasised)]`,children:[r?(0,A.jsx)(`span`,{"aria-hidden":!0,className:`leading-none`,children:r}):null,(0,A.jsx)(`span`,{className:`truncate`,children:e})]}),t?(0,A.jsx)(`span`,{className:`truncate text-body-medium-default text-[color:var(--content-secondary)]`,children:t}):null]}),(0,A.jsxs)(`div`,{className:`flex items-center gap-1.5 px-0.5`,children:[(0,A.jsx)(n,{variant:`primary`,leftIcon:(0,A.jsx)(s,{}),onClick:u,disabled:c||u==null,children:`Open App`}),(0,A.jsx)(n,{variant:`outlined`,leftIcon:a?(0,A.jsx)(S,{}):(0,A.jsx)(C,{}),onClick:d,disabled:d==null,children:a?`Unpin`:`Pin`})]})]})}function G({name:e,icon:t,loadHtml:n,isLoading:r=!1,isPreviewPending:i=!1,className:a}){let o=(0,w.useRef)(null),[s,l]=(0,w.useState)(null),[u,d]=(0,w.useState)(!1);return(0,w.useEffect)(()=>{if(n==null)return;let e=o.current;if(!e||typeof IntersectionObserver>`u`)return;let t=new IntersectionObserver(([e])=>{e?.isIntersecting&&(d(!0),t.disconnect())},{rootMargin:`200px`});return t.observe(e),()=>t.disconnect()},[n]),(0,w.useEffect)(()=>{if(!u||n==null)return;let e=!1;return n().then(t=>{e||l(t)}).catch(()=>{}),()=>{e=!0}},[u,n]),(0,A.jsxs)(`div`,{ref:o,className:y(`relative aspect-[16/10] w-full overflow-hidden rounded-lg`,`border border-[var(--border-base)] bg-[var(--surface-base)]`,a),children:[(0,A.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center`,children:i?null:t?(0,A.jsx)(`span`,{className:`text-4xl`,children:t}):(0,A.jsx)(c,{size:32,className:`text-[var(--content-tertiary)]`})}),s!=null&&(0,A.jsx)(`iframe`,{srcDoc:x(s),sandbox:`allow-scripts`,referrerPolicy:`no-referrer`,title:`${e} preview`,"aria-hidden":`true`,tabIndex:-1,loading:`lazy`,scrolling:`no`,className:`absolute left-0 top-0 border-none bg-[var(--surface-base)]`,style:{width:`200%`,height:`200%`,transform:`scale(0.5)`,transformOrigin:`top left`,pointerEvents:`none`}}),r&&(0,A.jsx)(`div`,{className:`absolute inset-0 z-10 flex items-center justify-center bg-[var(--surface-base)]/60 backdrop-blur-sm`,children:(0,A.jsx)(`div`,{className:`h-5 w-5 animate-spin rounded-full border-2 border-[var(--border-base)] border-t-[var(--primary-base)]`})})]})}export{V as a,S as c,H as i,G as n,M as o,U as r,C as s,W as t};
1
+ import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./react-BFJW0bSv.js";import{t as n}from"./button-BENY-yx_.js";import{n as r}from"./QueryClientProvider-CMu7CkQU.js";import{t as i}from"./jsx-runtime-D3ZM-ToX.js";import{t as a}from"./cn-DFWryB3N.js";import{t as o}from"./createLucideIcon-C1mdGPB9.js";import"./src-uMOOM1IV.js";import{t as s}from"./external-link-vwewPjbo.js";import{t as c}from"./puzzle-CIWAeBs0.js";import{n as l}from"./toast-BpuLSxyt.js";import{t as u}from"./confirm-dialog-zx8L9sUi.js";import{n as d,t as f}from"./create-selectors-DBgi9gD3.js";import{t as p}from"./sdk.gen-CBPZ2IdN.js";import{i as m}from"./typed-storage-UYklH-m5.js";import{i as h}from"./react-query.gen-DxjuNs-5.js";import{s as g}from"./viewer-store-DqoZzF-O.js";import{t as _}from"./haptics-Mqend0Ru.js";import{t as v}from"./pointer-CmipOtDe.js";import{t as y}from"./misc-Z0jXGGeY.js";import{t as b}from"./edge-swipe-arbiter-store-aOM60mqn.js";import{i as x}from"./sandbox-bridge-eeqaacPB.js";var S=o(`pin-off`,[[`path`,{d:`M12 17v5`,key:`bb1du9`}],[`path`,{d:`M15 9.34V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H7.89`,key:`znwnzq`}],[`path`,{d:`m2 2 20 20`,key:`1ooewy`}],[`path`,{d:`M9 9v1.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h11`,key:`c9qhm2`}]]),C=o(`pin`,[[`path`,{d:`M12 17v5`,key:`bb1du9`}],[`path`,{d:`M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z`,key:`1nkz8b`}]]),w=e(t(),1),T=36,E=.8,D=8,O=.35;function k({enabled:e,leadingActions:t,trailingActions:n}){let r=(t?.length??0)*72,i=(n?.length??0)*72,[a,o]=(0,w.useState)(0),[s,c]=(0,w.useState)(!1),[l,u]=(0,w.useState)(`none`),d=b.use.registerOpenRow(),f=b.use.unregisterOpenRow();(0,w.useEffect)(()=>{if(l!==`none`)return d(),f},[l,d,f]);let p=(0,w.useRef)(null),m=(0,w.useCallback)(()=>{p.current=null,c(!1),o(0)},[]),h=(0,w.useCallback)(()=>{o(0),u(`none`)},[]);return{offset:a,isDragging:s,revealedSide:l,leadingWidth:r,trailingWidth:i,onTouchStart:(0,w.useCallback)(r=>{if(!e||!t&&!n)return;if(r.touches.length!==1){m();return}let i=r.touches[0];p.current={touchId:i.identifier,startX:i.clientX,startY:i.clientY,axis:`undecided`,lastDx:0,startOffset:a}},[e,t,n,a,m]),onTouchMove:(0,w.useCallback)(e=>{let t=p.current;if(!t)return;if(e.touches.length!==1){m();return}let n=e.touches[0];if(n.identifier!==t.touchId)return;let a=n.clientX-t.startX,s=n.clientY-t.startY;if(t.lastDx=a,t.axis===`undecided`){if(Math.abs(a)<D&&Math.abs(s)<D)return;if(Math.abs(s)>Math.abs(a)*E){p.current=null;return}t.axis=`horizontal`,c(!0)}if(t.axis!==`horizontal`)return;if(Math.abs(a)<T&&Math.abs(s)>Math.abs(a)*E){m(),o(t.startOffset);return}let l=t.startOffset+a,u=r,d=-i;l>u?l=u+(l-u)*O:l<d&&(l=d+(l-d)*O),(t.startOffset>0&&l<0&&i===0||t.startOffset<0&&l>0&&r===0)&&(l*=O),o(l)},[r,i,m]),onTouchEnd:(0,w.useCallback)(e=>{let t=p.current;if(!t){m();return}if(t.axis===`undecided`){p.current=null,c(!1);return}if(t.axis!==`horizontal`){m();return}if(e.touches.length>0){m();return}let n=Array.from(e.changedTouches).find(e=>e.identifier===t.touchId),a=n?n.clientX-t.startX:t.lastDx,s=t.startOffset+a;s<=-T&&i>0?(_.light(),o(-i),u(`trailing`)):s>=T&&r>0?(_.light(),o(r),u(`leading`)):(o(0),u(`none`)),p.current=null,c(!1)},[r,i,m]),onTouchCancel:(0,w.useCallback)(()=>{h(),m()},[h,m]),close:h}}var A=i();function j({action:e,onAfterSelect:t,hidden:n=!1}){let r=(0,w.useCallback)(()=>{e.onSelect(),t()},[e,t]),i=e.icon;return(0,A.jsxs)(`button`,{type:`button`,"aria-label":e.label,"aria-hidden":n,tabIndex:n?-1:0,onClick:r,className:a(`flex shrink-0 flex-col items-center justify-center gap-1`,`touch-mobile:transition-none`),style:{width:72,color:e.variant===`destructive`?`var(--aux-white)`:`var(--content-inset)`,background:e.variant===`destructive`?`var(--system-negative-strong)`:`var(--primary-base)`},children:[(0,A.jsx)(i,{size:18}),(0,A.jsx)(`span`,{className:`text-[10px] font-medium leading-none`,children:e.label})]})}var M=(0,w.forwardRef)(function({children:e,leadingActions:t,trailingActions:n,enabled:r=v(),className:i,style:o,...s},c){let l=r&&((t?.length??0)>0||(n?.length??0)>0),{offset:u,isDragging:d,onTouchStart:f,onTouchMove:p,onTouchEnd:m,onTouchCancel:h,close:g}=k({enabled:l,leadingActions:t,trailingActions:n});return l?(0,A.jsxs)(`div`,{ref:c,className:a(`relative overflow-hidden`,i),...s,style:{...o,touchAction:`pan-y`},onTouchStart:f,onTouchMove:p,onTouchEnd:m,onTouchCancel:h,children:[n&&n.length>0?(0,A.jsx)(`div`,{className:`absolute inset-y-0 right-0 flex`,"aria-hidden":u>=0,style:u>=0?{pointerEvents:`none`}:void 0,children:n.map(e=>(0,A.jsx)(j,{action:e,onAfterSelect:g,hidden:u>=0},e.id))}):null,t&&t.length>0?(0,A.jsx)(`div`,{className:`absolute inset-y-0 left-0 flex`,"aria-hidden":u<=0,style:u<=0?{pointerEvents:`none`}:void 0,children:t.map(e=>(0,A.jsx)(j,{action:e,onAfterSelect:g,hidden:u<=0},e.id))}):null,(0,A.jsx)(`div`,{className:a(`relative bg-[var(--surface-overlay)] transition-transform`,d&&`transition-none`),style:{transform:`translateX(${u}px)`,zIndex:1},children:e})]}):(0,A.jsx)(`div`,{ref:c,className:i,style:o,...s,children:e})});function N(e){if(!e||typeof e!=`object`)return!1;let t=e;return typeof t.appId==`string`&&typeof t.pinnedOrder==`number`&&Number.isFinite(t.pinnedOrder)&&typeof t.name==`string`&&(t.icon===void 0||typeof t.icon==`string`)}function P(e){let t=JSON.parse(e);return Array.isArray(t)?t.filter(N):null}var F=m({key:`vellum:pinnedApps`,scope:`user`,parse:P,serialize:JSON.stringify,fallback:[]}),I=F.load;F.save;function L(e){let t=F.load();if(t.some(t=>t.appId===e.id))return;let n=t.reduce((e,t)=>Math.max(e,t.pinnedOrder),0);F.save([...t,{appId:e.id,pinnedOrder:n+1,name:e.name,icon:e.icon}])}function R(e){let t=F.load().filter(t=>t.appId!==e);t=t.sort((e,t)=>e.pinnedOrder-t.pinnedOrder).map((e,t)=>({...e,pinnedOrder:t+1})),F.save(t)}var z=new Set;function B(){let e=I();return{pinnedApps:e,pinnedAppIds:new Set(e.map(e=>e.appId))}}var V=f(d()((e,t)=>({...B(),togglePin:n=>{t().pinnedAppIds.has(n.id)?t().unpin(n.id):(L(n),e(B()))},unpin:n=>{if(t().pinnedAppIds.has(n)){R(n),e(B());for(let e of z)e(n)}},isPinned:e=>t().pinnedAppIds.has(e),onUnpin:e=>(z.add(e),()=>{z.delete(e)})})));function H({app:e,isDeleting:t,onConfirm:n,onCancel:r}){return(0,A.jsx)(u,{open:e!==null,title:`Delete app`,message:e?`"${e.name}" will be permanently removed.`:``,confirmLabel:t?`Deleting…`:`Delete`,destructive:!0,onConfirm:n,onCancel:r})}function U(e){let t=r(),n=V.use.togglePin(),i=V.use.pinnedAppIds(),[a,o]=(0,w.useState)(null),[s,c]=(0,w.useState)(!1);return{pendingDelete:a,isDeleting:s,requestDelete:o,confirmDelete:(0,w.useCallback)(async()=>{if(!(!a||s)){c(!0);try{await p({path:{assistant_id:e,id:a.id},throwOnError:!0}),g(e,a.id),t.invalidateQueries({queryKey:h({path:{assistant_id:e}})}),i.has(a.id)&&n(a),o(null)}catch(e){l.error(e instanceof Error?e.message:`Failed to delete app`)}finally{c(!1)}}},[a,s,e,i,n,t]),cancelDelete:(0,w.useCallback)(()=>{s||o(null)},[s])}}function W({name:e,description:t,icon:r,loadHtml:i,isPinned:a=!1,isLoading:o=!1,isOpenDisabled:c=!1,isPreviewPending:l=!1,onOpen:u,onPin:d}){return(0,A.jsxs)(`div`,{className:y(`flex flex-col gap-2 rounded-xl border border-[var(--border-base)]`,`bg-[var(--surface-lift)] p-3`),children:[(0,A.jsx)(G,{name:e,icon:r,loadHtml:l?void 0:i,isLoading:o,isPreviewPending:l}),(0,A.jsxs)(`div`,{className:`flex flex-col gap-0.5 px-0.5`,children:[(0,A.jsxs)(`span`,{className:`flex items-center gap-2 truncate text-body-large-default text-[color:var(--content-emphasised)]`,children:[r?(0,A.jsx)(`span`,{"aria-hidden":!0,className:`leading-none`,children:r}):null,(0,A.jsx)(`span`,{className:`truncate`,children:e})]}),t?(0,A.jsx)(`span`,{className:`truncate text-body-medium-default text-[color:var(--content-secondary)]`,children:t}):null]}),(0,A.jsxs)(`div`,{className:`flex items-center gap-1.5 px-0.5`,children:[(0,A.jsx)(n,{variant:`primary`,leftIcon:(0,A.jsx)(s,{}),onClick:u,disabled:c||u==null,children:`Open App`}),(0,A.jsx)(n,{variant:`outlined`,leftIcon:a?(0,A.jsx)(S,{}):(0,A.jsx)(C,{}),onClick:d,disabled:d==null,children:a?`Unpin`:`Pin`})]})]})}function G({name:e,icon:t,loadHtml:n,isLoading:r=!1,isPreviewPending:i=!1,className:a}){let o=(0,w.useRef)(null),[s,l]=(0,w.useState)(null),[u,d]=(0,w.useState)(!1);return(0,w.useEffect)(()=>{if(n==null)return;let e=o.current;if(!e||typeof IntersectionObserver>`u`)return;let t=new IntersectionObserver(([e])=>{e?.isIntersecting&&(d(!0),t.disconnect())},{rootMargin:`200px`});return t.observe(e),()=>t.disconnect()},[n]),(0,w.useEffect)(()=>{if(!u||n==null)return;let e=!1;return n().then(t=>{e||l(t)}).catch(()=>{}),()=>{e=!0}},[u,n]),(0,A.jsxs)(`div`,{ref:o,className:y(`relative aspect-[16/10] w-full overflow-hidden rounded-lg`,`border border-[var(--border-base)] bg-[var(--surface-base)]`,a),children:[(0,A.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center`,children:i?null:t?(0,A.jsx)(`span`,{className:`text-4xl`,children:t}):(0,A.jsx)(c,{size:32,className:`text-[var(--content-tertiary)]`})}),s!=null&&(0,A.jsx)(`iframe`,{srcDoc:x(s),sandbox:`allow-scripts`,referrerPolicy:`no-referrer`,title:`${e} preview`,"aria-hidden":`true`,tabIndex:-1,loading:`lazy`,scrolling:`no`,className:`absolute left-0 top-0 border-none bg-[var(--surface-base)]`,style:{width:`200%`,height:`200%`,transform:`scale(0.5)`,transformOrigin:`top left`,pointerEvents:`none`}}),r&&(0,A.jsx)(`div`,{className:`absolute inset-0 z-10 flex items-center justify-center bg-[var(--surface-base)]/60 backdrop-blur-sm`,children:(0,A.jsx)(`div`,{className:`h-5 w-5 animate-spin rounded-full border-2 border-[var(--border-base)] border-t-[var(--primary-base)]`})})]})}export{V as a,S as c,H as i,G as n,M as o,U as r,C as s,W as t};
@@ -1 +1 @@
1
- import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./capture-error-Cw5vs0Ef.js";import{t as n}from"./react-BFJW0bSv.js";import{t as r}from"./jsx-runtime-D3ZM-ToX.js";import{t as i}from"./typography-BeUa5Fd-.js";import"./src-uMOOM1IV.js";import{r as a,t as o}from"./background-task-actions-NhVu8iWU.js";import{a as s,i as c,n as l,r as u}from"./background-task-store-B1MUU_bh.js";import{t as d}from"./detail-shell-CbjjTIoq.js";import{t as f}from"./status-badge-pill---iRVZ8q.js";import{CodeBlock as p,SectionLabel as m}from"./tool-detail-panel-DVeGHB9x.js";import{t as h}from"./detail-panel-stop-button-D_FN8rIm.js";var g=e(n(),1),_=r();function v({status:e}){return(0,_.jsx)(f,{color:l(e),label:u(e)})}function y({entry:e,onClose:n}){let r=s(e.status),l=!r,u=l&&e.output!==void 0&&e.output!==``,f=l&&e.exitCode!=null,[y,b]=(0,g.useState)(!1),x=(0,g.useCallback)(()=>{b(!0),o(e.id).catch(e=>{b(!1),t(e,{context:`BackgroundTaskDetailPanel.stop`})})},[e.id]);return(0,_.jsxs)(d,{Glyph:a(e.toolName),title:c(e.status),headerTrailing:(0,_.jsx)(v,{status:e.status}),headerActions:r?(0,_.jsx)(h,{onStop:x,ariaLabel:`Stop command`,disabled:y}):void 0,closeVariant:`outlined`,closeLabel:`Close task detail`,onClose:n,children:[(0,_.jsxs)(`div`,{children:[(0,_.jsx)(m,{children:`Command`}),(0,_.jsx)(p,{text:e.command})]}),u&&(0,_.jsxs)(`div`,{className:`mt-5`,children:[(0,_.jsx)(m,{children:`Output`}),(0,_.jsx)(p,{text:e.output})]}),f&&(0,_.jsxs)(i,{variant:`body-small-default`,as:`p`,className:`mt-2 text-[var(--content-tertiary)]`,children:[`Exit code: `,e.exitCode]})]})}export{y as BackgroundTaskDetailPanel};
1
+ import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./capture-error-Cw5vs0Ef.js";import{t as n}from"./react-BFJW0bSv.js";import{t as r}from"./jsx-runtime-D3ZM-ToX.js";import{t as i}from"./typography-BeUa5Fd-.js";import"./src-uMOOM1IV.js";import{r as a,t as o}from"./background-task-actions-NhVu8iWU.js";import{a as s,i as c,n as l,r as u}from"./background-task-store-B1MUU_bh.js";import{t as d}from"./detail-shell-CbjjTIoq.js";import{t as f}from"./status-badge-pill---iRVZ8q.js";import{CodeBlock as p,SectionLabel as m}from"./tool-detail-panel-BFRY7o_y.js";import{t as h}from"./detail-panel-stop-button-D_FN8rIm.js";var g=e(n(),1),_=r();function v({status:e}){return(0,_.jsx)(f,{color:l(e),label:u(e)})}function y({entry:e,onClose:n}){let r=s(e.status),l=!r,u=l&&e.output!==void 0&&e.output!==``,f=l&&e.exitCode!=null,[y,b]=(0,g.useState)(!1),x=(0,g.useCallback)(()=>{b(!0),o(e.id).catch(e=>{b(!1),t(e,{context:`BackgroundTaskDetailPanel.stop`})})},[e.id]);return(0,_.jsxs)(d,{Glyph:a(e.toolName),title:c(e.status),headerTrailing:(0,_.jsx)(v,{status:e.status}),headerActions:r?(0,_.jsx)(h,{onStop:x,ariaLabel:`Stop command`,disabled:y}):void 0,closeVariant:`outlined`,closeLabel:`Close task detail`,onClose:n,children:[(0,_.jsxs)(`div`,{children:[(0,_.jsx)(m,{children:`Command`}),(0,_.jsx)(p,{text:e.command})]}),u&&(0,_.jsxs)(`div`,{className:`mt-5`,children:[(0,_.jsx)(m,{children:`Output`}),(0,_.jsx)(p,{text:e.output})]}),f&&(0,_.jsxs)(i,{variant:`body-small-default`,as:`p`,className:`mt-2 text-[var(--content-tertiary)]`,children:[`Exit code: `,e.exitCode]})]})}export{y as BackgroundTaskDetailPanel};
@@ -1,3 +1,3 @@
1
1
  const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/native-file-BUoRmAbj.js","assets/chunk-jRWAZmH_.js","assets/preload-helper-Cv2QeVDK.js","assets/is-electron-BHXrkjI3.js","assets/dist-Br0LBu8Y.js"])))=>i.map(i=>d[i]);
2
- import{o as e,t}from"./chunk-jRWAZmH_.js";import{t as n}from"./capture-error-Cw5vs0Ef.js";import{t as r}from"./react-BFJW0bSv.js";import{t as i}from"./button-BENY-yx_.js";import{t as a}from"./preload-helper-Cv2QeVDK.js";import{d as o,h as s,t as c,u as l}from"./chunk-5KNZJZUH-BUqIilZr.js";import{n as u}from"./QueryClientProvider-CMu7CkQU.js";import{t as d}from"./useQuery-Bz-fbQ-m.js";import{t as f}from"./useInfiniteQuery-Dk8q0n49.js";import{t as p}from"./useMutation-CXGTrp4W.js";import{t as m}from"./jsx-runtime-D3ZM-ToX.js";import{t as h}from"./typography-BeUa5Fd-.js";import{t as g}from"./card-q0GJX1HZ.js";import{t as _}from"./createLucideIcon-C1mdGPB9.js";import{t as v}from"./arrow-left-BikDV6F2.js";import{t as y}from"./check-DSgjgwlo.js";import{t as b}from"./chevron-down-CrFV6lfm.js";import{t as x}from"./chevron-up-B84s50b8.js";import{t as S}from"./circle-check-q8BVdbgw.js";import{t as C}from"./coins-CJ7Ik1IC.js";import{B as w,D as T,F as E,I as D,N as O,O as k,P as A,R as j,S as M,T as N,_ as P,a as ee,b as te,c as ne,f as re,g as ie,h as ae,i as oe,j as se,k as ce,l as F,m as I,n as le,o as L,p as R,r as z,s as ue,t as B,u as de,v as fe}from"./use-checkout-dismiss-refresh-ixWxuGJb.js";import{R as pe,W as me,i as he,z as ge}from"./src-uMOOM1IV.js";import{i as _e,n as ve,r as ye,t as be}from"./daily-reset-time-B2-pE2Lv.js";import{t as xe}from"./download-Byg0fi0d.js";import{t as Se}from"./external-link-vwewPjbo.js";import{t as Ce}from"./info-CXkwGlN_.js";import{t as V}from"./loader-circle-DOtGXcds.js";import{t as we}from"./sparkles-B94iNYGJ.js";import{t as Te}from"./triangle-alert-CB4pJgCL.js";import{t as Ee}from"./users-XI0CRYkf.js";import{t as De}from"./x-338EsJDP.js";import{t as H}from"./notice-C0ifrvvJ.js";import{t as Oe}from"./tag-DeMzQvCo.js";import{t as U}from"./input-DmHXRXaB.js";import{t as ke}from"./toggle-C-v4x7_A.js";import{t as W}from"./modal-DI63s9MQ.js";import{n as G}from"./toast-BpuLSxyt.js";import{t as Ae}from"./confirm-dialog-zx8L9sUi.js";import{t as je}from"./select-B8-i-CZ4.js";import{a as Me,n as Ne,t as Pe}from"./api-errors-BQX1Pzcm.js";import{l as Fe,o as Ie}from"./auth-store-CRD3YNBJ.js";import{ft as Le,pt as Re}from"./sdk.gen-DKYWIHI7.js";import{Lr as ze}from"./sdk.gen-CBPZ2IdN.js";import{L as Be}from"./platform-detection-C_TK32Dw.js";import{d as Ve}from"./routes-iipg2wkc.js";import{i as He,r as Ue,t as We}from"./use-platform-gate-BFYbGTMc.js";import{r as Ge}from"./use-is-org-ready-D-jjslax.js";import{Gt as Ke,Jt as qe,Kt as Je,St as Ye,p as Xe,qt as Ze,u as Qe}from"./react-query.gen-DxjuNs-5.js";import{n as $e,r as et}from"./browser-BP3Xidk_.js";import{n as tt,t as nt}from"./conversation-navigation-tPnWt-XR.js";import{n as rt}from"./use-is-mobile-BP8UePsY.js";import{t as it}from"./effective-timezone-CjGPHJlt.js";import{$ as at,B as ot,Et as st,G as ct,H as lt,J as ut,K as dt,Q as ft,R as pt,U as mt,V as ht,W as gt,X as _t,Y as vt,Z as yt,_t as bt,at as xt,ct as St,dt as Ct,et as wt,ft as Tt,gt as Et,lt as Dt,mt as Ot,nt as kt,pt as At,q as jt,rt as Mt,tt as Nt,ut as Pt,vt as Ft,z as It}from"./react-query.gen-DKb3mEwJ.js";import{t as Lt}from"./use-effective-timezone-BZgsy8ZD.js";import{t as Rt}from"./misc-Z0jXGGeY.js";import{t as zt}from"./copy-to-clipboard-DnJHokIa.js";import{t as Bt}from"./platform-login-notice-Dt0GCtWt.js";import{t as Vt}from"./use-active-assistant-id-BvHP5Ojg.js";import{t as Ht}from"./schedules-CMISpWUM.js";import{n as Ut}from"./format-date-Bi9Bsv-w.js";import{t as Wt}from"./add-credits-modal-CPXbw5lH.js";import{t as Gt}from"./link-click-DVtp4tRV.js";import{i as Kt,n as qt,r as Jt,t as Yt}from"./profile-metadata-DutSLpwl.js";import{t as Xt}from"./checkout-return-target-VIzzqviy.js";var Zt=_(`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`}]]),Qt=_(`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(r(),1);function $t(e){return e.get(`tab`)===`billing`||e.has(`adjust_plan`)||e.has(`pro_onboarding`)||e.has(`billing_status`)||e.has(`session_id`)}function en(e,t){return e===`full`?!0:e===`disabled`?$t(t):!1}function tn(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 q(e){return Number.isFinite(e)?Math.round(e).toLocaleString():`0`}function nn(e){return!Number.isFinite(e)||e===0?`$0.00`:`$${e.toFixed(2)}`}var rn=`model`,an={model:`Model`,task:`Action`,profile:`Profile`},on=[{value:`model`,label:an.model},{value:`task`,label:an.task},{value:`profile`,label:an.profile}];function sn(e){return e===`model`||e===`task`||e===`profile`}function cn(e){switch(e){case`model`:return`model`;case`task`:return`call_site`;case`profile`:return`inference_profile`}}function ln(e){switch(e){case`model`:return`model`;case`task`:return`llm_call_site`;case`profile`:return`inference_profile`}}function un(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 dn(e,t,n){return!e||e.length===0?[]:e.map(e=>{let r=un(t,e,n);return r===e.group?e:{...e,group:r}})}var fn=6,pn=`value:`,mn=`null:`;function hn(e,t=`schedule`){return e===null?`${mn}${sn(t)?cn(t):t}`:`${pn}${e}`}function gn(e){return[...e].sort((e,t)=>{if(e.date!==t.date)return e.date<t.date?-1:1;let n=xn(e.bucketId),r=xn(t.bucketId);return n===r?e.bucketId===t.bucketId?0:e.bucketId<t.bucketId?-1:1:n-r})}function _n(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 vn(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=un(t,bn(o),n);e===o.group?i[a]=o:(r=!0,i[a]={...o,group:e})}return r?{...e,groups:i}:e})}function yn(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,fn)}}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 xn(e){let t=e.lastIndexOf(`|`);if(t<0)return 0;let n=Number(e.slice(t+1));return Number.isFinite(n)?n:0}var J=m(),Sn=140,Cn=40,wn=28,Tn=2,En=2,Dn=1e-6,On=12,kn=220,An=56,jn=[40,80,60,100,50,70,30],Mn=[18,24,28,35,42,50,64,78,92,106,118,96,84,74,68,80,88,72,56,48,40,34,26,20],Nn=[`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 Pn(e){return Nn[e%Nn.length]}function Fn(e){return e.displayLabel?e.displayLabel:e.date}function In(e,t){let n=e+On,r=t+On;return n+kn>window.innerWidth&&(n=e-kn-On),r+An>window.innerHeight&&(r=t-An-On),{x:n,y:r}}function Ln({buckets:e,isHourly:t,legendItems:n}){let[r,i]=(0,K.useState)(null),a=(0,K.useMemo)(()=>gn(e),[e]),o=(0,K.useMemo)(()=>yn(e),[e]),s=n??o.items,c=n??o.visibleItems,l=(0,K.useMemo)(()=>a.reduce((e,t)=>Math.max(e,t.totalEstimatedCostUsd),0),[a]),u=(0,K.useCallback)((e,t)=>{let n=In(e.clientX,e.clientY);i({...t,x:n.x,y:n.y})},[]),d=(0,K.useCallback)(()=>i(null),[]);if(a.length===0){let e=(0,J.jsx)(Hn,{title:t?`No hourly data`:`No daily data`,subtitle:`No usage recorded in this time range`});return c.length===0?e:(0,J.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[e,(0,J.jsx)(Vn,{items:c})]})}let f=t?wn:Cn;return(0,J.jsxs)(`div`,{className:`overflow-x-auto`,children:[(0,J.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,J.jsx)(`div`,{className:`flex items-end gap-2`,style:{height:`${Sn}px`},"aria-hidden":`true`,children:a.map(e=>{let t=l>0?e.totalEstimatedCostUsd/l:0,r=Math.max(Tn,Sn*t);return(0,J.jsx)(`div`,{className:`flex items-end`,style:{width:`${f}px`,minWidth:`${f}px`,height:`${r}px`,opacity:e.totalEstimatedCostUsd>0?1:.3},title:`${Fn(e)}: ${nn(e.totalEstimatedCostUsd)}`,"data-usage-series-bar":e.bucketId,children:(0,J.jsx)(zn,{bucket:e,height:r,legendItems:s,hasLegendOverride:n!=null,onSegmentHover:u,onSegmentLeave:d})},e.bucketId)})}),(0,J.jsx)(`div`,{className:`flex items-start gap-2`,children:a.map(e=>(0,J.jsxs)(`div`,{className:`flex flex-col items-center gap-0.5`,style:{width:`${f}px`,minWidth:`${f}px`},children:[(0,J.jsx)(`span`,{className:`truncate text-[10px]`,style:{color:`var(--content-secondary)`},children:nn(e.totalEstimatedCostUsd)}),(0,J.jsx)(`span`,{className:`truncate text-[10px]`,style:{color:`var(--content-tertiary)`},children:Fn(e)})]},e.bucketId))}),c.length>0?(0,J.jsx)(Vn,{items:c}):null]}),r?(0,J.jsx)(Bn,{tooltip:r}):null]})}function Rn({isHourly:e}){let t=e?Mn:jn,n=e?wn:Cn;return(0,J.jsx)(`div`,{className:`flex items-end gap-2`,style:{height:`${Sn}px`},"aria-hidden":`true`,children:t.map((e,t)=>(0,J.jsx)(`div`,{className:`rounded-sm`,style:{width:`${n}px`,height:`${e}px`,background:`color-mix(in srgb, var(--border-base) 40%, transparent)`}},t))})}function zn({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={label:`Total`,bucketLabel:Fn(e),cost:nn(e.totalEstimatedCostUsd)};return(0,J.jsx)(`div`,{className:`w-full rounded-sm`,title:`${n.label}: ${n.cost}`,onMouseEnter:e=>i(e,n),onMouseMove:e=>i(e,n),onMouseLeave:a,style:{height:`${t}px`,background:Pn(0)},"data-usage-series-segment-label":n.label,"data-usage-fallback-segment":`true`})}return s.length===0?null:(0,J.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:Fn(e),cost:nn(r.totalEstimatedCostUsd)};return(0,J.jsx)(`div`,{title:`${o.label}: ${o.cost}`,onMouseEnter:e=>i(e,o),onMouseMove:e=>i(e,o),onMouseLeave:a,style:{height:`${Math.max(En,t*r.totalEstimatedCostUsd/Math.max(e.totalEstimatedCostUsd,Dn))}px`,background:Pn(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 Bn({tooltip:e}){return(0,J.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,J.jsx)(`div`,{className:`truncate text-body-small-default`,style:{color:`var(--content-default)`},children:e.label}),(0,J.jsxs)(`div`,{className:`truncate text-body-small-default`,style:{color:`var(--content-tertiary)`},children:[e.bucketLabel,` · `,e.cost]})]})}function Vn({items:e}){return(0,J.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,J.jsxs)(`div`,{className:`flex min-w-0 items-center gap-1`,"data-usage-legend-state":t,children:[(0,J.jsx)(`span`,{className:`h-[7px] w-[7px] shrink-0 rounded-full`,style:{background:n?`var(--content-tertiary)`:Pn(e.colorIndex),opacity:n?.45:1},"aria-hidden":`true`,"data-usage-series-color-index":e.colorIndex}),(0,J.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 Hn({title:e,subtitle:t}){return(0,J.jsxs)(`div`,{className:`flex flex-col items-center justify-center rounded-md py-12 text-center`,style:{color:`var(--content-tertiary)`},children:[(0,J.jsx)(`p`,{className:`text-body-medium-default`,style:{color:`var(--content-secondary)`},children:e}),(0,J.jsx)(`p`,{className:`mt-1 text-body-small-default`,children:t})]})}function Un(e){return sn(e)?cn(e):e}function Wn(e){return Jn({from:e.from,to:e.to},e.scheduleId)}function Gn(e){return Jn({from:e.from,to:e.to,...e.granularity?{granularity:e.granularity}:{},...e.tz?{tz:e.tz}:{}},e.scheduleId)}function Kn(e){return Jn({from:e.from,to:e.to,groupBy:Un(e.groupBy)},e.scheduleId)}function qn(e){return Jn({from:e.from,to:e.to,granularity:e.granularity,groupBy:Un(e.groupBy),...e.tz?{tz:e.tz}:{}},e.scheduleId)}function Jn(e,t){return t?{...e,scheduleId:t}:e}function Yn(e){return[`${q(e.totalInputTokens)} direct`,`${q(e.totalCacheCreationTokens)} cache created`,`${q(e.totalCacheReadTokens)} cache read`,`${q(e.totalOutputTokens)} out`].join(` / `)}function Xn(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 Zn(e){return`${Xn(e.totalInputTokens+e.totalCacheCreationTokens+e.totalCacheReadTokens)} in / ${Xn(e.totalOutputTokens)} out`}var Qn=`task`,$n=`model`,er=new Set([400,404,422]),tr=3,nr=new Set([`today`,`yesterday`,`7d`,`30d`,`90d`,`all`]),rr=new Set([`actor`,`provider`,`model`,`conversation`,`task`,`profile`,`schedule`]),ir={task:an.task,profile:an.profile,model:an.model,provider:`Provider`,actor:`Actor`,conversation:`Conversation`,schedule:`Schedule`},ar=[{value:`task`,label:ir.task},{value:`profile`,label:ir.profile},{value:`model`,label:ir.model},{value:`provider`,label:ir.provider},{value:`schedule`,label:ir.schedule},{value:`conversation`,label:ir.conversation}];function or(e){let t=e.get(`range`),n=e.get(`groupBy`),r=ur(n)?n:Qn;return{range:lr(t)?t:`7d`,groupBy:r,scheduleId:r===`schedule`?sr(e):void 0}}function sr(e){let t=e.get(`scheduleId`);if(!(!t||t.trim().length===0))return t}function cr(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 lr(e){return e!=null&&nr.has(e)}function ur(e){return e!=null&&rr.has(e)}function dr(e){return e!==`conversation`}function fr(e,t){return e!==`task`&&e!==`profile`?!1:mr(t)}function pr(e,t){return!mr(t)&&e<tr}function mr(e){return e instanceof Pe&&er.has(e.status)}function hr(e,t){let n=e===`hourly`?`Hourly Trend`:`Daily Trend`;return!t||t===`conversation`?n:`${n} by ${ir[t]}`}function gr({requestedGranularity:e,isLoading:t,buckets:n}){return e===`hourly`&&(t||!n||n.length===0||n.some(_r))?`hourly`:`daily`}function _r(e){return e.bucketId.includes(`|`)||vr(e.date)}function vr(e){return/^\d{4}-\d{2}-\d{2} ([01]\d|2[0-3]):00$/.test(e)}function yr(e,t,n=Date.now()){return Jt(e,t,n)}function br(e){return e===`today`||e===`yesterday`?`hourly`:`daily`}function xr({prompt:e,children:t,variant:n=`outlined`,size:r=`regular`,className:a}){let s=o(),c=(0,K.useCallback)(()=>{tt(s,{prompt:e})},[s,e]);return(0,J.jsx)(i,{variant:n,size:r,leftIcon:(0,J.jsx)(we,{}),onClick:c,className:a,children:t})}var Sr=[{value:`today`,label:`Today`},{value:`yesterday`,label:`Yesterday`},{value:`7d`,label:`Last 7 days`},{value:`30d`,label:`Last 30 days`},{value:`90d`,label:`Last 90 days`},{value:`all`,label:`All time`}],Cr=300*1e3,wr=[`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(` `),Tr=[`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 Er({assistantId:e}){let[t,n]=s(),{range:r,groupBy:i,scheduleId:a}=(0,K.useMemo)(()=>or(t),[t]),o=Lt(),c=(0,K.useCallback)(e=>{n(t=>cr(t,e),{replace:!0})},[n]),l=(0,K.useMemo)(()=>yr(r,o),[r,o]),u=(0,K.useMemo)(()=>br(r),[r]),f=d({queryKey:Ye({path:{assistant_id:e}}),queryFn:()=>Ht(e),staleTime:1e4}),p=(0,K.useCallback)(e=>{c({range:e})},[c]),m=d({...qe({path:{assistant_id:e},query:Wn({from:l.from,to:l.to,scheduleId:a})})}),h=d({queryKey:Ke({path:{assistant_id:e},query:Kn({from:l.from,to:l.to,groupBy:i,scheduleId:a})}),queryFn:async({signal:t})=>{try{let{data:n}=await ze({path:{assistant_id:e},query:Kn({from:l.from,to:l.to,groupBy:i,scheduleId:a}),signal:t,throwOnError:!0});return{groupBy:i,response:n}}catch(n){if(!fr(i,n))throw n;let{data:r}=await ze({path:{assistant_id:e},query:Kn({from:l.from,to:l.to,groupBy:$n,scheduleId:a}),signal:t,throwOnError:!0});return{groupBy:$n,response:r}}},retry:pr}),g=h.data?.groupBy??i;(0,K.useEffect)(()=>{g!==i&&c({groupBy:g,scheduleId:g===`schedule`?void 0:null})},[g,i,c]);let _=dr(g)?g:void 0,v=d({...Ze({path:{assistant_id:e},query:qn({from:l.from,to:l.to,granularity:u,groupBy:_??`actor`,tz:o,scheduleId:a})}),enabled:!!_,retry:pr}),y=d({...Je({path:{assistant_id:e},query:Gn({from:l.from,to:l.to,granularity:u,tz:o,scheduleId:a})}),enabled:!_||v.isError}),b=d({...Xe({path:{assistant_id:e}}),enabled:g===`task`,staleTime:1/0}),x=d({...Qe({path:{assistant_id:e}}),select:Yt,enabled:g===`profile`,staleTime:Cr}),S=(0,K.useMemo)(()=>({callSites:tn(b.data),profiles:x.data??{}}),[b.data,x.data]),C=(0,K.useMemo)(()=>{let e=h.data;if(e)return dn(e.response.breakdown,e.groupBy,S)},[h.data,S]),w=(0,K.useMemo)(()=>{if(!(!_||!v.data))return vn(v.data.buckets,_,S)},[v.data,_,S]),T=(0,K.useMemo)(()=>{if(y.data)return _n(y.data.buckets)},[y.data]),E=(0,K.useMemo)(()=>_?v.error?T?{isLoading:!1,error:null,data:T,refetch:y.refetch}:{isLoading:y.isLoading||!T&&!y.error,error:y.error??v.error,data:void 0,refetch:y.error?y.refetch:v.refetch}:{isLoading:v.isLoading,error:v.error,data:w,refetch:v.refetch}:{isLoading:y.isLoading,error:y.error,data:T,refetch:y.refetch},[T,y.error,y.isLoading,y.refetch,w,_,v.error,v.isLoading,v.refetch]),D=gr({requestedGranularity:u,isLoading:E.isLoading,buckets:E.data}),O=D===`hourly`,k=_&&v.error?void 0:g,A=(0,K.useMemo)(()=>{if(!(g!==`schedule`||!a))return Dr(f.data,a)},[g,a,f.data]);return(0,J.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,J.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[(0,J.jsx)(`h3`,{className:`text-title-small`,style:{color:`var(--content-default)`},children:`Usage`}),(0,J.jsx)(`div`,{className:`flex flex-wrap items-center justify-end gap-2`,children:(0,J.jsx)(Ar,{range:r,onChange:p})})]}),(0,J.jsx)(`section`,{"aria-label":`Totals`,children:(0,J.jsx)(Mr,{query:m,skeleton:(0,J.jsx)(Fr,{}),render:e=>(0,J.jsx)(Nr,{totals:e})})}),(0,J.jsx)(jr,{title:`Inference Usage`,children:(0,J.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,J.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[(0,J.jsx)(`h4`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:hr(D,k)}),(0,J.jsx)(`div`,{className:`flex flex-wrap items-center justify-end gap-2`,children:(0,J.jsx)(Ir,{value:g,onChange:e=>{c({groupBy:e,scheduleId:e===`schedule`?void 0:null})}})})]}),(0,J.jsx)(Mr,{query:E,skeleton:(0,J.jsx)(Rn,{isHourly:O}),render:e=>(0,J.jsx)(Ln,{buckets:e,isHourly:O,legendItems:A})})]})}),(0,J.jsx)(Lr,{query:h,groups:C}),(0,J.jsx)(kr,{})]})}function Dr(e,t){let n=e??[];return[...n.some(e=>e.id===t)?[]:[{id:t,label:Or(t)}],...n.map(e=>({id:e.id,label:e.name||e.id}))].map((e,n)=>({seriesKey:hn(e.id,`schedule`),label:e.label,colorIndex:n,state:e.id===t?`active`:`inactive`}))}function Or(e){return`Unknown schedule (${e})`}function kr(){return(0,J.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,J.jsx)(`div`,{className:`h-px w-full`,style:{background:`linear-gradient(to right, transparent, var(--border-base), transparent)`}}),(0,J.jsx)(jr,{title:`Cost assistant`,subtitle:`Review recent spend and tune model profile choices.`,children:(0,J.jsxs)(`div`,{className:`flex flex-col gap-2 rounded-md px-3 py-3 sm:flex-row sm:items-center`,children:[(0,J.jsx)(xr,{prompt:wr,children:`Analyze costs with assistant`}),(0,J.jsx)(xr,{prompt:Tr,variant:`ghost`,children:`Optimize settings`})]})})]})}function Ar({range:e,onChange:t}){return(0,J.jsx)(`div`,{className:`flex items-center`,children:(0,J.jsx)(je,{value:e,onChange:t,options:Sr.map(e=>({value:e.value,label:e.label}))})})}function jr({title:e,subtitle:t,children:n}){return(0,J.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,J.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,J.jsx)(`h3`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:e}),t?(0,J.jsx)(`p`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:t}):null]}),n]})}function Mr({query:e,skeleton:t,render:n}){return e.isLoading?(0,J.jsx)(J.Fragment,{children:t}):e.error?(0,J.jsx)(Hr,{message:e.error instanceof Error?e.error.message:`Failed to load usage.`,onRetry:()=>e.refetch()}):e.data?(0,J.jsx)(J.Fragment,{children:n(e.data)}):(0,J.jsx)(J.Fragment,{children:t})}function Nr({totals:e}){return(0,J.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,J.jsxs)(`div`,{className:`flex flex-wrap items-baseline justify-between gap-4`,children:[(0,J.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,J.jsx)(`span`,{style:{fontSize:`30px`,fontWeight:600,lineHeight:1,color:`var(--content-default)`},children:nn(e.totalEstimatedCostUsd)}),(0,J.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-secondary)`},children:`Cost`})]}),(0,J.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,J.jsx)(`span`,{className:`text-title-small`,style:{color:`var(--content-default)`},children:q(e.eventCount)}),(0,J.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-secondary)`},children:`LLM Calls`})]})]}),(0,J.jsxs)(`div`,{className:`grid grid-cols-2 gap-3 sm:grid-cols-4`,children:[(0,J.jsx)(Pr,{label:`Direct Input Tokens`,value:q(e.totalInputTokens)}),(0,J.jsx)(Pr,{label:`Output Tokens`,value:q(e.totalOutputTokens)}),(0,J.jsx)(Pr,{label:`Cache Created`,value:q(e.totalCacheCreationTokens)}),(0,J.jsx)(Pr,{label:`Cache Read`,value:q(e.totalCacheReadTokens)})]})]})}function Pr({label:e,value:t}){return(0,J.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,J.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-default)`},children:t}),(0,J.jsx)(`span`,{className:`text-label-medium-default`,style:{color:`var(--content-tertiary)`},children:e})]})}function Fr(){return(0,J.jsxs)(`div`,{className:`flex flex-col gap-4`,"aria-hidden":`true`,children:[(0,J.jsxs)(`div`,{className:`flex flex-wrap items-baseline justify-between gap-4`,children:[(0,J.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,J.jsx)(Y,{width:140,height:30}),(0,J.jsx)(Y,{width:90,height:12})]}),(0,J.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,J.jsx)(Y,{width:60,height:16}),(0,J.jsx)(Y,{width:60,height:12})]})]}),(0,J.jsx)(`div`,{className:`grid grid-cols-2 gap-3 sm:grid-cols-4`,children:Array.from({length:4}).map((e,t)=>(0,J.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,J.jsx)(Y,{width:`50%`,height:12}),(0,J.jsx)(Y,{width:`70%`,height:11})]},t))})]})}function Ir({value:e,onChange:t}){return(0,J.jsx)(`div`,{className:`flex items-center`,children:(0,J.jsx)(je,{value:e,onChange:t,menuAlign:`end`,menuMinWidth:196,options:ar.map(e=>({value:e.value,label:e.label}))})})}function Lr({query:e,groups:t}){let[n,r]=(0,K.useState)(new Set),i=e=>{r(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})};return(0,J.jsx)(jr,{title:`Breakdown`,children:(0,J.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,J.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,J.jsx)(Rr,{label:`% of total`,active:n.has(`pct`),onClick:()=>i(`pct`)}),(0,J.jsx)(Rr,{label:`Tokens`,active:n.has(`tokens`),onClick:()=>i(`tokens`)}),(0,J.jsx)(Rr,{label:`Turns`,active:n.has(`turns`),onClick:()=>i(`turns`)})]}),(0,J.jsx)(Mr,{query:e,skeleton:(0,J.jsx)(Br,{}),render:e=>(0,J.jsx)(zr,{groups:t??e.response.breakdown,groupBy:e.groupBy,showPct:n.has(`pct`),showTokens:n.has(`tokens`),showTurns:n.has(`turns`)})})]})})}function Rr({label:e,active:t,onClick:n}){return(0,J.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 zr({groups:e,groupBy:t,showPct:n,showTokens:r,showTurns:i}){let a=o();if(e.length===0)return(0,J.jsx)(Vr,{title:`No breakdown data`,subtitle:`No usage recorded for this grouping`});let s=e.reduce((e,t)=>e+t.totalEstimatedCostUsd,0);return(0,J.jsx)(`div`,{className:`overflow-hidden rounded-md`,children:(0,J.jsxs)(`table`,{className:`w-full table-fixed`,children:[(0,J.jsx)(`thead`,{children:(0,J.jsxs)(`tr`,{style:{borderBottom:`1px solid var(--border-base)`},children:[(0,J.jsx)(`th`,{className:`px-3 py-2.5 text-left text-label-medium-default`,style:{color:`var(--content-tertiary)`},children:`Group`}),r?(0,J.jsx)(`th`,{className:`px-3 py-2.5 text-left text-label-medium-default`,style:{color:`var(--content-tertiary)`,width:`35%`},children:`Tokens`}):null,i?(0,J.jsx)(`th`,{className:`px-3 py-2.5 text-right text-label-medium-default`,style:{color:`var(--content-tertiary)`,width:`72px`},children:`Turns`}):null,n?(0,J.jsx)(`th`,{className:`px-3 py-2.5 text-right text-label-medium-default`,style:{color:`var(--content-tertiary)`,width:`64px`},children:`%`}):null,(0,J.jsx)(`th`,{className:`px-3 py-2.5 text-right text-label-medium-default`,style:{color:`var(--content-tertiary)`,width:`100px`},children:`Cost`})]})}),(0,J.jsx)(`tbody`,{children:e.map((e,o)=>{let l=Yn(e),u=Zn(e),d=t===`conversation`?e.groupId:null,f=s>0?Math.round(e.totalEstimatedCostUsd/s*100):0;return(0,J.jsxs)(`tr`,{className:d?`cursor-pointer hover:bg-[var(--surface-hover)]`:void 0,onClick:d?e=>{e.target.closest(`a`)||nt(a,d)}:void 0,style:{borderTop:o===0?`none`:`1px solid var(--border-base)`},children:[(0,J.jsx)(`td`,{className:`min-w-0 px-3 py-2`,style:{color:`var(--content-default)`},children:d?(0,J.jsx)(c,{to:Ve.conversation(d),className:`block truncate text-body-medium-lighter`,title:e.group,onClick:e=>{Gt(e)||(e.preventDefault(),nt(a,d))},children:e.group}):(0,J.jsx)(`span`,{className:`block truncate text-body-medium-lighter`,title:e.group,children:e.group})}),r?(0,J.jsx)(`td`,{className:`min-w-0 px-3 py-2`,style:{color:`var(--content-secondary)`},children:(0,J.jsx)(`span`,{className:`block truncate text-body-small-default`,title:l,children:u})}):null,i?(0,J.jsx)(`td`,{className:`whitespace-nowrap px-3 py-2 text-right`,children:(0,J.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:e.turnCount==null?`—`:e.turnCount.toLocaleString()})}):null,n?(0,J.jsx)(`td`,{className:`whitespace-nowrap px-3 py-2 text-right`,children:(0,J.jsxs)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:[f,`%`]})}):null,(0,J.jsx)(`td`,{className:`whitespace-nowrap px-3 py-2 text-right`,children:(0,J.jsx)(`span`,{className:`text-body-medium-lighter`,style:{color:`var(--content-default)`},children:nn(e.totalEstimatedCostUsd)})})]},e.groupKey??e.groupId??`${e.group}-${o}`)})})]})})}function Br(){return(0,J.jsx)(`div`,{className:`flex flex-col gap-2`,"aria-hidden":`true`,children:Array.from({length:4}).map((e,t)=>(0,J.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,J.jsx)(Y,{width:100,height:14}),(0,J.jsx)(Y,{width:`60%`,height:12}),(0,J.jsx)(Y,{width:50,height:14})]},t))})}function Y({width:e,height:t}){return(0,J.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 Vr({title:e,subtitle:t}){return(0,J.jsxs)(`div`,{className:`flex flex-col items-center gap-1 py-8 text-center`,children:[(0,J.jsx)(`span`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:e}),(0,J.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:t})]})}function Hr({message:e,onRetry:t}){return(0,J.jsxs)(`div`,{className:`flex flex-col gap-2 py-2`,children:[(0,J.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,J.jsx)(Te,{className:`h-4 w-4 shrink-0`,style:{color:`var(--system-negative-strong, #f87171)`}}),(0,J.jsx)(`span`,{className:`text-body-medium-lighter`,style:{color:`var(--content-default)`},children:e})]}),t?(0,J.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:`Retry`}):null]})}function Ur({open:e,onCancel:t,onConfirm:n,confirming:r,lostFeatures:a}){return(0,J.jsx)(W.Root,{open:e,onOpenChange:e=>{!e&&!r&&t()},children:(0,J.jsxs)(W.Content,{size:`md`,hideCloseButton:!0,children:[(0,J.jsx)(W.Header,{children:(0,J.jsx)(W.Title,{icon:Te,children:`Downgrade to Base?`})}),(0,J.jsxs)(W.Body,{children:[(0,J.jsx)(h,{as:`p`,variant:`body-medium-default`,className:`text-(--content-secondary)`,children:`Downgrading removes the following Pro features:`}),(0,J.jsx)(`ul`,{className:`mt-4 list-disc space-y-2 pl-5`,children:a.map(e=>(0,J.jsx)(`li`,{children:(0,J.jsx)(h,{as:`span`,variant:`body-medium-default`,children:e})},e))})]}),(0,J.jsxs)(W.Footer,{children:[(0,J.jsx)(i,{variant:`outlined`,onClick:t,disabled:r,children:`Keep Pro`}),(0,J.jsx)(i,{variant:`danger`,onClick:n,disabled:r,"data-testid":`confirm-downgrade-button`,children:`Confirm Downgrade`})]})]})})}function Wr(e){return`${e.label} — ${E(e.price_cents)}`}function Gr({creditTiers:e,selectedCreditTier:t,onCreditTierChange:n,disabled:r=!1}){let i=(0,K.useMemo)(()=>[{value:null,label:`No credit bundle — ${E(0)}`},...e.map(e=>({value:e.tier,label:Wr(e)}))],[e]);return(0,J.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,J.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,J.jsx)(h,{as:`p`,variant:`label-small-default`,className:`text-[var(--content-secondary)]`,children:`Credit bundle`}),(0,J.jsx)(`span`,{title:`A monthly allotment of credits added to your Pro Plan subscription`,children:(0,J.jsx)(Ce,{className:`h-3 w-3 text-[var(--content-tertiary)]`})})]}),(0,J.jsx)(je,{"aria-label":`Credit bundle`,placeholder:`Select a credit bundle`,disabled:r,value:t,onChange:e=>n(e),onSelectNone:()=>n(null),options:i})]})}function Kr({features:e,variant:t,header:n,maxInline:r=3}){return t===`inline`?(0,J.jsx)(J.Fragment,{children:e.slice(0,r).join(`, `)}):(0,J.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[n&&(0,J.jsx)(h,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-secondary)]`,children:n}),(0,J.jsx)(`ul`,{className:`flex flex-col gap-2`,children:e.map(e=>(0,J.jsxs)(`li`,{className:`flex items-start gap-2`,children:[(0,J.jsx)(S,{className:`mt-0.5 h-4 w-4 shrink-0 text-[var(--content-tertiary)]`,"aria-hidden":!0}),(0,J.jsx)(h,{as:`span`,variant:`body-medium-default`,children:e})]},e))})]})}function qr({plan:e,isCurrent:t,onPro:n,planDisplayName:r,currentPlanFeatures:a,cancelAtPeriodEnd:o,isCanceled:s,cancelDate:c,formatGraceDate:l,proTierChangeMode:u,creditTiersEnabled:d,creditTiers:f,displayCreditTier:p,onCreditTierChange:m,selectedMachineTier:_,selectedStorageTier:v,onMachineTierChange:y,onStorageTierChange:b,machineTiersForPicker:x,storageTiersForPicker:S,currentMachinePrice:C,currentStoragePrice:w,currentCreditPriceUnknown:T,proCurrentTotalCents:D,proLiveTotalCents:k,proTotalDelta:j,onboardingLoading:M,tierChangePending:N,machineChanged:P,storageChanged:ee,creditChanged:te,tierChangeError:ne,upgradePending:re,portalPending:ie,onUpgrade:ae,onApplyTierChange:oe,onDowngradeClick:se,onKeepPlan:ce}){let F=e.id===`pro`,I=e.id===`base`,le=F&&n&&o&&!s,L=F&&(!t||t&&u),R=F&&t&&u,z=F&&t;return(0,J.jsx)(g.Root,{className:`flex flex-col bg-[var(--surface-base)]`,children:(0,J.jsxs)(g.Body,{padding:`lg`,className:`max-sm:p-4`,children:[(0,J.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,J.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:F?(0,J.jsx)(Zt,{className:`h-5 w-5 text-[var(--content-default)]`}):(0,J.jsx)(Qt,{className:`h-5 w-5 text-[var(--content-default)]`})}),(0,J.jsxs)(`div`,{className:`flex min-h-6 items-center gap-2`,children:[(0,J.jsx)(h,{as:`h3`,variant:`title-small`,"data-testid":`modal-plan-name`,children:z?r:e.name}),t&&(0,J.jsx)(Oe,{tone:`positive`,children:`Current`})]}),(0,J.jsx)(h,{as:`p`,variant:`body-small-default`,className:`-mt-2 text-[var(--content-tertiary)]`,children:I?`All you need for a capable assistant`:`More features, more compute, more storage`}),le&&c&&(0,J.jsxs)(h,{as:`p`,variant:`body-small-default`,className:`text-[var(--system-mid-strong)]`,"data-testid":`modal-cancels-on`,children:[`Your plan ends on `,l(c)]}),(0,J.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),(0,J.jsx)(`div`,{className:`flex flex-col gap-1`,children:I?(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(h,{as:`p`,variant:`title-medium`,children:`Free`}),(0,J.jsx)(h,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,children:`Forever`})]}):t&&!(L&&k!=null)&&(D==null||T)?M?(0,J.jsxs)(`div`,{className:`flex items-center gap-2 text-[var(--content-tertiary)]`,children:[(0,J.jsx)(V,{className:`h-4 w-4 animate-spin`}),(0,J.jsx)(h,{as:`span`,variant:`body-medium-lighter`,children:`Loading your plan...`})]}):(0,J.jsx)(h,{as:`p`,variant:`body-medium-lighter`,className:`text-[var(--content-tertiary)]`,"data-testid":`modal-pro-price-unavailable`,children:`Current plan pricing unavailable`}):(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,J.jsx)(h,{as:`p`,variant:`title-medium`,"data-testid":`modal-pro-price`,children:L&&k!=null?(0,J.jsxs)(J.Fragment,{children:[E(k),j!=null&&j!==0&&(0,J.jsxs)(`span`,{className:`ml-1 text-[var(--content-tertiary)]`,children:[`(`,O(j),`)`]})]}):D==null?e.id===`pro`?`From ${E(e.base_price_cents+ue(e.machine_tiers)+ue(e.storage_tiers))}`:null:`Currently ${E(D)}`}),L&&j!=null&&j!==0&&(0,J.jsx)(`span`,{title:`Your Pro Plan subscription will change from ${E(D)} to ${E(k)}.`,children:(0,J.jsx)(Ce,{className:`h-3 w-3 text-[var(--content-tertiary)]`})})]}),e.id===`pro`&&(0,J.jsxs)(h,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,"data-testid":`modal-pro-base-fee`,children:[A(e.base_price_cents),` base fee`]})]})}),(0,J.jsx)(Kr,{features:z&&a?a:e.included_features,variant:`checklist`}),F&&!d&&(0,J.jsx)(h,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,"data-testid":`modal-credits-not-included`,children:`*Credits not included`})]}),(0,J.jsxs)(`div`,{className:`mt-4 flex flex-1 flex-col justify-end gap-4`,children:[!t&&F&&(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),d&&(0,J.jsx)(Gr,{creditTiers:f,selectedCreditTier:p,onCreditTierChange:m,disabled:re}),(0,J.jsx)(de,{machineTiers:x,storageTiers:S,selectedMachineTier:_,selectedStorageTier:v,onMachineTierChange:y,onStorageTierChange:b}),(0,J.jsx)(i,{variant:`primary`,className:`w-full`,onClick:ae,disabled:re||!_||!v,"data-testid":`modal-upgrade-to-pro-button`,children:`Upgrade to Pro`})]}),R&&(M?(0,J.jsxs)(`div`,{className:`flex items-center gap-2 text-[var(--content-tertiary)]`,children:[(0,J.jsx)(V,{className:`h-4 w-4 animate-spin`}),(0,J.jsx)(h,{as:`span`,variant:`body-medium-lighter`,children:`Loading your plan...`})]}):(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),d&&(0,J.jsx)(Gr,{creditTiers:f,selectedCreditTier:p,onCreditTierChange:m,disabled:N}),(0,J.jsx)(de,{machineTiers:x,storageTiers:S,selectedMachineTier:_,selectedStorageTier:v,onMachineTierChange:y,onStorageTierChange:b,currentMachinePriceCents:C,currentStoragePriceCents:w}),ne&&(0,J.jsx)(H,{tone:`error`,children:ne}),(0,J.jsx)(i,{variant:`primary`,className:`w-full`,onClick:oe,disabled:N||!P&&!ee&&!te,"data-testid":`modal-change-tier-button`,children:`Update Plan`})]})),!t&&I&&n&&!o&&(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),(0,J.jsx)(i,{variant:`outlined`,className:`w-full`,onClick:se,disabled:ie,"data-testid":`modal-downgrade-to-base-button`,children:`Downgrade to Base`})]}),le&&(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),(0,J.jsx)(i,{variant:`outlined`,className:`w-full`,onClick:ce,disabled:ie,"data-testid":`modal-keep-plan-button`,children:`Keep your Plan`})]})]})]})})}function Jr({open:e,onClose:t,onTierUpgraded:n}){let r=u(),a=d(wt()),o=d(Pt()),s=p(Tt()),c=p(Mt()),l=p(xt()),f=p(kt()),m=P(re(o.data)),[g,_]=(0,K.useState)(`plans`),[y,b]=(0,K.useState)(!1),[x,S]=(0,K.useState)(null),[C,w]=(0,K.useState)(null),[T,E]=(0,K.useState)(void 0);(0,K.useEffect)(()=>et(()=>{r.invalidateQueries({queryKey:Ct()}),r.invalidateQueries({queryKey:Nt()}),r.invalidateQueries({queryKey:Dt()}),t()}),[r,t]);let D=o.data?.plan_id,O=D===`pro`,k=d({...St(),enabled:O}),A=k.data?.max_machine_tier??null,j=k.data?.selected_storage_tier??null,M=k.data?.selected_storage_gib??null,N=o.data?.cancel_at_period_end===!0||!!o.data?.cancel_at,te=o.data?.status===`canceled`,ie=ae(o.data),se=o.data?.status,le=se!=null&&oe.has(se),L=O&&le&&!N&&!te,R=a.data?.plans.find(e=>e.id===`pro`),z=R?.credit_tiers??[],ue=z.length>0,B=o.data?.selected_credit_tier??null,de=e=>z.find(t=>t.tier===e)?.price_cents??0,pe=de(B),me=B!=null&&!z.some(e=>e.tier===B),he=T===void 0?B:T,ge=de(he),_e=ce(o.data?.package),ve=O&&k.isSuccess&&R?fe({machineTier:A,storageTier:j,storageGib:M,creditTier:B},R):null,ye=R?.machine_tiers??[],be=L&&M!=null?(R?.storage_tiers??[]).map(e=>e.storage_gib<M?{...e,disabled:!0}:e):R?.storage_tiers??[];(0,K.useEffect)(()=>{if(!e){S(null),w(null),E(void 0);return}if(R){if(L){if(A==null||j==null)return;S(e=>F(ye,e??A)),w(e=>F(be,e??j)),E(e=>ne(z,e,B));return}S(e=>F(R.machine_tiers,e)),w(e=>F(R.storage_tiers,e)),E(e=>ne(z,e,null))}},[e,R,L,A,j,B]);let xe=a.data?.plans.find(e=>e.id===`base`),Se=new Set(xe?.included_features??[]),Ce=(R?.included_features??[]).filter(e=>!Se.has(e)),we=()=>{if(!s.isPending){if(!x||!C){G.error(`Pick a machine and storage tier to continue.`,{id:`pro-upgrade-error`});return}s.mutate({body:{target_plan_id:`pro`,confirm:!0,machine_tier:x,storage_tier:C,credit_tier:he,return_target:Xt()}},{onSuccess:e=>{if(e.checkout_url){Be({kind:`custom`,machineTier:x,storageTier:C,creditTier:he}),Fe(r),$e(e.checkout_url);return}if(e.status===`no_op`){G.info(`You're already on Pro.`,{id:`pro-upgrade`}),t();return}G.error(e.message??`Failed to start upgrade. Please try again.`,{id:`pro-upgrade-error`})},onError:e=>{G.error(ee(e,`Failed to start upgrade. Please try again.`),{id:`pro-upgrade-error`})}})}},Ee=()=>{m.isPending||(_(`plans`),m.mutate({}))},De=()=>{r.invalidateQueries({queryKey:Ct()}),r.invalidateQueries({queryKey:Dt()}),r.invalidateQueries({queryKey:Nt()})},Oe=c.isPending||l.isPending||f.isPending,U=x!=null&&x!==A,ke=C!=null&&C!==j,Ae=ue&&T!==void 0&&T!==B,je=e=>ye.find(t=>t.tier===e)?.price_cents??null,Me=e=>be.find(t=>t.tier===e)?.price_cents??null,Ne=je(x),Pe=Me(C),Ie=je(A),Le=Me(j),Re=U&&Ne!=null&&Ie!=null&&Ne<Ie,ze=()=>{if(Oe)return;let e=[];U&&x&&e.push(new Promise(e=>{c.mutate({body:{machine_tier:x}},{onSuccess:()=>e({dimension:`machine`,ok:!0}),onError:t=>e({dimension:`machine`,ok:!1,error:t})})})),ke&&C&&e.push(new Promise(e=>{l.mutate({body:{storage_tier:C}},{onSuccess:()=>e({dimension:`storage`,ok:!0}),onError:t=>e({dimension:`storage`,ok:!1,error:t})})})),Ae&&e.push(new Promise(e=>{f.mutate({body:{credit_tier:he}},{onSuccess:()=>e({dimension:`credit`,ok:!0}),onError:t=>e({dimension:`credit`,ok:!1,error:t})})})),Promise.all(e).then(e=>{De();let r=e.some(e=>e.ok&&e.dimension===`storage`),i=e.some(e=>e.ok&&e.dimension===`machine`)&&!Re,a=(r||i)&&!!n,o=e.filter(e=>!e.ok);if(o.length>0){let e=o.map(e=>ee(e.error,`Failed to update ${e.dimension} tier.`)).join(` `);G.error(e,{id:`pro-tier-change-error`}),a&&(t(),n());return}a?(t(),n()):G.success(Ae&&!U&&!ke?`Credit bundle updated.`:`Plan updated.`,{id:`pro-tier-change`})})},Ve=()=>{if(!Oe){if(Re){b(!0);return}ze()}},He=()=>{b(!1),ze()},Ue=e=>Ne!=null&&Pe!=null?e.base_price_cents+Ne+Pe+ge:null,We=e=>Ie!=null&&Le!=null?e.base_price_cents+Ie+Le+pe:null,Ge=c.isError||l.isError||f.isError?ee(c.error??l.error??f.error,`Failed to update plan. Please try again.`):null,Ke=a.isLoading||o.isLoading,qe=a.isError||o.isError||!a.data||!o.data;return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(W.Root,{open:e,onOpenChange:e=>{e||(_(`plans`),t())},children:(0,J.jsx)(W.Content,{size:g===`plans`?`lg`:`md`,children:g===`downgrade-confirm`?(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(W.Header,{children:(0,J.jsx)(W.Title,{icon:Te,children:`Downgrade to Base?`})}),(0,J.jsxs)(W.Body,{children:[(0,J.jsx)(h,{as:`p`,variant:`body-medium-default`,className:`text-(--content-secondary)`,children:`Downgrading removes the following Pro features:`}),(0,J.jsx)(`ul`,{className:`mt-4 list-disc space-y-2 pl-5`,children:Ce.map(e=>(0,J.jsx)(`li`,{children:(0,J.jsx)(h,{as:`span`,variant:`body-medium-default`,children:e})},e))})]}),(0,J.jsxs)(W.Footer,{children:[(0,J.jsx)(i,{variant:`ghost`,onClick:()=>_(`plans`),disabled:m.isPending,leftIcon:(0,J.jsx)(v,{className:`h-4 w-4`}),children:`Back`}),(0,J.jsx)(i,{variant:`danger`,onClick:Ee,disabled:m.isPending,"data-testid":`confirm-downgrade-button`,children:`Confirm Downgrade`})]})]}):(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(W.Header,{children:(0,J.jsx)(W.Title,{className:`sr-only`,children:`Upgrade Plan`})}),(0,J.jsx)(W.Body,{children:Ke?(0,J.jsxs)(`div`,{className:`flex items-center gap-2 text-body-medium-lighter text-[var(--content-tertiary)]`,children:[(0,J.jsx)(V,{className:`h-4 w-4 animate-spin`}),(0,J.jsx)(h,{as:`span`,variant:`body-medium-lighter`,children:`Loading plans...`})]}):qe?(0,J.jsx)(H,{tone:`error`,children:`Failed to load plans. Please try again later.`}):(0,J.jsxs)(`div`,{className:`space-y-4 sm:space-y-6`,children:[(0,J.jsxs)(`div`,{className:`space-y-2 pb-2 pt-4 text-center`,children:[(0,J.jsx)(h,{as:`p`,variant:`title-medium`,children:`Your Assistant, Your Way`}),(0,J.jsx)(h,{as:`p`,variant:`body-medium-lighter`,className:`text-[var(--content-secondary)]`,children:`Choose the plan that works best for you and your assistant.`})]}),(0,J.jsx)(`div`,{className:`grid grid-cols-1 gap-4 md:grid-cols-2`,children:a.data.plans.map(e=>{let t=e.id===D,n=e.id===`pro`&&R?Ue(R):null,r=e.id===`pro`&&R?We(R):null;return(0,J.jsx)(qr,{plan:e,isCurrent:t,onPro:O,planDisplayName:_e,currentPlanFeatures:ve,cancelAtPeriodEnd:N,isCanceled:te,cancelDate:ie,formatGraceDate:I,proTierChangeMode:L,creditTiersEnabled:ue,creditTiers:z,displayCreditTier:he,onCreditTierChange:E,selectedMachineTier:x,selectedStorageTier:C,onMachineTierChange:S,onStorageTierChange:w,machineTiersForPicker:ye,storageTiersForPicker:be,currentMachinePrice:Ie,currentStoragePrice:Le,currentCreditPriceUnknown:me,proCurrentTotalCents:r,proLiveTotalCents:n,proTotalDelta:n!=null&&r!=null?n-r:null,onboardingLoading:k.isLoading,tierChangePending:Oe,machineChanged:U,storageChanged:ke,creditChanged:Ae,tierChangeError:Ge,upgradePending:s.isPending,portalPending:m.isPending,onUpgrade:we,onApplyTierChange:Ve,onDowngradeClick:()=>_(`downgrade-confirm`),onKeepPlan:()=>m.mutate({})},e.id)})})]})}),(0,J.jsxs)(W.Footer,{className:`relative items-center`,children:[(0,J.jsx)(h,{as:`p`,variant:`body-small-default`,className:`pointer-events-none absolute inset-x-0 text-center text-[var(--content-tertiary)]`,children:(0,J.jsx)(`span`,{className:`pointer-events-auto`,children:`You can change or cancel your plan at any time from billing settings.`})}),(0,J.jsx)(`div`,{className:`ml-auto`,children:(0,J.jsx)(i,{variant:`outlined`,onClick:t,"data-testid":`modal-cancel-button`,children:`Cancel`})})]})]})})}),(0,J.jsx)(Ur,{open:y,onCancel:()=>b(!1),onConfirm:He,confirming:Oe,lostFeatures:[`Reduced CPU and memory for your assistant — it will resize to the smaller compute profile.`]})]})}function Yr({open:e,confirming:t,onCancel:n,onConfirm:r}){return(0,J.jsx)(Ae,{open:e,title:`Disable automatic top-ups?`,message:`Auto top-ups will stop. Any saved payment method stays on file.`,confirmLabel:t?`Disabling…`:`Disable`,cancelLabel:`Keep enabled`,destructive:!0,onConfirm:r,onCancel:n})}var Xr=25,Zr={threshold_usd:`100`,amount_usd:`10`,monthly_cap_usd:``};function Qr(e){if(e===``||e===`-`)return e;let t=parseFloat(e);return Number.isFinite(t)?String(Math.trunc(t)):``}function $r(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 ei(e,t,n,r){if(n[e])return n[e];if(r)return t[e]}function ti({initialValues:e=Zr,submitting:t,serverErrors:n,showDefaultDailyLimitNote:r=!1,onSave:a,onCancel:o}){let[s,c]=(0,K.useState)(e),[l,u]=(0,K.useState)({threshold_usd:!1,amount_usd:!1,monthly_cap_usd:!1}),d=$r(s),f=e=>t=>{c(n=>({...n,[e]:t.target.value}))},p=e=>()=>{u(t=>({...t,[e]:!0})),c(t=>({...t,[e]:Qr(t[e])}))},m=e=>ei(e,d,n,l[e]);return(0,J.jsxs)(`div`,{className:`mt-4`,children:[(0,J.jsxs)(`div`,{className:`flex flex-wrap items-start gap-3`,children:[(0,J.jsx)(`div`,{className:`min-w-[10rem] flex-1`,children:(0,J.jsx)(U,{type:`number`,step:`1`,label:`Auto-reload when balance below`,value:s.threshold_usd,onChange:f(`threshold_usd`),onBlur:p(`threshold_usd`),errorText:m(`threshold_usd`),"data-testid":`auto-top-up-threshold-input`,fullWidth:!0})}),(0,J.jsx)(`div`,{className:`min-w-[10rem] flex-1`,children:(0,J.jsx)(U,{type:`number`,step:`1`,label:`Auto-reload amount`,value:s.amount_usd,onChange:f(`amount_usd`),onBlur:p(`amount_usd`),errorText:m(`amount_usd`),"data-testid":`auto-top-up-amount-input`,fullWidth:!0})}),(0,J.jsx)(`div`,{className:`min-w-[10rem] flex-1`,children:(0,J.jsx)(U,{type:`number`,step:`1`,label:`Monthly spending cap`,helperText:`Pauses auto top-ups for the rest of the month once spending reaches this amount. Manual purchases also count toward the total. Leave empty for no limit.`,value:s.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,J.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2 pt-[18px]`,children:[(0,J.jsx)(i,{variant:`outlined`,onClick:o,disabled:t,children:`Cancel`}),(0,J.jsx)(i,{variant:`primary`,onClick:()=>{u({threshold_usd:!0,amount_usd:!0,monthly_cap_usd:!0});let e={threshold_usd:Qr(s.threshold_usd),amount_usd:Qr(s.amount_usd),monthly_cap_usd:Qr(s.monthly_cap_usd)};c(e);let t=$r(e);if(Object.keys(t).length!==0)return;let n=e=>e===``?``:`${parseInt(e,10)}.00`;a({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:`Save`})]})]}),r&&(0,J.jsxs)(H,{tone:`info`,className:`mt-3`,"data-testid":`auto-top-up-default-daily-limit-note`,children:[`A default daily credit limit of $`,Xr,` per day will be applied. You can adjust it under Daily credit limit.`]})]})}var ni=t(((e,t)=>{t.exports=`SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED`})),ri=t(((e,t)=>{var n=ni();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=ri()()}))(),1);function ii(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 ai(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?ii(Object(n),!0).forEach(function(t){si(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ii(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function oi(e){"@babel/helpers - typeof";return oi=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},oi(e)}function si(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ci(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 li(e,t){if(e==null)return{};var n=ci(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 ui(e,t){return di(e)||fi(e,t)||pi(e,t)||hi()}function di(e){if(Array.isArray(e))return e}function fi(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 pi(e,t){if(e){if(typeof e==`string`)return mi(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 mi(e,t)}}function mi(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 hi(){throw TypeError(`Invalid attempt to destructure non-iterable instance.
2
+ import{o as e,t}from"./chunk-jRWAZmH_.js";import{t as n}from"./capture-error-Cw5vs0Ef.js";import{t as r}from"./react-BFJW0bSv.js";import{t as i}from"./button-BENY-yx_.js";import{t as a}from"./preload-helper-Cv2QeVDK.js";import{d as o,h as s,t as c,u as l}from"./chunk-5KNZJZUH-BUqIilZr.js";import{n as u}from"./QueryClientProvider-CMu7CkQU.js";import{t as d}from"./useQuery-Bz-fbQ-m.js";import{t as f}from"./useInfiniteQuery-Dk8q0n49.js";import{t as p}from"./useMutation-CXGTrp4W.js";import{t as m}from"./jsx-runtime-D3ZM-ToX.js";import{t as h}from"./typography-BeUa5Fd-.js";import{t as g}from"./card-q0GJX1HZ.js";import{t as _}from"./createLucideIcon-C1mdGPB9.js";import{t as v}from"./arrow-left-BikDV6F2.js";import{t as y}from"./check-DSgjgwlo.js";import{t as b}from"./chevron-down-CrFV6lfm.js";import{t as x}from"./chevron-up-B84s50b8.js";import{t as S}from"./circle-check-q8BVdbgw.js";import{t as C}from"./coins-CJ7Ik1IC.js";import{B as w,D as T,F as E,I as D,N as O,O as k,P as A,R as j,S as M,T as N,_ as P,a as ee,b as te,c as ne,f as re,g as ie,h as ae,i as oe,j as se,k as ce,l as F,m as I,n as le,o as L,p as R,r as z,s as ue,t as B,u as de,v as fe}from"./use-checkout-dismiss-refresh-ixWxuGJb.js";import{R as pe,W as me,i as he,z as ge}from"./src-uMOOM1IV.js";import{i as _e,n as ve,r as ye,t as be}from"./daily-reset-time-B2-pE2Lv.js";import{t as xe}from"./download-Byg0fi0d.js";import{t as Se}from"./external-link-vwewPjbo.js";import{t as Ce}from"./info-CXkwGlN_.js";import{t as V}from"./loader-circle-DOtGXcds.js";import{t as we}from"./sparkles-B94iNYGJ.js";import{t as Te}from"./triangle-alert-CB4pJgCL.js";import{t as Ee}from"./users-XI0CRYkf.js";import{t as De}from"./x-338EsJDP.js";import{t as H}from"./notice-C0ifrvvJ.js";import{t as Oe}from"./tag-DeMzQvCo.js";import{t as U}from"./input-DmHXRXaB.js";import{t as ke}from"./toggle-C-v4x7_A.js";import{t as W}from"./modal-DI63s9MQ.js";import{n as G}from"./toast-BpuLSxyt.js";import{t as Ae}from"./confirm-dialog-zx8L9sUi.js";import{t as je}from"./select-B8-i-CZ4.js";import{a as Me,n as Ne,t as Pe}from"./api-errors-BQX1Pzcm.js";import{l as Fe,o as Ie}from"./auth-store-CRD3YNBJ.js";import{ft as Le,pt as Re}from"./sdk.gen-DKYWIHI7.js";import{Lr as ze}from"./sdk.gen-CBPZ2IdN.js";import{L as Be}from"./platform-detection-C_TK32Dw.js";import{d as Ve}from"./routes-iipg2wkc.js";import{i as He,r as Ue,t as We}from"./use-platform-gate-BFYbGTMc.js";import{r as Ge}from"./use-is-org-ready-D-jjslax.js";import{Gt as Ke,Jt as qe,Kt as Je,St as Ye,p as Xe,qt as Ze,u as Qe}from"./react-query.gen-DxjuNs-5.js";import{n as $e,r as et}from"./browser-BP3Xidk_.js";import{n as tt,t as nt}from"./conversation-navigation-Hqlz8klf.js";import{n as rt}from"./use-is-mobile-BP8UePsY.js";import{t as it}from"./effective-timezone-CjGPHJlt.js";import{$ as at,B as ot,Et as st,G as ct,H as lt,J as ut,K as dt,Q as ft,R as pt,U as mt,V as ht,W as gt,X as _t,Y as vt,Z as yt,_t as bt,at as xt,ct as St,dt as Ct,et as wt,ft as Tt,gt as Et,lt as Dt,mt as Ot,nt as kt,pt as At,q as jt,rt as Mt,tt as Nt,ut as Pt,vt as Ft,z as It}from"./react-query.gen-DKb3mEwJ.js";import{t as Lt}from"./use-effective-timezone-BZgsy8ZD.js";import{t as Rt}from"./misc-Z0jXGGeY.js";import{t as zt}from"./copy-to-clipboard-DnJHokIa.js";import{t as Bt}from"./platform-login-notice-Dt0GCtWt.js";import{t as Vt}from"./use-active-assistant-id-BvHP5Ojg.js";import{t as Ht}from"./schedules-CMISpWUM.js";import{n as Ut}from"./format-date-Bi9Bsv-w.js";import{t as Wt}from"./add-credits-modal-CPXbw5lH.js";import{t as Gt}from"./link-click-DVtp4tRV.js";import{i as Kt,n as qt,r as Jt,t as Yt}from"./profile-metadata-DutSLpwl.js";import{t as Xt}from"./checkout-return-target-VIzzqviy.js";var Zt=_(`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`}]]),Qt=_(`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(r(),1);function $t(e){return e.get(`tab`)===`billing`||e.has(`adjust_plan`)||e.has(`pro_onboarding`)||e.has(`billing_status`)||e.has(`session_id`)}function en(e,t){return e===`full`?!0:e===`disabled`?$t(t):!1}function tn(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 q(e){return Number.isFinite(e)?Math.round(e).toLocaleString():`0`}function nn(e){return!Number.isFinite(e)||e===0?`$0.00`:`$${e.toFixed(2)}`}var rn=`model`,an={model:`Model`,task:`Action`,profile:`Profile`},on=[{value:`model`,label:an.model},{value:`task`,label:an.task},{value:`profile`,label:an.profile}];function sn(e){return e===`model`||e===`task`||e===`profile`}function cn(e){switch(e){case`model`:return`model`;case`task`:return`call_site`;case`profile`:return`inference_profile`}}function ln(e){switch(e){case`model`:return`model`;case`task`:return`llm_call_site`;case`profile`:return`inference_profile`}}function un(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 dn(e,t,n){return!e||e.length===0?[]:e.map(e=>{let r=un(t,e,n);return r===e.group?e:{...e,group:r}})}var fn=6,pn=`value:`,mn=`null:`;function hn(e,t=`schedule`){return e===null?`${mn}${sn(t)?cn(t):t}`:`${pn}${e}`}function gn(e){return[...e].sort((e,t)=>{if(e.date!==t.date)return e.date<t.date?-1:1;let n=xn(e.bucketId),r=xn(t.bucketId);return n===r?e.bucketId===t.bucketId?0:e.bucketId<t.bucketId?-1:1:n-r})}function _n(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 vn(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=un(t,bn(o),n);e===o.group?i[a]=o:(r=!0,i[a]={...o,group:e})}return r?{...e,groups:i}:e})}function yn(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,fn)}}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 xn(e){let t=e.lastIndexOf(`|`);if(t<0)return 0;let n=Number(e.slice(t+1));return Number.isFinite(n)?n:0}var J=m(),Sn=140,Cn=40,wn=28,Tn=2,En=2,Dn=1e-6,On=12,kn=220,An=56,jn=[40,80,60,100,50,70,30],Mn=[18,24,28,35,42,50,64,78,92,106,118,96,84,74,68,80,88,72,56,48,40,34,26,20],Nn=[`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 Pn(e){return Nn[e%Nn.length]}function Fn(e){return e.displayLabel?e.displayLabel:e.date}function In(e,t){let n=e+On,r=t+On;return n+kn>window.innerWidth&&(n=e-kn-On),r+An>window.innerHeight&&(r=t-An-On),{x:n,y:r}}function Ln({buckets:e,isHourly:t,legendItems:n}){let[r,i]=(0,K.useState)(null),a=(0,K.useMemo)(()=>gn(e),[e]),o=(0,K.useMemo)(()=>yn(e),[e]),s=n??o.items,c=n??o.visibleItems,l=(0,K.useMemo)(()=>a.reduce((e,t)=>Math.max(e,t.totalEstimatedCostUsd),0),[a]),u=(0,K.useCallback)((e,t)=>{let n=In(e.clientX,e.clientY);i({...t,x:n.x,y:n.y})},[]),d=(0,K.useCallback)(()=>i(null),[]);if(a.length===0){let e=(0,J.jsx)(Hn,{title:t?`No hourly data`:`No daily data`,subtitle:`No usage recorded in this time range`});return c.length===0?e:(0,J.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[e,(0,J.jsx)(Vn,{items:c})]})}let f=t?wn:Cn;return(0,J.jsxs)(`div`,{className:`overflow-x-auto`,children:[(0,J.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,J.jsx)(`div`,{className:`flex items-end gap-2`,style:{height:`${Sn}px`},"aria-hidden":`true`,children:a.map(e=>{let t=l>0?e.totalEstimatedCostUsd/l:0,r=Math.max(Tn,Sn*t);return(0,J.jsx)(`div`,{className:`flex items-end`,style:{width:`${f}px`,minWidth:`${f}px`,height:`${r}px`,opacity:e.totalEstimatedCostUsd>0?1:.3},title:`${Fn(e)}: ${nn(e.totalEstimatedCostUsd)}`,"data-usage-series-bar":e.bucketId,children:(0,J.jsx)(zn,{bucket:e,height:r,legendItems:s,hasLegendOverride:n!=null,onSegmentHover:u,onSegmentLeave:d})},e.bucketId)})}),(0,J.jsx)(`div`,{className:`flex items-start gap-2`,children:a.map(e=>(0,J.jsxs)(`div`,{className:`flex flex-col items-center gap-0.5`,style:{width:`${f}px`,minWidth:`${f}px`},children:[(0,J.jsx)(`span`,{className:`truncate text-[10px]`,style:{color:`var(--content-secondary)`},children:nn(e.totalEstimatedCostUsd)}),(0,J.jsx)(`span`,{className:`truncate text-[10px]`,style:{color:`var(--content-tertiary)`},children:Fn(e)})]},e.bucketId))}),c.length>0?(0,J.jsx)(Vn,{items:c}):null]}),r?(0,J.jsx)(Bn,{tooltip:r}):null]})}function Rn({isHourly:e}){let t=e?Mn:jn,n=e?wn:Cn;return(0,J.jsx)(`div`,{className:`flex items-end gap-2`,style:{height:`${Sn}px`},"aria-hidden":`true`,children:t.map((e,t)=>(0,J.jsx)(`div`,{className:`rounded-sm`,style:{width:`${n}px`,height:`${e}px`,background:`color-mix(in srgb, var(--border-base) 40%, transparent)`}},t))})}function zn({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={label:`Total`,bucketLabel:Fn(e),cost:nn(e.totalEstimatedCostUsd)};return(0,J.jsx)(`div`,{className:`w-full rounded-sm`,title:`${n.label}: ${n.cost}`,onMouseEnter:e=>i(e,n),onMouseMove:e=>i(e,n),onMouseLeave:a,style:{height:`${t}px`,background:Pn(0)},"data-usage-series-segment-label":n.label,"data-usage-fallback-segment":`true`})}return s.length===0?null:(0,J.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:Fn(e),cost:nn(r.totalEstimatedCostUsd)};return(0,J.jsx)(`div`,{title:`${o.label}: ${o.cost}`,onMouseEnter:e=>i(e,o),onMouseMove:e=>i(e,o),onMouseLeave:a,style:{height:`${Math.max(En,t*r.totalEstimatedCostUsd/Math.max(e.totalEstimatedCostUsd,Dn))}px`,background:Pn(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 Bn({tooltip:e}){return(0,J.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,J.jsx)(`div`,{className:`truncate text-body-small-default`,style:{color:`var(--content-default)`},children:e.label}),(0,J.jsxs)(`div`,{className:`truncate text-body-small-default`,style:{color:`var(--content-tertiary)`},children:[e.bucketLabel,` · `,e.cost]})]})}function Vn({items:e}){return(0,J.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,J.jsxs)(`div`,{className:`flex min-w-0 items-center gap-1`,"data-usage-legend-state":t,children:[(0,J.jsx)(`span`,{className:`h-[7px] w-[7px] shrink-0 rounded-full`,style:{background:n?`var(--content-tertiary)`:Pn(e.colorIndex),opacity:n?.45:1},"aria-hidden":`true`,"data-usage-series-color-index":e.colorIndex}),(0,J.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 Hn({title:e,subtitle:t}){return(0,J.jsxs)(`div`,{className:`flex flex-col items-center justify-center rounded-md py-12 text-center`,style:{color:`var(--content-tertiary)`},children:[(0,J.jsx)(`p`,{className:`text-body-medium-default`,style:{color:`var(--content-secondary)`},children:e}),(0,J.jsx)(`p`,{className:`mt-1 text-body-small-default`,children:t})]})}function Un(e){return sn(e)?cn(e):e}function Wn(e){return Jn({from:e.from,to:e.to},e.scheduleId)}function Gn(e){return Jn({from:e.from,to:e.to,...e.granularity?{granularity:e.granularity}:{},...e.tz?{tz:e.tz}:{}},e.scheduleId)}function Kn(e){return Jn({from:e.from,to:e.to,groupBy:Un(e.groupBy)},e.scheduleId)}function qn(e){return Jn({from:e.from,to:e.to,granularity:e.granularity,groupBy:Un(e.groupBy),...e.tz?{tz:e.tz}:{}},e.scheduleId)}function Jn(e,t){return t?{...e,scheduleId:t}:e}function Yn(e){return[`${q(e.totalInputTokens)} direct`,`${q(e.totalCacheCreationTokens)} cache created`,`${q(e.totalCacheReadTokens)} cache read`,`${q(e.totalOutputTokens)} out`].join(` / `)}function Xn(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 Zn(e){return`${Xn(e.totalInputTokens+e.totalCacheCreationTokens+e.totalCacheReadTokens)} in / ${Xn(e.totalOutputTokens)} out`}var Qn=`task`,$n=`model`,er=new Set([400,404,422]),tr=3,nr=new Set([`today`,`yesterday`,`7d`,`30d`,`90d`,`all`]),rr=new Set([`actor`,`provider`,`model`,`conversation`,`task`,`profile`,`schedule`]),ir={task:an.task,profile:an.profile,model:an.model,provider:`Provider`,actor:`Actor`,conversation:`Conversation`,schedule:`Schedule`},ar=[{value:`task`,label:ir.task},{value:`profile`,label:ir.profile},{value:`model`,label:ir.model},{value:`provider`,label:ir.provider},{value:`schedule`,label:ir.schedule},{value:`conversation`,label:ir.conversation}];function or(e){let t=e.get(`range`),n=e.get(`groupBy`),r=ur(n)?n:Qn;return{range:lr(t)?t:`7d`,groupBy:r,scheduleId:r===`schedule`?sr(e):void 0}}function sr(e){let t=e.get(`scheduleId`);if(!(!t||t.trim().length===0))return t}function cr(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 lr(e){return e!=null&&nr.has(e)}function ur(e){return e!=null&&rr.has(e)}function dr(e){return e!==`conversation`}function fr(e,t){return e!==`task`&&e!==`profile`?!1:mr(t)}function pr(e,t){return!mr(t)&&e<tr}function mr(e){return e instanceof Pe&&er.has(e.status)}function hr(e,t){let n=e===`hourly`?`Hourly Trend`:`Daily Trend`;return!t||t===`conversation`?n:`${n} by ${ir[t]}`}function gr({requestedGranularity:e,isLoading:t,buckets:n}){return e===`hourly`&&(t||!n||n.length===0||n.some(_r))?`hourly`:`daily`}function _r(e){return e.bucketId.includes(`|`)||vr(e.date)}function vr(e){return/^\d{4}-\d{2}-\d{2} ([01]\d|2[0-3]):00$/.test(e)}function yr(e,t,n=Date.now()){return Jt(e,t,n)}function br(e){return e===`today`||e===`yesterday`?`hourly`:`daily`}function xr({prompt:e,children:t,variant:n=`outlined`,size:r=`regular`,className:a}){let s=o(),c=(0,K.useCallback)(()=>{tt(s,{prompt:e})},[s,e]);return(0,J.jsx)(i,{variant:n,size:r,leftIcon:(0,J.jsx)(we,{}),onClick:c,className:a,children:t})}var Sr=[{value:`today`,label:`Today`},{value:`yesterday`,label:`Yesterday`},{value:`7d`,label:`Last 7 days`},{value:`30d`,label:`Last 30 days`},{value:`90d`,label:`Last 90 days`},{value:`all`,label:`All time`}],Cr=300*1e3,wr=[`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(` `),Tr=[`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 Er({assistantId:e}){let[t,n]=s(),{range:r,groupBy:i,scheduleId:a}=(0,K.useMemo)(()=>or(t),[t]),o=Lt(),c=(0,K.useCallback)(e=>{n(t=>cr(t,e),{replace:!0})},[n]),l=(0,K.useMemo)(()=>yr(r,o),[r,o]),u=(0,K.useMemo)(()=>br(r),[r]),f=d({queryKey:Ye({path:{assistant_id:e}}),queryFn:()=>Ht(e),staleTime:1e4}),p=(0,K.useCallback)(e=>{c({range:e})},[c]),m=d({...qe({path:{assistant_id:e},query:Wn({from:l.from,to:l.to,scheduleId:a})})}),h=d({queryKey:Ke({path:{assistant_id:e},query:Kn({from:l.from,to:l.to,groupBy:i,scheduleId:a})}),queryFn:async({signal:t})=>{try{let{data:n}=await ze({path:{assistant_id:e},query:Kn({from:l.from,to:l.to,groupBy:i,scheduleId:a}),signal:t,throwOnError:!0});return{groupBy:i,response:n}}catch(n){if(!fr(i,n))throw n;let{data:r}=await ze({path:{assistant_id:e},query:Kn({from:l.from,to:l.to,groupBy:$n,scheduleId:a}),signal:t,throwOnError:!0});return{groupBy:$n,response:r}}},retry:pr}),g=h.data?.groupBy??i;(0,K.useEffect)(()=>{g!==i&&c({groupBy:g,scheduleId:g===`schedule`?void 0:null})},[g,i,c]);let _=dr(g)?g:void 0,v=d({...Ze({path:{assistant_id:e},query:qn({from:l.from,to:l.to,granularity:u,groupBy:_??`actor`,tz:o,scheduleId:a})}),enabled:!!_,retry:pr}),y=d({...Je({path:{assistant_id:e},query:Gn({from:l.from,to:l.to,granularity:u,tz:o,scheduleId:a})}),enabled:!_||v.isError}),b=d({...Xe({path:{assistant_id:e}}),enabled:g===`task`,staleTime:1/0}),x=d({...Qe({path:{assistant_id:e}}),select:Yt,enabled:g===`profile`,staleTime:Cr}),S=(0,K.useMemo)(()=>({callSites:tn(b.data),profiles:x.data??{}}),[b.data,x.data]),C=(0,K.useMemo)(()=>{let e=h.data;if(e)return dn(e.response.breakdown,e.groupBy,S)},[h.data,S]),w=(0,K.useMemo)(()=>{if(!(!_||!v.data))return vn(v.data.buckets,_,S)},[v.data,_,S]),T=(0,K.useMemo)(()=>{if(y.data)return _n(y.data.buckets)},[y.data]),E=(0,K.useMemo)(()=>_?v.error?T?{isLoading:!1,error:null,data:T,refetch:y.refetch}:{isLoading:y.isLoading||!T&&!y.error,error:y.error??v.error,data:void 0,refetch:y.error?y.refetch:v.refetch}:{isLoading:v.isLoading,error:v.error,data:w,refetch:v.refetch}:{isLoading:y.isLoading,error:y.error,data:T,refetch:y.refetch},[T,y.error,y.isLoading,y.refetch,w,_,v.error,v.isLoading,v.refetch]),D=gr({requestedGranularity:u,isLoading:E.isLoading,buckets:E.data}),O=D===`hourly`,k=_&&v.error?void 0:g,A=(0,K.useMemo)(()=>{if(!(g!==`schedule`||!a))return Dr(f.data,a)},[g,a,f.data]);return(0,J.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,J.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[(0,J.jsx)(`h3`,{className:`text-title-small`,style:{color:`var(--content-default)`},children:`Usage`}),(0,J.jsx)(`div`,{className:`flex flex-wrap items-center justify-end gap-2`,children:(0,J.jsx)(Ar,{range:r,onChange:p})})]}),(0,J.jsx)(`section`,{"aria-label":`Totals`,children:(0,J.jsx)(Mr,{query:m,skeleton:(0,J.jsx)(Fr,{}),render:e=>(0,J.jsx)(Nr,{totals:e})})}),(0,J.jsx)(jr,{title:`Inference Usage`,children:(0,J.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,J.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[(0,J.jsx)(`h4`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:hr(D,k)}),(0,J.jsx)(`div`,{className:`flex flex-wrap items-center justify-end gap-2`,children:(0,J.jsx)(Ir,{value:g,onChange:e=>{c({groupBy:e,scheduleId:e===`schedule`?void 0:null})}})})]}),(0,J.jsx)(Mr,{query:E,skeleton:(0,J.jsx)(Rn,{isHourly:O}),render:e=>(0,J.jsx)(Ln,{buckets:e,isHourly:O,legendItems:A})})]})}),(0,J.jsx)(Lr,{query:h,groups:C}),(0,J.jsx)(kr,{})]})}function Dr(e,t){let n=e??[];return[...n.some(e=>e.id===t)?[]:[{id:t,label:Or(t)}],...n.map(e=>({id:e.id,label:e.name||e.id}))].map((e,n)=>({seriesKey:hn(e.id,`schedule`),label:e.label,colorIndex:n,state:e.id===t?`active`:`inactive`}))}function Or(e){return`Unknown schedule (${e})`}function kr(){return(0,J.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,J.jsx)(`div`,{className:`h-px w-full`,style:{background:`linear-gradient(to right, transparent, var(--border-base), transparent)`}}),(0,J.jsx)(jr,{title:`Cost assistant`,subtitle:`Review recent spend and tune model profile choices.`,children:(0,J.jsxs)(`div`,{className:`flex flex-col gap-2 rounded-md px-3 py-3 sm:flex-row sm:items-center`,children:[(0,J.jsx)(xr,{prompt:wr,children:`Analyze costs with assistant`}),(0,J.jsx)(xr,{prompt:Tr,variant:`ghost`,children:`Optimize settings`})]})})]})}function Ar({range:e,onChange:t}){return(0,J.jsx)(`div`,{className:`flex items-center`,children:(0,J.jsx)(je,{value:e,onChange:t,options:Sr.map(e=>({value:e.value,label:e.label}))})})}function jr({title:e,subtitle:t,children:n}){return(0,J.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,J.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,J.jsx)(`h3`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:e}),t?(0,J.jsx)(`p`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:t}):null]}),n]})}function Mr({query:e,skeleton:t,render:n}){return e.isLoading?(0,J.jsx)(J.Fragment,{children:t}):e.error?(0,J.jsx)(Hr,{message:e.error instanceof Error?e.error.message:`Failed to load usage.`,onRetry:()=>e.refetch()}):e.data?(0,J.jsx)(J.Fragment,{children:n(e.data)}):(0,J.jsx)(J.Fragment,{children:t})}function Nr({totals:e}){return(0,J.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,J.jsxs)(`div`,{className:`flex flex-wrap items-baseline justify-between gap-4`,children:[(0,J.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,J.jsx)(`span`,{style:{fontSize:`30px`,fontWeight:600,lineHeight:1,color:`var(--content-default)`},children:nn(e.totalEstimatedCostUsd)}),(0,J.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-secondary)`},children:`Cost`})]}),(0,J.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,J.jsx)(`span`,{className:`text-title-small`,style:{color:`var(--content-default)`},children:q(e.eventCount)}),(0,J.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-secondary)`},children:`LLM Calls`})]})]}),(0,J.jsxs)(`div`,{className:`grid grid-cols-2 gap-3 sm:grid-cols-4`,children:[(0,J.jsx)(Pr,{label:`Direct Input Tokens`,value:q(e.totalInputTokens)}),(0,J.jsx)(Pr,{label:`Output Tokens`,value:q(e.totalOutputTokens)}),(0,J.jsx)(Pr,{label:`Cache Created`,value:q(e.totalCacheCreationTokens)}),(0,J.jsx)(Pr,{label:`Cache Read`,value:q(e.totalCacheReadTokens)})]})]})}function Pr({label:e,value:t}){return(0,J.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,J.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-default)`},children:t}),(0,J.jsx)(`span`,{className:`text-label-medium-default`,style:{color:`var(--content-tertiary)`},children:e})]})}function Fr(){return(0,J.jsxs)(`div`,{className:`flex flex-col gap-4`,"aria-hidden":`true`,children:[(0,J.jsxs)(`div`,{className:`flex flex-wrap items-baseline justify-between gap-4`,children:[(0,J.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,J.jsx)(Y,{width:140,height:30}),(0,J.jsx)(Y,{width:90,height:12})]}),(0,J.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,J.jsx)(Y,{width:60,height:16}),(0,J.jsx)(Y,{width:60,height:12})]})]}),(0,J.jsx)(`div`,{className:`grid grid-cols-2 gap-3 sm:grid-cols-4`,children:Array.from({length:4}).map((e,t)=>(0,J.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,J.jsx)(Y,{width:`50%`,height:12}),(0,J.jsx)(Y,{width:`70%`,height:11})]},t))})]})}function Ir({value:e,onChange:t}){return(0,J.jsx)(`div`,{className:`flex items-center`,children:(0,J.jsx)(je,{value:e,onChange:t,menuAlign:`end`,menuMinWidth:196,options:ar.map(e=>({value:e.value,label:e.label}))})})}function Lr({query:e,groups:t}){let[n,r]=(0,K.useState)(new Set),i=e=>{r(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})};return(0,J.jsx)(jr,{title:`Breakdown`,children:(0,J.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,J.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,J.jsx)(Rr,{label:`% of total`,active:n.has(`pct`),onClick:()=>i(`pct`)}),(0,J.jsx)(Rr,{label:`Tokens`,active:n.has(`tokens`),onClick:()=>i(`tokens`)}),(0,J.jsx)(Rr,{label:`Turns`,active:n.has(`turns`),onClick:()=>i(`turns`)})]}),(0,J.jsx)(Mr,{query:e,skeleton:(0,J.jsx)(Br,{}),render:e=>(0,J.jsx)(zr,{groups:t??e.response.breakdown,groupBy:e.groupBy,showPct:n.has(`pct`),showTokens:n.has(`tokens`),showTurns:n.has(`turns`)})})]})})}function Rr({label:e,active:t,onClick:n}){return(0,J.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 zr({groups:e,groupBy:t,showPct:n,showTokens:r,showTurns:i}){let a=o();if(e.length===0)return(0,J.jsx)(Vr,{title:`No breakdown data`,subtitle:`No usage recorded for this grouping`});let s=e.reduce((e,t)=>e+t.totalEstimatedCostUsd,0);return(0,J.jsx)(`div`,{className:`overflow-hidden rounded-md`,children:(0,J.jsxs)(`table`,{className:`w-full table-fixed`,children:[(0,J.jsx)(`thead`,{children:(0,J.jsxs)(`tr`,{style:{borderBottom:`1px solid var(--border-base)`},children:[(0,J.jsx)(`th`,{className:`px-3 py-2.5 text-left text-label-medium-default`,style:{color:`var(--content-tertiary)`},children:`Group`}),r?(0,J.jsx)(`th`,{className:`px-3 py-2.5 text-left text-label-medium-default`,style:{color:`var(--content-tertiary)`,width:`35%`},children:`Tokens`}):null,i?(0,J.jsx)(`th`,{className:`px-3 py-2.5 text-right text-label-medium-default`,style:{color:`var(--content-tertiary)`,width:`72px`},children:`Turns`}):null,n?(0,J.jsx)(`th`,{className:`px-3 py-2.5 text-right text-label-medium-default`,style:{color:`var(--content-tertiary)`,width:`64px`},children:`%`}):null,(0,J.jsx)(`th`,{className:`px-3 py-2.5 text-right text-label-medium-default`,style:{color:`var(--content-tertiary)`,width:`100px`},children:`Cost`})]})}),(0,J.jsx)(`tbody`,{children:e.map((e,o)=>{let l=Yn(e),u=Zn(e),d=t===`conversation`?e.groupId:null,f=s>0?Math.round(e.totalEstimatedCostUsd/s*100):0;return(0,J.jsxs)(`tr`,{className:d?`cursor-pointer hover:bg-[var(--surface-hover)]`:void 0,onClick:d?e=>{e.target.closest(`a`)||nt(a,d)}:void 0,style:{borderTop:o===0?`none`:`1px solid var(--border-base)`},children:[(0,J.jsx)(`td`,{className:`min-w-0 px-3 py-2`,style:{color:`var(--content-default)`},children:d?(0,J.jsx)(c,{to:Ve.conversation(d),className:`block truncate text-body-medium-lighter`,title:e.group,onClick:e=>{Gt(e)||(e.preventDefault(),nt(a,d))},children:e.group}):(0,J.jsx)(`span`,{className:`block truncate text-body-medium-lighter`,title:e.group,children:e.group})}),r?(0,J.jsx)(`td`,{className:`min-w-0 px-3 py-2`,style:{color:`var(--content-secondary)`},children:(0,J.jsx)(`span`,{className:`block truncate text-body-small-default`,title:l,children:u})}):null,i?(0,J.jsx)(`td`,{className:`whitespace-nowrap px-3 py-2 text-right`,children:(0,J.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:e.turnCount==null?`—`:e.turnCount.toLocaleString()})}):null,n?(0,J.jsx)(`td`,{className:`whitespace-nowrap px-3 py-2 text-right`,children:(0,J.jsxs)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:[f,`%`]})}):null,(0,J.jsx)(`td`,{className:`whitespace-nowrap px-3 py-2 text-right`,children:(0,J.jsx)(`span`,{className:`text-body-medium-lighter`,style:{color:`var(--content-default)`},children:nn(e.totalEstimatedCostUsd)})})]},e.groupKey??e.groupId??`${e.group}-${o}`)})})]})})}function Br(){return(0,J.jsx)(`div`,{className:`flex flex-col gap-2`,"aria-hidden":`true`,children:Array.from({length:4}).map((e,t)=>(0,J.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,J.jsx)(Y,{width:100,height:14}),(0,J.jsx)(Y,{width:`60%`,height:12}),(0,J.jsx)(Y,{width:50,height:14})]},t))})}function Y({width:e,height:t}){return(0,J.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 Vr({title:e,subtitle:t}){return(0,J.jsxs)(`div`,{className:`flex flex-col items-center gap-1 py-8 text-center`,children:[(0,J.jsx)(`span`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:e}),(0,J.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:t})]})}function Hr({message:e,onRetry:t}){return(0,J.jsxs)(`div`,{className:`flex flex-col gap-2 py-2`,children:[(0,J.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,J.jsx)(Te,{className:`h-4 w-4 shrink-0`,style:{color:`var(--system-negative-strong, #f87171)`}}),(0,J.jsx)(`span`,{className:`text-body-medium-lighter`,style:{color:`var(--content-default)`},children:e})]}),t?(0,J.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:`Retry`}):null]})}function Ur({open:e,onCancel:t,onConfirm:n,confirming:r,lostFeatures:a}){return(0,J.jsx)(W.Root,{open:e,onOpenChange:e=>{!e&&!r&&t()},children:(0,J.jsxs)(W.Content,{size:`md`,hideCloseButton:!0,children:[(0,J.jsx)(W.Header,{children:(0,J.jsx)(W.Title,{icon:Te,children:`Downgrade to Base?`})}),(0,J.jsxs)(W.Body,{children:[(0,J.jsx)(h,{as:`p`,variant:`body-medium-default`,className:`text-(--content-secondary)`,children:`Downgrading removes the following Pro features:`}),(0,J.jsx)(`ul`,{className:`mt-4 list-disc space-y-2 pl-5`,children:a.map(e=>(0,J.jsx)(`li`,{children:(0,J.jsx)(h,{as:`span`,variant:`body-medium-default`,children:e})},e))})]}),(0,J.jsxs)(W.Footer,{children:[(0,J.jsx)(i,{variant:`outlined`,onClick:t,disabled:r,children:`Keep Pro`}),(0,J.jsx)(i,{variant:`danger`,onClick:n,disabled:r,"data-testid":`confirm-downgrade-button`,children:`Confirm Downgrade`})]})]})})}function Wr(e){return`${e.label} — ${E(e.price_cents)}`}function Gr({creditTiers:e,selectedCreditTier:t,onCreditTierChange:n,disabled:r=!1}){let i=(0,K.useMemo)(()=>[{value:null,label:`No credit bundle — ${E(0)}`},...e.map(e=>({value:e.tier,label:Wr(e)}))],[e]);return(0,J.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,J.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,J.jsx)(h,{as:`p`,variant:`label-small-default`,className:`text-[var(--content-secondary)]`,children:`Credit bundle`}),(0,J.jsx)(`span`,{title:`A monthly allotment of credits added to your Pro Plan subscription`,children:(0,J.jsx)(Ce,{className:`h-3 w-3 text-[var(--content-tertiary)]`})})]}),(0,J.jsx)(je,{"aria-label":`Credit bundle`,placeholder:`Select a credit bundle`,disabled:r,value:t,onChange:e=>n(e),onSelectNone:()=>n(null),options:i})]})}function Kr({features:e,variant:t,header:n,maxInline:r=3}){return t===`inline`?(0,J.jsx)(J.Fragment,{children:e.slice(0,r).join(`, `)}):(0,J.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[n&&(0,J.jsx)(h,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-secondary)]`,children:n}),(0,J.jsx)(`ul`,{className:`flex flex-col gap-2`,children:e.map(e=>(0,J.jsxs)(`li`,{className:`flex items-start gap-2`,children:[(0,J.jsx)(S,{className:`mt-0.5 h-4 w-4 shrink-0 text-[var(--content-tertiary)]`,"aria-hidden":!0}),(0,J.jsx)(h,{as:`span`,variant:`body-medium-default`,children:e})]},e))})]})}function qr({plan:e,isCurrent:t,onPro:n,planDisplayName:r,currentPlanFeatures:a,cancelAtPeriodEnd:o,isCanceled:s,cancelDate:c,formatGraceDate:l,proTierChangeMode:u,creditTiersEnabled:d,creditTiers:f,displayCreditTier:p,onCreditTierChange:m,selectedMachineTier:_,selectedStorageTier:v,onMachineTierChange:y,onStorageTierChange:b,machineTiersForPicker:x,storageTiersForPicker:S,currentMachinePrice:C,currentStoragePrice:w,currentCreditPriceUnknown:T,proCurrentTotalCents:D,proLiveTotalCents:k,proTotalDelta:j,onboardingLoading:M,tierChangePending:N,machineChanged:P,storageChanged:ee,creditChanged:te,tierChangeError:ne,upgradePending:re,portalPending:ie,onUpgrade:ae,onApplyTierChange:oe,onDowngradeClick:se,onKeepPlan:ce}){let F=e.id===`pro`,I=e.id===`base`,le=F&&n&&o&&!s,L=F&&(!t||t&&u),R=F&&t&&u,z=F&&t;return(0,J.jsx)(g.Root,{className:`flex flex-col bg-[var(--surface-base)]`,children:(0,J.jsxs)(g.Body,{padding:`lg`,className:`max-sm:p-4`,children:[(0,J.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,J.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:F?(0,J.jsx)(Zt,{className:`h-5 w-5 text-[var(--content-default)]`}):(0,J.jsx)(Qt,{className:`h-5 w-5 text-[var(--content-default)]`})}),(0,J.jsxs)(`div`,{className:`flex min-h-6 items-center gap-2`,children:[(0,J.jsx)(h,{as:`h3`,variant:`title-small`,"data-testid":`modal-plan-name`,children:z?r:e.name}),t&&(0,J.jsx)(Oe,{tone:`positive`,children:`Current`})]}),(0,J.jsx)(h,{as:`p`,variant:`body-small-default`,className:`-mt-2 text-[var(--content-tertiary)]`,children:I?`All you need for a capable assistant`:`More features, more compute, more storage`}),le&&c&&(0,J.jsxs)(h,{as:`p`,variant:`body-small-default`,className:`text-[var(--system-mid-strong)]`,"data-testid":`modal-cancels-on`,children:[`Your plan ends on `,l(c)]}),(0,J.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),(0,J.jsx)(`div`,{className:`flex flex-col gap-1`,children:I?(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(h,{as:`p`,variant:`title-medium`,children:`Free`}),(0,J.jsx)(h,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,children:`Forever`})]}):t&&!(L&&k!=null)&&(D==null||T)?M?(0,J.jsxs)(`div`,{className:`flex items-center gap-2 text-[var(--content-tertiary)]`,children:[(0,J.jsx)(V,{className:`h-4 w-4 animate-spin`}),(0,J.jsx)(h,{as:`span`,variant:`body-medium-lighter`,children:`Loading your plan...`})]}):(0,J.jsx)(h,{as:`p`,variant:`body-medium-lighter`,className:`text-[var(--content-tertiary)]`,"data-testid":`modal-pro-price-unavailable`,children:`Current plan pricing unavailable`}):(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,J.jsx)(h,{as:`p`,variant:`title-medium`,"data-testid":`modal-pro-price`,children:L&&k!=null?(0,J.jsxs)(J.Fragment,{children:[E(k),j!=null&&j!==0&&(0,J.jsxs)(`span`,{className:`ml-1 text-[var(--content-tertiary)]`,children:[`(`,O(j),`)`]})]}):D==null?e.id===`pro`?`From ${E(e.base_price_cents+ue(e.machine_tiers)+ue(e.storage_tiers))}`:null:`Currently ${E(D)}`}),L&&j!=null&&j!==0&&(0,J.jsx)(`span`,{title:`Your Pro Plan subscription will change from ${E(D)} to ${E(k)}.`,children:(0,J.jsx)(Ce,{className:`h-3 w-3 text-[var(--content-tertiary)]`})})]}),e.id===`pro`&&(0,J.jsxs)(h,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,"data-testid":`modal-pro-base-fee`,children:[A(e.base_price_cents),` base fee`]})]})}),(0,J.jsx)(Kr,{features:z&&a?a:e.included_features,variant:`checklist`}),F&&!d&&(0,J.jsx)(h,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,"data-testid":`modal-credits-not-included`,children:`*Credits not included`})]}),(0,J.jsxs)(`div`,{className:`mt-4 flex flex-1 flex-col justify-end gap-4`,children:[!t&&F&&(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),d&&(0,J.jsx)(Gr,{creditTiers:f,selectedCreditTier:p,onCreditTierChange:m,disabled:re}),(0,J.jsx)(de,{machineTiers:x,storageTiers:S,selectedMachineTier:_,selectedStorageTier:v,onMachineTierChange:y,onStorageTierChange:b}),(0,J.jsx)(i,{variant:`primary`,className:`w-full`,onClick:ae,disabled:re||!_||!v,"data-testid":`modal-upgrade-to-pro-button`,children:`Upgrade to Pro`})]}),R&&(M?(0,J.jsxs)(`div`,{className:`flex items-center gap-2 text-[var(--content-tertiary)]`,children:[(0,J.jsx)(V,{className:`h-4 w-4 animate-spin`}),(0,J.jsx)(h,{as:`span`,variant:`body-medium-lighter`,children:`Loading your plan...`})]}):(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),d&&(0,J.jsx)(Gr,{creditTiers:f,selectedCreditTier:p,onCreditTierChange:m,disabled:N}),(0,J.jsx)(de,{machineTiers:x,storageTiers:S,selectedMachineTier:_,selectedStorageTier:v,onMachineTierChange:y,onStorageTierChange:b,currentMachinePriceCents:C,currentStoragePriceCents:w}),ne&&(0,J.jsx)(H,{tone:`error`,children:ne}),(0,J.jsx)(i,{variant:`primary`,className:`w-full`,onClick:oe,disabled:N||!P&&!ee&&!te,"data-testid":`modal-change-tier-button`,children:`Update Plan`})]})),!t&&I&&n&&!o&&(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),(0,J.jsx)(i,{variant:`outlined`,className:`w-full`,onClick:se,disabled:ie,"data-testid":`modal-downgrade-to-base-button`,children:`Downgrade to Base`})]}),le&&(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),(0,J.jsx)(i,{variant:`outlined`,className:`w-full`,onClick:ce,disabled:ie,"data-testid":`modal-keep-plan-button`,children:`Keep your Plan`})]})]})]})})}function Jr({open:e,onClose:t,onTierUpgraded:n}){let r=u(),a=d(wt()),o=d(Pt()),s=p(Tt()),c=p(Mt()),l=p(xt()),f=p(kt()),m=P(re(o.data)),[g,_]=(0,K.useState)(`plans`),[y,b]=(0,K.useState)(!1),[x,S]=(0,K.useState)(null),[C,w]=(0,K.useState)(null),[T,E]=(0,K.useState)(void 0);(0,K.useEffect)(()=>et(()=>{r.invalidateQueries({queryKey:Ct()}),r.invalidateQueries({queryKey:Nt()}),r.invalidateQueries({queryKey:Dt()}),t()}),[r,t]);let D=o.data?.plan_id,O=D===`pro`,k=d({...St(),enabled:O}),A=k.data?.max_machine_tier??null,j=k.data?.selected_storage_tier??null,M=k.data?.selected_storage_gib??null,N=o.data?.cancel_at_period_end===!0||!!o.data?.cancel_at,te=o.data?.status===`canceled`,ie=ae(o.data),se=o.data?.status,le=se!=null&&oe.has(se),L=O&&le&&!N&&!te,R=a.data?.plans.find(e=>e.id===`pro`),z=R?.credit_tiers??[],ue=z.length>0,B=o.data?.selected_credit_tier??null,de=e=>z.find(t=>t.tier===e)?.price_cents??0,pe=de(B),me=B!=null&&!z.some(e=>e.tier===B),he=T===void 0?B:T,ge=de(he),_e=ce(o.data?.package),ve=O&&k.isSuccess&&R?fe({machineTier:A,storageTier:j,storageGib:M,creditTier:B},R):null,ye=R?.machine_tiers??[],be=L&&M!=null?(R?.storage_tiers??[]).map(e=>e.storage_gib<M?{...e,disabled:!0}:e):R?.storage_tiers??[];(0,K.useEffect)(()=>{if(!e){S(null),w(null),E(void 0);return}if(R){if(L){if(A==null||j==null)return;S(e=>F(ye,e??A)),w(e=>F(be,e??j)),E(e=>ne(z,e,B));return}S(e=>F(R.machine_tiers,e)),w(e=>F(R.storage_tiers,e)),E(e=>ne(z,e,null))}},[e,R,L,A,j,B]);let xe=a.data?.plans.find(e=>e.id===`base`),Se=new Set(xe?.included_features??[]),Ce=(R?.included_features??[]).filter(e=>!Se.has(e)),we=()=>{if(!s.isPending){if(!x||!C){G.error(`Pick a machine and storage tier to continue.`,{id:`pro-upgrade-error`});return}s.mutate({body:{target_plan_id:`pro`,confirm:!0,machine_tier:x,storage_tier:C,credit_tier:he,return_target:Xt()}},{onSuccess:e=>{if(e.checkout_url){Be({kind:`custom`,machineTier:x,storageTier:C,creditTier:he}),Fe(r),$e(e.checkout_url);return}if(e.status===`no_op`){G.info(`You're already on Pro.`,{id:`pro-upgrade`}),t();return}G.error(e.message??`Failed to start upgrade. Please try again.`,{id:`pro-upgrade-error`})},onError:e=>{G.error(ee(e,`Failed to start upgrade. Please try again.`),{id:`pro-upgrade-error`})}})}},Ee=()=>{m.isPending||(_(`plans`),m.mutate({}))},De=()=>{r.invalidateQueries({queryKey:Ct()}),r.invalidateQueries({queryKey:Dt()}),r.invalidateQueries({queryKey:Nt()})},Oe=c.isPending||l.isPending||f.isPending,U=x!=null&&x!==A,ke=C!=null&&C!==j,Ae=ue&&T!==void 0&&T!==B,je=e=>ye.find(t=>t.tier===e)?.price_cents??null,Me=e=>be.find(t=>t.tier===e)?.price_cents??null,Ne=je(x),Pe=Me(C),Ie=je(A),Le=Me(j),Re=U&&Ne!=null&&Ie!=null&&Ne<Ie,ze=()=>{if(Oe)return;let e=[];U&&x&&e.push(new Promise(e=>{c.mutate({body:{machine_tier:x}},{onSuccess:()=>e({dimension:`machine`,ok:!0}),onError:t=>e({dimension:`machine`,ok:!1,error:t})})})),ke&&C&&e.push(new Promise(e=>{l.mutate({body:{storage_tier:C}},{onSuccess:()=>e({dimension:`storage`,ok:!0}),onError:t=>e({dimension:`storage`,ok:!1,error:t})})})),Ae&&e.push(new Promise(e=>{f.mutate({body:{credit_tier:he}},{onSuccess:()=>e({dimension:`credit`,ok:!0}),onError:t=>e({dimension:`credit`,ok:!1,error:t})})})),Promise.all(e).then(e=>{De();let r=e.some(e=>e.ok&&e.dimension===`storage`),i=e.some(e=>e.ok&&e.dimension===`machine`)&&!Re,a=(r||i)&&!!n,o=e.filter(e=>!e.ok);if(o.length>0){let e=o.map(e=>ee(e.error,`Failed to update ${e.dimension} tier.`)).join(` `);G.error(e,{id:`pro-tier-change-error`}),a&&(t(),n());return}a?(t(),n()):G.success(Ae&&!U&&!ke?`Credit bundle updated.`:`Plan updated.`,{id:`pro-tier-change`})})},Ve=()=>{if(!Oe){if(Re){b(!0);return}ze()}},He=()=>{b(!1),ze()},Ue=e=>Ne!=null&&Pe!=null?e.base_price_cents+Ne+Pe+ge:null,We=e=>Ie!=null&&Le!=null?e.base_price_cents+Ie+Le+pe:null,Ge=c.isError||l.isError||f.isError?ee(c.error??l.error??f.error,`Failed to update plan. Please try again.`):null,Ke=a.isLoading||o.isLoading,qe=a.isError||o.isError||!a.data||!o.data;return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(W.Root,{open:e,onOpenChange:e=>{e||(_(`plans`),t())},children:(0,J.jsx)(W.Content,{size:g===`plans`?`lg`:`md`,children:g===`downgrade-confirm`?(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(W.Header,{children:(0,J.jsx)(W.Title,{icon:Te,children:`Downgrade to Base?`})}),(0,J.jsxs)(W.Body,{children:[(0,J.jsx)(h,{as:`p`,variant:`body-medium-default`,className:`text-(--content-secondary)`,children:`Downgrading removes the following Pro features:`}),(0,J.jsx)(`ul`,{className:`mt-4 list-disc space-y-2 pl-5`,children:Ce.map(e=>(0,J.jsx)(`li`,{children:(0,J.jsx)(h,{as:`span`,variant:`body-medium-default`,children:e})},e))})]}),(0,J.jsxs)(W.Footer,{children:[(0,J.jsx)(i,{variant:`ghost`,onClick:()=>_(`plans`),disabled:m.isPending,leftIcon:(0,J.jsx)(v,{className:`h-4 w-4`}),children:`Back`}),(0,J.jsx)(i,{variant:`danger`,onClick:Ee,disabled:m.isPending,"data-testid":`confirm-downgrade-button`,children:`Confirm Downgrade`})]})]}):(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(W.Header,{children:(0,J.jsx)(W.Title,{className:`sr-only`,children:`Upgrade Plan`})}),(0,J.jsx)(W.Body,{children:Ke?(0,J.jsxs)(`div`,{className:`flex items-center gap-2 text-body-medium-lighter text-[var(--content-tertiary)]`,children:[(0,J.jsx)(V,{className:`h-4 w-4 animate-spin`}),(0,J.jsx)(h,{as:`span`,variant:`body-medium-lighter`,children:`Loading plans...`})]}):qe?(0,J.jsx)(H,{tone:`error`,children:`Failed to load plans. Please try again later.`}):(0,J.jsxs)(`div`,{className:`space-y-4 sm:space-y-6`,children:[(0,J.jsxs)(`div`,{className:`space-y-2 pb-2 pt-4 text-center`,children:[(0,J.jsx)(h,{as:`p`,variant:`title-medium`,children:`Your Assistant, Your Way`}),(0,J.jsx)(h,{as:`p`,variant:`body-medium-lighter`,className:`text-[var(--content-secondary)]`,children:`Choose the plan that works best for you and your assistant.`})]}),(0,J.jsx)(`div`,{className:`grid grid-cols-1 gap-4 md:grid-cols-2`,children:a.data.plans.map(e=>{let t=e.id===D,n=e.id===`pro`&&R?Ue(R):null,r=e.id===`pro`&&R?We(R):null;return(0,J.jsx)(qr,{plan:e,isCurrent:t,onPro:O,planDisplayName:_e,currentPlanFeatures:ve,cancelAtPeriodEnd:N,isCanceled:te,cancelDate:ie,formatGraceDate:I,proTierChangeMode:L,creditTiersEnabled:ue,creditTiers:z,displayCreditTier:he,onCreditTierChange:E,selectedMachineTier:x,selectedStorageTier:C,onMachineTierChange:S,onStorageTierChange:w,machineTiersForPicker:ye,storageTiersForPicker:be,currentMachinePrice:Ie,currentStoragePrice:Le,currentCreditPriceUnknown:me,proCurrentTotalCents:r,proLiveTotalCents:n,proTotalDelta:n!=null&&r!=null?n-r:null,onboardingLoading:k.isLoading,tierChangePending:Oe,machineChanged:U,storageChanged:ke,creditChanged:Ae,tierChangeError:Ge,upgradePending:s.isPending,portalPending:m.isPending,onUpgrade:we,onApplyTierChange:Ve,onDowngradeClick:()=>_(`downgrade-confirm`),onKeepPlan:()=>m.mutate({})},e.id)})})]})}),(0,J.jsxs)(W.Footer,{className:`relative items-center`,children:[(0,J.jsx)(h,{as:`p`,variant:`body-small-default`,className:`pointer-events-none absolute inset-x-0 text-center text-[var(--content-tertiary)]`,children:(0,J.jsx)(`span`,{className:`pointer-events-auto`,children:`You can change or cancel your plan at any time from billing settings.`})}),(0,J.jsx)(`div`,{className:`ml-auto`,children:(0,J.jsx)(i,{variant:`outlined`,onClick:t,"data-testid":`modal-cancel-button`,children:`Cancel`})})]})]})})}),(0,J.jsx)(Ur,{open:y,onCancel:()=>b(!1),onConfirm:He,confirming:Oe,lostFeatures:[`Reduced CPU and memory for your assistant — it will resize to the smaller compute profile.`]})]})}function Yr({open:e,confirming:t,onCancel:n,onConfirm:r}){return(0,J.jsx)(Ae,{open:e,title:`Disable automatic top-ups?`,message:`Auto top-ups will stop. Any saved payment method stays on file.`,confirmLabel:t?`Disabling…`:`Disable`,cancelLabel:`Keep enabled`,destructive:!0,onConfirm:r,onCancel:n})}var Xr=25,Zr={threshold_usd:`100`,amount_usd:`10`,monthly_cap_usd:``};function Qr(e){if(e===``||e===`-`)return e;let t=parseFloat(e);return Number.isFinite(t)?String(Math.trunc(t)):``}function $r(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 ei(e,t,n,r){if(n[e])return n[e];if(r)return t[e]}function ti({initialValues:e=Zr,submitting:t,serverErrors:n,showDefaultDailyLimitNote:r=!1,onSave:a,onCancel:o}){let[s,c]=(0,K.useState)(e),[l,u]=(0,K.useState)({threshold_usd:!1,amount_usd:!1,monthly_cap_usd:!1}),d=$r(s),f=e=>t=>{c(n=>({...n,[e]:t.target.value}))},p=e=>()=>{u(t=>({...t,[e]:!0})),c(t=>({...t,[e]:Qr(t[e])}))},m=e=>ei(e,d,n,l[e]);return(0,J.jsxs)(`div`,{className:`mt-4`,children:[(0,J.jsxs)(`div`,{className:`flex flex-wrap items-start gap-3`,children:[(0,J.jsx)(`div`,{className:`min-w-[10rem] flex-1`,children:(0,J.jsx)(U,{type:`number`,step:`1`,label:`Auto-reload when balance below`,value:s.threshold_usd,onChange:f(`threshold_usd`),onBlur:p(`threshold_usd`),errorText:m(`threshold_usd`),"data-testid":`auto-top-up-threshold-input`,fullWidth:!0})}),(0,J.jsx)(`div`,{className:`min-w-[10rem] flex-1`,children:(0,J.jsx)(U,{type:`number`,step:`1`,label:`Auto-reload amount`,value:s.amount_usd,onChange:f(`amount_usd`),onBlur:p(`amount_usd`),errorText:m(`amount_usd`),"data-testid":`auto-top-up-amount-input`,fullWidth:!0})}),(0,J.jsx)(`div`,{className:`min-w-[10rem] flex-1`,children:(0,J.jsx)(U,{type:`number`,step:`1`,label:`Monthly spending cap`,helperText:`Pauses auto top-ups for the rest of the month once spending reaches this amount. Manual purchases also count toward the total. Leave empty for no limit.`,value:s.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,J.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2 pt-[18px]`,children:[(0,J.jsx)(i,{variant:`outlined`,onClick:o,disabled:t,children:`Cancel`}),(0,J.jsx)(i,{variant:`primary`,onClick:()=>{u({threshold_usd:!0,amount_usd:!0,monthly_cap_usd:!0});let e={threshold_usd:Qr(s.threshold_usd),amount_usd:Qr(s.amount_usd),monthly_cap_usd:Qr(s.monthly_cap_usd)};c(e);let t=$r(e);if(Object.keys(t).length!==0)return;let n=e=>e===``?``:`${parseInt(e,10)}.00`;a({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:`Save`})]})]}),r&&(0,J.jsxs)(H,{tone:`info`,className:`mt-3`,"data-testid":`auto-top-up-default-daily-limit-note`,children:[`A default daily credit limit of $`,Xr,` per day will be applied. You can adjust it under Daily credit limit.`]})]})}var ni=t(((e,t)=>{t.exports=`SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED`})),ri=t(((e,t)=>{var n=ni();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=ri()()}))(),1);function ii(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 ai(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?ii(Object(n),!0).forEach(function(t){si(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ii(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function oi(e){"@babel/helpers - typeof";return oi=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},oi(e)}function si(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ci(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 li(e,t){if(e==null)return{};var n=ci(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 ui(e,t){return di(e)||fi(e,t)||pi(e,t)||hi()}function di(e){if(Array.isArray(e))return e}function fi(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 pi(e,t){if(e){if(typeof e==`string`)return mi(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 mi(e,t)}}function mi(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 hi(){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])},gi=function(e){var t=K.useRef(e);return K.useEffect(function(){t.current=e},[e]),t.current},_i=function(e){return e!==null&&oi(e)===`object`},vi=function(e){return _i(e)&&typeof e.then==`function`},yi=function(e){return _i(e)&&typeof e.elements==`function`&&typeof e.createToken==`function`&&typeof e.createPaymentMethod==`function`&&typeof e.confirmCardPayment==`function`},bi=`[object Object]`,xi=function e(t,n){if(!_i(t)||!_i(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])})},Si=function(e,t,n){return _i(e)?Object.keys(e).reduce(function(r,i){var a=!_i(t)||!xi(e[i],t[i]);return n.includes(i)?(a&&console.warn(`Unsupported prop change: options.${i} is not a mutable property.`),r):a?ai(ai({},r||{}),{},si({},i,e[i])):r},null):null},Ci="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]:Ci;if(e===null||yi(e))return e;throw Error(t)},Ti=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:Ci;if(vi(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}},Ei=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`}))},Di=K.createContext(null);Di.displayName=`ElementsContext`;var Oi=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},ki=function(e){var t=e.stripe,n=e.options,r=e.children,i=K.useMemo(function(){return Ti(t)},[t]),a=ui(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=gi(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=gi(n);return K.useEffect(function(){if(o.elements){var e=Si(n,l,[`clientSecret`,`fonts`]);e&&o.elements.update(e)}},[n,l,o.elements]),K.useEffect(function(){Ei(o.stripe)},[o.stripe]),K.createElement(Di.Provider,{value:o},r)};ki.propTypes={stripe:X.default.any,options:X.default.object};var Ai=function(e){return Oi(K.useContext(Di),e)},ji=function(e){var t=e.children;return t(Ai(`mounts <ElementsConsumer>`))};ji.propTypes={children:X.default.func.isRequired};var Mi=K.createContext(null);Mi.displayName=`CheckoutContext`;var Ni=function(e){var t=K.useContext(Mi),n=K.useContext(Di);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 Oi(n,e)},Pi=[`mode`],Fi=function(e){return e.charAt(0).toUpperCase()+e.slice(1)},Q=function(e,t,n){var r=`${Fi(e)}Element`,i=t?function(e){Ni(`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=Ni(`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=ui(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=li(o,Pi);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=gi(o);return K.useEffect(function(){if(A.current){var e=Si(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`,Ii=K.createContext(null);Ii.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 Li=`dahlia`,Ri=`https://js.stripe.com`,zi=`${Ri}/${Li}/stripe.js`,Bi=/^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/,Vi=/^https:\/\/js\.stripe\.com\/(v3|[a-z]+)\/stripe\.js(\?.*)?$/,Hi=`loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used`,Ui=function(e){return Bi.test(e)||Vi.test(e)},Wi=function(){for(var e=document.querySelectorAll(`script[src^="${Ri}"]`),t=0;t<e.length;t++){var n=e[t];if(Ui(n.src))return n}return null},Gi=function(e){var t=e&&!e.advancedFraudSignals?`?advancedFraudSignals=false`:``,n=document.createElement(`script`);n.src=`${zi}${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},Ki=null,qi=null,Ji=null,Yi=function(e){return function(t){e(Error(`Failed to load Stripe.js`,{cause:t}))}},Xi=function(e,t){return function(){window.Stripe?e(window.Stripe):t(Error(`Stripe.js not available`))}},Zi=function(e){return Ki===null?(Ki=new Promise(function(t,n){if(typeof window>`u`||typeof document>`u`){t(null);return}if(window.Stripe&&e&&console.warn(Hi),window.Stripe){t(window.Stripe);return}try{var r=Wi();if(r&&e)console.warn(Hi);else if(!r)r=Gi(e);else if(r&&Ji!==null&&qi!==null){var i;r.removeEventListener(`load`,Ji),r.removeEventListener(`error`,qi),(i=r.parentNode)==null||i.removeChild(r),r=Gi(e)}Ji=Xi(t,n),qi=Yi(n),r.addEventListener(`load`,Ji),r.addEventListener(`error`,qi)}catch(e){n(e);return}}),Ki.catch(function(e){return Ki=null,Promise.reject(e)})):Ki},Qi,$i=!1,ea=function(){return Qi||(Qi=Zi(null).catch(function(e){return Qi=null,Promise.reject(e)}),Qi)};Promise.resolve().then(function(){return ea()}).catch(function(e){$i||console.warn(e)});function ta(){return typeof document<`u`&&document.documentElement.classList.contains(`dark`)?{theme:`night`}:{theme:`stripe`}}function na({open:e,onClose:t,onSavedOptimistic:n}){let r=p(mt()),{mutate:i,reset:a}=r;return(0,K.useEffect)(()=>{e||a()},[e,i,a]),(0,K.useMemo)(()=>ta(),[r.data?.client_secret??null]),(0,J.jsx)(W.Root,{open:e,onOpenChange:e=>{e||t()},children:(0,J.jsxs)(W.Content,{size:`sm`,children:[(0,J.jsx)(W.Header,{children:(0,J.jsx)(W.Title,{children:`Save Payment Method`})}),(0,J.jsx)(W.Body,{className:`min-h-[260px]`,children:(0,J.jsx)(ra,{})})]})})}function ra(){return(0,K.useEffect)(()=>{console.warn(`[AutoTopUpPaymentMethodModal] VITE_STRIPE_PUBLISHABLE_KEY is not set; the payment-method modal cannot mount Stripe Elements.`)},[]),(0,J.jsx)(H,{tone:`error`,children:`Payment method setup is currently unavailable. Please try again later.`})}var ia={visa:`Visa`,mastercard:`Mastercard`,amex:`Amex`,discover:`Discover`,diners:`Diners Club`,jcb:`JCB`,unionpay:`UnionPay`};function aa(e){return ia[e.toLowerCase()]??e}function oa({brand:e,last4:t,onUpdateCard:n,onRemove:r,removing:a=!1}){return(0,J.jsxs)(`div`,{"data-testid":`payment-method-row`,className:`flex items-center justify-between gap-2 rounded-lg bg-[var(--surface-base)] pl-3 pr-2 py-1.5`,children:[(0,J.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,J.jsx)(_e,{"aria-hidden":!0,className:`h-4 w-4 shrink-0 text-[var(--content-default)]`}),(0,J.jsxs)(`div`,{className:`min-w-0`,children:[(0,J.jsx)(h,{as:`p`,variant:`body-medium-default`,className:`truncate text-[var(--content-default)]`,children:e?aa(e):`Saved card`}),t!=null&&(0,J.jsxs)(h,{as:`p`,variant:`body-small-default`,className:`truncate text-[var(--content-tertiary)]`,children:[`Ending in `,t]})]})]}),(0,J.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[(0,J.jsx)(i,{variant:`outlined`,onClick:n,"data-testid":`payment-method-update`,children:`Update Card`}),(0,J.jsx)(i,{variant:`dangerOutline`,onClick:r,disabled:a,"data-testid":`payment-method-remove`,children:a?`Removing…`:`Remove`})]})]})}function sa(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 ca(e){if(!e)return``;let t=parseFloat(e);return Number.isFinite(t)?String(Math.trunc(t)):``}function la(e){if(!e)return`$0`;let t=parseFloat(e);if(!Number.isFinite(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}`}var ua={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 da({testId:e,children:t}){return(0,J.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 fa(){let e=u(),t=d(ot()),n=d(ct()),r=p(gt()),a=p(pt()),o=p(It()),[c,l]=s(),f=(0,K.useRef)(null),[m,g]=(0,K.useState)(`view`),[_,v]=(0,K.useState)(!1),[y,b]=(0,K.useState)(!1),[x,S]=(0,K.useState)(!1),[w,T]=(0,K.useState)(!1),[E,D]=(0,K.useState)(!1),[O,k]=(0,K.useState)(!1);(0,K.useEffect)(()=>{w&&t.data?.has_payment_method&&T(!1)},[w,t.data?.has_payment_method]);let A=()=>{r.reset(),a.reset(),g(`form`)},j=e=>{if(v(!0),!e.has_payment_method||e.disabled_due_to_repeated_failures===!0){T(!0),D(!1);return}T(!1),A()},M=c.get(`configure_top_up`)===`1`;if((0,K.useEffect)(()=>{if(!M||t.data==null)return;let e=new URLSearchParams(c);e.delete(`configure_top_up`),l(e,{replace:!0});let n=t.data;if(n.enabled===!0)return;j(n);let r=typeof window<`u`&&window.matchMedia?.(`(prefers-reduced-motion: reduce)`).matches===!0;f.current?.scrollIntoView({behavior:r?`auto`:`smooth`,block:`center`})},[M,t.data]),t.isLoading)return(0,J.jsx)(`div`,{"data-testid":`auto-top-up-card`,children:(0,J.jsx)(`p`,{className:`text-body-medium-lighter text-[var(--content-tertiary)]`,children:`Loading…`})});if(t.isError||!t.data)return(0,J.jsx)(`div`,{"data-testid":`auto-top-up-card`,children:(0,J.jsx)(H,{tone:`error`,children:`Failed to load auto top-up configuration.`})});let N=t.data,P=N.enabled===!0,ee=N.disabled_due_to_repeated_failures===!0&&!P,te=()=>{g(`view`),v(!1)},ne=()=>{a.reset(),b(!1)},re=t=>{r.mutate({body:{enabled:!0,threshold_usd:t.threshold_usd,amount_usd:t.amount_usd,monthly_cap_usd:t.monthly_cap_usd===``?null:t.monthly_cap_usd}},{onSuccess:t=>{lt(e,void 0,e=>({...t,payment_method_brand:e?.payment_method_brand??null,payment_method_last4:e?.payment_method_last4??null})),e.invalidateQueries({queryKey:ht()}),P||(e.invalidateQueries({queryKey:dt()}),e.invalidateQueries({queryKey:Ot()})),te()}})},ie=()=>{a.mutate({},{onSuccess:()=>{lt(e,void 0,e=>({...ua,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),g(`view`),v(!1)}})},ae=()=>{o.mutate({},{onSuccess:()=>{lt(e,void 0,{...N,enabled:!1,has_payment_method:!1,payment_method_brand:null,payment_method_last4:null}),e.invalidateQueries({queryKey:ht()}),S(!1),te()},onError:()=>{S(!1)}})},oe=e=>{if(e&&!P){j(N);return}if(!e&&!P&&_){T(!1),te();return}!e&&P&&b(!0)},se=async()=>{let t=Date.now(),n=N.stripe_payment_method_updated_at??null;try{await e.invalidateQueries({queryKey:ht()})}catch{}for(;Date.now()-t<2e4;){try{let t=await e.fetchQuery(ot());if(t.has_payment_method&&t.stripe_payment_method_updated_at!==n)break}catch{}await new Promise(e=>setTimeout(e,1500))}T(!1),_&&A()},ce=m===`form`,F=sa(r.error),I=r.isError&&Object.keys(F).length===0,le=P||_,L=n.data!=null&&n.data.daily_credit_limit_usd==null;return(0,J.jsxs)(`div`,{ref:f,"data-testid":`auto-top-up-card`,children:[(0,J.jsx)(`div`,{className:`flex items-center justify-between gap-4`,children:(0,J.jsx)(ke,{checked:le,onChange:oe,label:`Enable Extra Usage`})}),N.has_payment_method&&(0,J.jsx)(`div`,{className:`mt-3`,children:(0,J.jsx)(oa,{brand:N.payment_method_brand,last4:N.payment_method_last4,onUpdateCard:()=>k(!0),onRemove:()=>S(!0),removing:o.isPending})}),P&&!ce&&(0,J.jsxs)(`div`,{className:`mt-3 flex w-full items-center gap-2`,children:[(0,J.jsxs)(da,{testId:`auto-top-up-summary`,children:[(0,J.jsx)(C,{className:`h-3.5 w-3.5 shrink-0 text-[var(--content-default)]`,"aria-hidden":`true`}),(0,J.jsxs)(h,{variant:`body-medium-default`,className:`truncate text-[var(--content-default)]`,children:[`Add `,la(N.amount_usd),` when balance falls under`,` `,la(N.threshold_usd)]})]}),N.monthly_cap_usd!=null&&(0,J.jsx)(da,{testId:`auto-top-up-cap-progress`,children:(0,J.jsxs)(h,{variant:`body-medium-default`,className:`truncate text-[var(--content-default)]`,children:[(0,J.jsxs)(`span`,{children:[la(N.current_month_credits_purchased_usd),` `]}),(0,J.jsxs)(`span`,{className:`text-[var(--content-tertiary)]`,children:[`/ `,la(N.monthly_cap_usd),` this month`]})]})}),(0,J.jsx)(i,{variant:`outlined`,onClick:A,"data-testid":`auto-top-up-edit-button`,className:`shrink-0`,children:`Adjust`})]}),ee&&(0,J.jsx)(H,{tone:`warning`,className:`mt-3`,"data-testid":`auto-top-up-declined-cutoff`,actions:(0,J.jsx)(i,{variant:`outlined`,onClick:()=>k(!0),"data-testid":`auto-top-up-add-pm-button`,children:`Add payment method`}),children:`We paused automatic reloads after several declined payments. Add a new payment method to turn auto-reload back on.`}),(0,J.jsx)(`div`,{className:`grid transition-[grid-template-rows] duration-200 ease-in-out`,style:{gridTemplateRows:w&&!ee?`1fr`:`0fr`},children:(0,J.jsx)(`div`,{className:`overflow-hidden`,children:(0,J.jsxs)(`div`,{className:`mt-3 flex flex-col gap-3`,children:[!E&&(0,J.jsxs)(`div`,{className:`flex h-8 items-center justify-between gap-3 rounded-lg bg-[var(--system-mid-weak)] px-2`,children:[(0,J.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,J.jsx)(Ce,{className:`h-4 w-4 shrink-0 text-[var(--system-mid-strong)]`,"aria-hidden":`true`}),(0,J.jsx)(h,{variant:`body-medium-default`,className:`truncate text-[var(--system-mid-strong)]`,children:`Extra usage requires you to connect a credit card.`})]}),(0,J.jsx)(`button`,{type:`button`,"aria-label":`Dismiss`,onClick:()=>D(!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,J.jsx)(De,{className:`h-2.5 w-2.5`,strokeWidth:2,"aria-hidden":`true`})})]}),(0,J.jsx)(i,{variant:`primary`,onClick:()=>k(!0),"data-testid":`auto-top-up-add-pm-button`,className:`self-start`,children:`Add a Credit Card`})]})})}),I&&(0,J.jsx)(H,{tone:`error`,className:`mt-4`,"data-testid":`auto-top-up-update-error`,children:`Failed to save automatic top-ups. Please try again.`}),a.isError&&(0,J.jsx)(H,{tone:`error`,className:`mt-4`,"data-testid":`auto-top-up-disable-error`,children:`Failed to disable automatic top-ups. Please try again.`}),o.isError&&(0,J.jsx)(H,{tone:`error`,className:`mt-4`,"data-testid":`auto-top-up-remove-error`,children:`Failed to remove the payment method. Please try again.`}),ce&&(0,J.jsx)(ti,{initialValues:P?{threshold_usd:ca(N.threshold_usd),amount_usd:ca(N.amount_usd),monthly_cap_usd:ca(N.monthly_cap_usd)}:void 0,submitting:r.isPending,serverErrors:F,showDefaultDailyLimitNote:!P&&L,onCancel:te,onSave:re}),(P||ce)&&(0,J.jsx)(H,{tone:`info`,className:`mt-4`,children:`If you're too close to your monthly limit, the auto-reload will only top up to that limit.`}),(0,J.jsx)(Yr,{open:y,confirming:a.isPending,onCancel:ne,onConfirm:ie}),(0,J.jsx)(Ae,{open:x,title:`Remove payment method?`,message:`Removing your card will turn off Extra Usage.`,confirmLabel:o.isPending?`Removing…`:`Remove`,isPending:o.isPending,cancelLabel:`Keep card`,destructive:!0,onConfirm:ae,onCancel:()=>S(!1)}),(0,J.jsx)(na,{open:O,onClose:()=>k(!1),onSavedOptimistic:se})]})}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 ma=`daily-credit-limit`;function ha(e){let t=parseFloat(e);return Number.isFinite(t)?`$${t.toFixed(2)}`:`$${e}`}function ga(e){let t=e.trim();if(t===``)return`Enter a daily limit`;let n=parseFloat(t);if(!Number.isFinite(n)||n<1)return`Must be at least $1`;if(!/^\d+(\.\d{1,2})?$/.test(t))return`Use at most two decimal places`}function _a(){let e=u(),t=d(ct()),n=d(At()),r=d(ot()),a=p(ut());pa(ma,!t.isLoading&&!n.isLoading);let[o,s]=(0,K.useState)(null),[c,l]=(0,K.useState)(!1),[f,m]=(0,K.useState)(!1);if(t.isLoading)return(0,J.jsx)(`div`,{"data-testid":`daily-credit-limit-card`,children:(0,J.jsx)(`p`,{className:`text-body-medium-lighter text-[var(--content-tertiary)]`,children:`Loading…`})});if(t.isError||!t.data)return(0,J.jsx)(`div`,{"data-testid":`daily-credit-limit-card`,children:(0,J.jsx)(H,{tone:`error`,children:`Failed to load daily credit limit settings.`})});let h=t.data,g=h.daily_credit_limit_usd!=null,_=g||f,v=o??h.daily_credit_limit_usd??``,y=ga(v),b=n.data,x=b?.daily_spend_usd??h.current_day_spent_usd,S=b?.daily_limit_reached===!0,C=be(),w=r.data?.enabled===!0&&!r.isError,T=e=>{s(e.target.value)},E=t=>{a.mutate({body:{daily_credit_limit_usd:t}},{onSuccess:n=>{jt(e,void 0,n),e.invalidateQueries({queryKey:dt()}),e.invalidateQueries({queryKey:Ot()}),s(null),l(!1),t===null&&m(!1)}})},D=e=>{if(e){m(!0);return}g&&w||(m(!1),s(null),l(!1),g&&E(null))},O=()=>{l(!0),!y&&E(parseFloat(v.trim()).toFixed(2))},k=sa(a.error).daily_credit_limit_usd??(a.isError?`Failed to save daily credit limit. Please try again.`:void 0),A=c?y:void 0;return(0,J.jsxs)(`div`,{"data-testid":`daily-credit-limit-card`,children:[(0,J.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,J.jsx)(ke,{checked:_,onChange:D,disabled:a.isPending||g&&w,label:`Set a daily credit limit`}),w&&(0,J.jsx)(`p`,{className:`text-body-small-default text-[var(--content-tertiary)]`,"data-testid":`daily-credit-limit-required-note`,children:`A daily credit limit is required while automatic top-ups are enabled.`}),_&&(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(`div`,{className:`flex flex-wrap items-start gap-3`,children:[(0,J.jsx)(`div`,{className:`w-60 max-w-full`,children:(0,J.jsx)(U,{type:`number`,step:`0.01`,min:`1`,label:`Stop spending Vellum credits after`,helperText:`Resets daily at ${C}.`,placeholder:`0.00`,value:v,onChange:T,onBlur:()=>l(!0),errorText:A,"data-testid":`daily-credit-limit-input`,fullWidth:!0})}),(0,J.jsx)(`div`,{className:`flex shrink-0 items-center gap-2 pt-[18px]`,children:(0,J.jsx)(i,{variant:`primary`,onClick:O,disabled:a.isPending,"data-testid":`daily-credit-limit-save-button`,children:`Save`})})]}),g&&h.daily_credit_limit_usd!=null&&(0,J.jsxs)(`p`,{className:`text-body-small-default text-[var(--content-tertiary)]`,"data-testid":`daily-credit-limit-progress`,children:[ha(x),` of`,` `,ha(h.daily_credit_limit_usd),` spent today`]}),S&&(0,J.jsxs)(H,{tone:`warning`,"data-testid":`daily-credit-limit-reached`,children:[`Today's Vellum credit spend has reached this limit. Generation resumes at `,C,` or when you raise the limit.`]})]})]}),(0,J.jsxs)(`p`,{className:`mt-3 text-body-small-default text-[var(--content-tertiary)]`,children:[`Applies to Vellum credit spend only. Usage billed to your own provider API keys isn't limited. Resets daily at `,C,`.`]}),k!=null&&(0,J.jsx)(H,{tone:`error`,className:`mt-4`,"data-testid":`daily-credit-limit-update-error`,children:k})]})}function va(e){let t=parseFloat(e);return Number.isFinite(t)?`$${t.toFixed(2)}`:`$${e}`}function ya(e){if(e.trim()===``)return;let t=parseFloat(e);if(!Number.isFinite(t)||t<1||t>1e3)return`Must be between $1 and $1,000`;if(!/^\d+(\.\d{1,2})?$/.test(e.trim()))return`Use at most two decimal places`}function ba(){let e=u(),t=d(_t()),n=p(at()),[r,a]=(0,K.useState)(null),[o,s]=(0,K.useState)(!1);if(t.isLoading)return(0,J.jsx)(`div`,{"data-testid":`low-balance-alert-card`,children:(0,J.jsx)(`p`,{className:`text-body-medium-lighter text-[var(--content-tertiary)]`,children:`Loading…`})});if(t.isError||!t.data)return(0,J.jsx)(`div`,{"data-testid":`low-balance-alert-card`,children:(0,J.jsx)(H,{tone:`error`,children:`Failed to load low-balance alert settings.`})});let c=t.data,l=r??c.threshold_usd??``,f=ya(l),m=e=>{a(e.target.value)},h=t=>{n.mutate({body:{threshold_usd:t}},{onSuccess:t=>{ft(e,void 0,t),e.invalidateQueries({queryKey:yt()}),a(null),s(!1)}})},g=()=>{if(s(!0),f)return;let e=l.trim();h(e===``?null:parseFloat(e).toFixed(2))},_=()=>{a(``),s(!1),h(null)},v=n.isError,y=o?f:void 0;return(0,J.jsxs)(`div`,{"data-testid":`low-balance-alert-card`,children:[(0,J.jsxs)(`div`,{className:`flex flex-wrap items-start gap-3`,children:[(0,J.jsx)(`div`,{className:`w-60 max-w-full`,children:(0,J.jsx)(U,{type:`number`,step:`0.01`,label:`Alert me when my balance drops below`,helperText:`Default is ${va(c.default_threshold_usd)} when unset`,placeholder:c.effective_threshold_usd,value:l,onChange:m,onBlur:()=>s(!0),errorText:y,"data-testid":`low-balance-alert-input`,fullWidth:!0})}),(0,J.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2 pt-[18px]`,children:[c.threshold_usd!=null&&(0,J.jsx)(i,{variant:`outlined`,onClick:_,disabled:n.isPending,"data-testid":`low-balance-alert-reset-button`,children:`Reset to default`}),(0,J.jsx)(i,{variant:`primary`,onClick:g,disabled:n.isPending,"data-testid":`low-balance-alert-save-button`,children:`Save`})]})]}),v&&(0,J.jsx)(H,{tone:`error`,className:`mt-4`,"data-testid":`low-balance-alert-update-error`,children:`Failed to save low-balance alert. Please try again.`})]})}function xa(e){return e.replace(/\.00$/,``)}function Sa({icon:e,value:t,label:n}){return(0,J.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,J.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,J.jsx)(h,{variant:`body-medium-default`,as:`span`,className:`text-[var(--content-default)]`,children:t}),(0,J.jsx)(h,{variant:`body-small-default`,as:`span`,className:`min-w-0 truncate text-[var(--content-tertiary)]`,children:n})]})}function Ca(){let{data:e,isLoading:t,isError:n}=d(Ft()),[r,a]=(0,K.useState)(!1),o=(0,K.useCallback)(e=>{zt(e,{successMessage:`Copied to clipboard!`,errorMessage:`Couldn't copy the referral link.`,onCopied:()=>{a(!0),setTimeout(()=>a(!1),2e3)}})},[]),s=e?.is_eligible_for_credits===!1;return(0,J.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,J.jsx)(h,{as:`p`,variant:`body-medium-default`,className:`text-[var(--content-tertiary)]`,children:s?`Invite friends to Vellum. You'll start earning referral credits once you've purchased credits or upgraded to Pro.`:e?`Share Vellum with friends - you'll each earn ${xa(e.referrer_credit_amount)} credits when they sign up, up to ${xa(e.earning_cap)} total.`:`Share Vellum with friends and earn credits for every signup.`}),s&&(0,J.jsx)(h,{as:`p`,variant:`body-medium-default`,className:`text-[var(--content-tertiary)]`,children:`You're not currently earning referral credits. Buy credits or upgrade to Pro to start earning — your invite link still works in the meantime.`}),t?(0,J.jsxs)(`div`,{className:`flex items-center gap-2 text-body-medium-lighter text-[var(--content-tertiary)]`,children:[(0,J.jsx)(V,{className:`h-4 w-4 animate-spin`}),`Loading...`]}):n||!e?(0,J.jsx)(H,{tone:`error`,children:`Failed to load referral information.`}):(0,J.jsxs)(`div`,{className:`flex flex-wrap items-start gap-2`,children:[(0,J.jsx)(Sa,{icon:(0,J.jsx)(C,{className:`h-3.5 w-3.5`}),value:xa(e.total_earned),label:`Credits Earned`}),(0,J.jsx)(Sa,{icon:(0,J.jsx)(Ee,{className:`h-3.5 w-3.5`}),value:e.referred_count,label:`Friends Referred`}),(0,J.jsx)(i,{variant:`outlined`,className:`shrink-0`,onClick:()=>o(e.referral_url),leftIcon:r?(0,J.jsx)(y,{className:`h-3.5 w-3.5`}):(0,J.jsx)(me,{className:`h-3.5 w-3.5`}),"data-testid":`referral-copy-button`,children:r?`Copied!`:`Share Link`})]})]})}function wa({open:e,onOpenChange:t}){return(0,J.jsx)(W.Root,{open:e,onOpenChange:t,children:(0,J.jsxs)(W.Content,{"data-testid":`referral-modal`,children:[(0,J.jsx)(W.Header,{children:(0,J.jsx)(W.Title,{children:`Earn Free Credits`})}),(0,J.jsx)(W.Body,{children:(0,J.jsx)(Ca,{})})]})})}var Ta=2e3;function Ea(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 Da(){let e=u(),{data:t,isLoading:n,isError:r}=d(At()),a=t??null,[o,s]=(0,K.useState)(!1),[c,l]=(0,K.useState)(!1),[f,p]=(0,K.useState)(!1),m=(0,K.useRef)(0),_=(0,K.useRef)(null),v=st({onSuccess:()=>{e.invalidateQueries({queryKey:Ot()})},onError:()=>{m.current<3&&(_.current=setTimeout(()=>{v.reset()},Ta))}});(0,K.useEffect)(()=>()=>{_.current&&clearTimeout(_.current)},[]);let y=v.mutate;(0,K.useEffect)(()=>{a&&a.settled_balance===`0.00`&&a.pending_compute===`0.00`&&a.effective_balance===`0.00`&&m.current<3&&!v.isPending&&!v.isError&&!v.isSuccess&&(m.current+=1,y({}))},[a,v.isPending,v.isError,v.isSuccess,y]);let b=(0,J.jsxs)(`div`,{className:`flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between sm:gap-4`,children:[(0,J.jsxs)(`div`,{className:`min-w-0`,children:[(0,J.jsx)(h,{as:`h2`,variant:`title-medium`,className:`text-[var(--content-emphasised)]`,children:`Credit Balance`}),(0,J.jsx)(h,{as:`p`,variant:`body-medium-default`,className:`mt-2 text-[var(--content-tertiary)]`,children:`Quick overview of your balances and other things`})]}),(0,J.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,J.jsx)(i,{variant:`outlined`,leftIcon:(0,J.jsx)(C,{className:`h-4 w-4`,"aria-hidden":!0}),onClick:()=>l(!0),"data-testid":`earn-credits-button`,children:`Earn Free Credits`}),(0,J.jsx)(i,{variant:`primary`,onClick:()=>s(!0),disabled:n||!a,"data-testid":`add-credits-button`,children:`Add Credits`})]})]});return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(g,{padding:`md`,children:[b,n?(0,J.jsxs)(`div`,{className:`mt-4 flex items-center gap-2 text-body-medium-lighter text-[var(--content-tertiary)]`,children:[(0,J.jsx)(V,{className:`h-4 w-4 animate-spin`}),`Loading billing summary...`]}):r?(0,J.jsx)(`div`,{className:`mt-4`,children:(0,J.jsx)(H,{tone:`error`,children:`Failed to load billing summary. Please try again later.`})}):a?(0,J.jsxs)(J.Fragment,{children:[(()=>{if(!a)return null;let e=parseFloat(a.effective_balance)<0;return(0,J.jsx)(`div`,{className:`mt-4`,children:(0,J.jsx)(he,{icon:(0,J.jsx)(C,{className:`h-4 w-4`,"aria-hidden":!0}),value:(0,J.jsx)(`span`,{"data-testid":`effective-balance`,children:Ea(a.effective_balance)}),label:`Balance`,tone:e?`negative`:`default`})})})(),a.is_degraded&&(0,J.jsx)(`div`,{className:`mt-4`,children:(0,J.jsx)(H,{tone:`warning`,children:`Pending charges could not be calculated. The balance shown may be incomplete.`})})]}):(0,J.jsx)(`p`,{className:`mt-4 text-body-medium-lighter text-[var(--content-tertiary)]`,children:`No billing information available.`}),(0,J.jsx)(`div`,{className:`mt-6`,children:(0,J.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,J.jsx)(ke,{checked:f,onChange:p,label:`Custom low balance alert`}),f&&(0,J.jsx)(ba,{})]})}),(0,J.jsx)(`div`,{className:`mt-6 border-t border-[var(--border-base)] pt-6`,children:(0,J.jsx)(fa,{})}),(0,J.jsx)(`div`,{id:ma,className:`mt-6 scroll-mt-4 border-t border-[var(--border-base)] pt-6`,children:(0,J.jsx)(_a,{})})]}),(0,J.jsx)(Wt,{open:o,onOpenChange:s}),(0,J.jsx)(wa,{open:c,onOpenChange:l})]})}var Oa=1e3,ka=15e3,Aa=3e3,ja=45e3,Ma=`billing-portal-return`;function Na(e,t){if(!e)return{kind:`info`,message:`Subscription updated.`};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:`Pro plan canceled. You'll have access until ${t.cancel_at?I(t.cancel_at):`the end of your billing period`}.`}:n&&!r?{kind:`success`,message:`Pro plan reactivated.`}:{kind:`info`,message:`Subscription updated.`}}function Pa(){let[e]=s(),t=o(),n=u(),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=ie(),o=Pt(),s=Ct(),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<ka&&(await new Promise(e=>setTimeout(e,Oa)),!i.current);)e=await l();return e}return(async()=>{try{let e=await u();if(i.current)return;let{kind:t,message:n}=Na(a,e);t===`success`?G.success(n,{id:Ma}):G.info(n,{id:Ma})}catch{if(i.current)return;G.info(`Subscription updated.`,{id:Ma})}finally{if(!i.current){R(),t(Ve.settings.usageBilling,{replace:!0});let e=Date.now();r.current!==null&&clearInterval(r.current),r.current=setInterval(()=>{if(Date.now()-e>=ja){r.current!==null&&(clearInterval(r.current),r.current=null);return}l().catch(e=>{console.error(`billing poll error:`,e)})},Aa)}}})(),()=>{i.current=!0}},[e,t,n]),null}var Fa=[7,30,90],Ia=Fa.map(e=>({value:`${e}`,label:`Last ${e} days`}));function La(e,t=it()){let{fromDate:n,toDate:r}=qt(e,t);return{from:n,to:r}}function Ra({value:e,onChange:t}){return(0,J.jsx)(je,{options:Ia,value:`${Fa.find(t=>t===e)??30}`,onChange:e=>t(Number(e)),"aria-label":`Date range`})}var za={strokeDasharray:`3 3`,stroke:`var(--border-subtle)`,strokeOpacity:.4},Ba={fontSize:12,fill:`var(--content-tertiary)`},Va={stroke:`var(--border-subtle)`,strokeOpacity:.4},Ha=[`#3b82f6`,`#10b981`,`#f59e0b`,`#ef4444`,`#8b5cf6`,`#06b6d4`,`#ec4899`,`#84cc16`];function Ua({item:e}){return(0,J.jsxs)(`div`,{className:`flex items-center gap-2 py-0.5 text-[13px] text-[var(--content-default)]`,children:[(0,J.jsx)(`span`,{className:`h-2 w-2 shrink-0 rounded-full`,style:{backgroundColor:e.color}}),(0,J.jsx)(`span`,{children:e.label}),(0,J.jsx)(`span`,{className:`ml-auto tabular-nums`,children:e.value})]})}function Wa({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,J.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,J.jsx)(`div`,{className:`mb-1.5 text-xs font-medium text-[var(--content-secondary)]`,children:(c??Kt)(String(r))}),u&&(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(Ua,{item:u}),d.length>0&&(0,J.jsx)(`div`,{className:`my-1.5 border-t border-[var(--border-subtle)]`})]}),d.map(e=>(0,J.jsx)(Ua,{item:e},e.key)),s&&(0,J.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,J.jsxs)(`span`,{children:[`Total: `,o(f)]})})]})}function Ga(e,t){let[n,r]=e,[i,a]=t,o=r-n||1;return e=>i+(e-n)/o*(a-i)}function Ka(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 qa(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 Ja(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:Ka(n/r)*r}function Ya(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 Xa(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 Za(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 Qa=40,$a={fontSize:11,fill:`var(--content-tertiary)`},eo={runtime_proxy_api:`#3b82f6`,oauth_proxy:`#f59e0b`};function to(e,t){return eo[e]??Ha[t%Ha.length]??`#6b7280`}function no(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 ro({stackKeys:e,labelMap:t}){return(0,J.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,J.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,J.jsx)(`span`,{className:`inline-block h-2.5 w-2.5 rounded-sm`,style:{backgroundColor:to(e,n)}}),(0,J.jsx)(`span`,{className:`text-[var(--content-quiet)]`,children:t[e]??e})]},e))})}var io=350,ao={top:8,right:4,bottom:32,left:0},oo=.2,so=5,co=12,lo=200;function uo({buckets:e,metric:t,onBarClick:n}){let r=rt(),i=(0,K.useRef)(null),[a,o]=(0,K.useState)(0);(0,K.useEffect)(()=>{let e=i.current;if(!e)return;let t=new ResizeObserver(([e])=>{e&&o(e.contentRect.width)});return t.observe(e),()=>t.disconnect()},[]);let{data:s,stackKeys:c,labelMap:l}=(0,K.useMemo)(()=>no(e,t),[e,t]),u=(0,K.useMemo)(()=>{let e={};for(let t=0;t<c.length;t++)e[c[t]]=to(c[t],t);return e},[c]),d=(0,K.useCallback)(e=>t===`spend`?`$${e.toLocaleString(`en-US`,{minimumFractionDigits:2,maximumFractionDigits:2})}`:e.toLocaleString(`en-US`),[t]),[f,p]=(0,K.useState)(null),m=r?Qa:56,h=r?$a:Ba,g=ao.left+m,_=Math.max(0,a-g-ao.right),v=ao.top,y=io-ao.top-ao.bottom,b=(0,K.useMemo)(()=>s.map(e=>c.reduce((t,n)=>t+(Number(e[n])||0),0)),[s,c]),x=t===`events`,S=(0,K.useMemo)(()=>Ja(b,{integerOnly:x,tickCount:so}),[b,x]),C=(0,K.useMemo)(()=>Ya(S,so),[S]),w=(0,K.useCallback)(e=>{if(t===`spend`){if(e===0)return`$0`;let t=S/so,n=Math.max(t<1?2:0,qa(t));return`$${e.toLocaleString(`en-US`,{minimumFractionDigits:n,maximumFractionDigits:n})}`}return e.toLocaleString(`en-US`)},[t,S]),T=(0,K.useMemo)(()=>Ga([0,S],[v+y,v]),[S,v,y]),E=s.length,D=E>0?_/E:0,O=D*(1-oo),k=(D-O)/2,A=(0,K.useMemo)(()=>Za(E,r),[E,r]),j=c.length===0,M=j?[]:s.map((e,t)=>{let n=g+t*D+k,r=0;return{di:t,x:n,segments:c.map((t,i)=>{let a=Number(e[t])||0,o=r;r+=a;let s=T(r),l=T(o)-s,u=i===c.length-1;return{key:t,val:a,x:n,y:s,h:l,color:to(t,i),isLast:u}})}}),N=(e,t,n)=>{let r=i.current?.getBoundingClientRect();r&&p({x:e.clientX-r.left,y:e.clientY-r.top,datumIndex:t,hoveredKey:n})},P=()=>p(null),ee=e=>{n&&n(e)},te=f?c.filter(e=>(Number(s[f.datumIndex]?.[e])||0)>0).map(e=>({dataKey:e,value:Number(s[f.datumIndex]?.[e])||0})):[],ne={left:f?Math.max(0,Math.min(f.x+co,a-lo)):0,top:f?f.y-co:0,visibility:f?`visible`:`hidden`};return(0,J.jsxs)(`div`,{onMouseDown:e=>e.preventDefault(),children:[(0,J.jsx)(`div`,{ref:i,className:`relative w-full`,style:{height:io},children:j?(0,J.jsx)(`div`,{className:`flex h-full items-center justify-center text-body-medium-lighter text-[var(--content-faint)]`,children:`No usage data for this period`}):a>0?(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(`svg`,{width:a,height:io,className:`block`,children:[C.map(e=>(0,J.jsx)(`line`,{x1:g,x2:g+_,y1:T(e),y2:T(e),stroke:za.stroke,strokeOpacity:za.strokeOpacity,strokeDasharray:za.strokeDasharray},e)),(0,J.jsx)(`line`,{x1:g,x2:g+_,y1:v+y,y2:v+y,stroke:Va.stroke,strokeOpacity:Va.strokeOpacity}),C.map(e=>(0,J.jsx)(`text`,{x:g-8,y:T(e),textAnchor:`end`,dominantBaseline:`middle`,fontSize:h.fontSize,fill:h.fill,children:w(e)},e)),A.map(e=>{let t=s[e];return t?(0,J.jsx)(`text`,{x:g+e*D+D/2,y:v+y+20,textAnchor:`middle`,fontSize:h.fontSize,fill:h.fill,children:Kt(String(t.date))},e):null}),M.map(({di:e,segments:t})=>t.map(t=>{if(t.h<=0)return null;let r=f?.hoveredKey&&f.hoveredKey!==t.key?.4:1,i={key:`${e}-${t.key}`,fill:t.color,opacity:r,cursor:n?`pointer`:void 0,onMouseMove:n=>N(n,e,t.key),onMouseLeave:P,onClick:()=>ee(t.key)};return t.isLast?(0,J.jsx)(`path`,{...i,d:Xa(t.x,t.y,O,t.h,3)}):(0,J.jsx)(`rect`,{...i,x:t.x,y:t.y,width:O,height:t.h})}))]}),(0,J.jsx)(`div`,{className:`pointer-events-none absolute z-[1] max-w-[calc(100vw-32px)] -translate-y-full`,style:ne,children:(0,J.jsx)(Wa,{active:!!f,payload:te,hoveredKey:f?.hoveredKey??void 0,label:f?String(s[f.datumIndex]?.date):``,labelMap:l,colorMap:u,formatValue:d})})]}):null}),!j&&(0,J.jsx)(ro,{stackKeys:c,labelMap:l})]})}function fo(e){if(e)return e.usageSource===`oauth_proxy`?`oauth_provider`:ln(e.llmDimension??`model`)}function po(e,t=it()){return{from:e.dateRange.from,to:e.dateRange.to,tz:t,...e.drilldown?{usage_source:e.drilldown.usageSource,group_by:fo(e.drilldown)}:{}}}function mo(e,t=it()){return{from:e.dateRange.from,to:e.dateRange.to,tz:t,...e.drilldown?{usage_source:e.drilldown.usageSource}:{}}}function ho(e,t,n){return e===`full`&&t!==`gated`&&n}function go(e){let t=Lt(),n=ho(He({platformHostedOnly:!0}),He(),We()),r=d({...Et({query:po(e,t)}),enabled:n}),i=d({...bt({query:mo(e,t)}),enabled:n});return{series:r.data,totals:i.data,isLoading:r.isLoading||i.isLoading,isError:r.isError||i.isError}}var _o=[{value:`spend`,label:`Spend ($)`},{value:`events`,label:`Events`}];function vo(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 yo(e){return e===void 0?`—`:e.toLocaleString(`en-US`)}function bo(){let e=Lt(),[t,n]=(0,K.useState)(30),r=(0,K.useMemo)(()=>La(t,e),[t,e]),[i,a]=(0,K.useState)(null),[o,s]=(0,K.useState)(`spend`),{series:c,totals:l,isLoading:u,isError:d}=go({dateRange:r,drilldown:i,setDrilldown:a}),f=i?void 0:e=>{let t={runtime_proxy_api:`runtime_proxy`,oauth_proxy:`oauth_proxy`}[e];t&&a({usageSource:t,...t===`runtime_proxy`?{llmDimension:rn}:{}})};return(0,J.jsx)(g,{padding:`md`,children:(0,J.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,J.jsxs)(`div`,{className:`flex flex-wrap items-start justify-between gap-3`,children:[(0,J.jsxs)(`div`,{children:[(0,J.jsx)(h,{as:`h2`,variant:`title-medium`,className:`text-[var(--content-default)]`,children:`Credit Usage`}),(0,J.jsx)(h,{as:`p`,variant:`body-small-default`,className:`mt-2 text-[var(--content-tertiary)]`,children:`Overview of your spending habits.`})]}),(0,J.jsxs)(`div`,{className:`flex flex-wrap items-center justify-end gap-2`,children:[(0,J.jsx)(Ra,{value:t,onChange:n}),(0,J.jsx)(`div`,{className:`w-44`,children:(0,J.jsx)(pe,{items:_o,value:o,onChange:s,ariaLabel:`Chart metric`})})]})]}),(0,J.jsxs)(`div`,{className:`grid grid-cols-1 gap-2 sm:grid-cols-2`,children:[(0,J.jsx)(he,{icon:(0,J.jsx)(C,{className:`h-4 w-4`,"aria-hidden":!0}),value:u?(0,J.jsx)(V,{className:`h-4 w-4 animate-spin`,"aria-hidden":!0}):vo(l?.total_usd),label:`Spend`}),(0,J.jsx)(he,{icon:(0,J.jsx)(ye,{className:`h-4 w-4`,"aria-hidden":!0}),value:u?(0,J.jsx)(V,{className:`h-4 w-4 animate-spin`,"aria-hidden":!0}):yo(l?.event_count),label:`Events`})]}),i&&(0,J.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[(0,J.jsx)(`div`,{children:(0,J.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:()=>a(null),children:[(0,J.jsx)(v,{className:`h-3.5 w-3.5`}),(0,J.jsx)(`span`,{children:`Back to all usage`}),(0,J.jsx)(`span`,{className:`text-[var(--content-tertiary)]`,children:`/`}),(0,J.jsx)(`span`,{className:`text-body-medium-default text-[var(--content-default)]`,children:i.usageSource===`runtime_proxy`?`LLM Spend`:`OAuth Spend`})]})}),i.usageSource===`runtime_proxy`&&(0,J.jsx)(`div`,{className:`w-56`,children:(0,J.jsx)(pe,{items:on,value:i.llmDimension??`model`,onChange:e=>a({usageSource:`runtime_proxy`,llmDimension:e}),ariaLabel:`LLM spend dimension`})})]}),u?(0,J.jsx)(`div`,{className:`flex h-[345px] items-center justify-center rounded-xl bg-[var(--surface-base)]`,children:(0,J.jsx)(V,{className:`h-6 w-6 animate-spin text-[var(--content-tertiary)]`})}):d?(0,J.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:`Failed to load usage data.`}):c?(0,J.jsx)(`div`,{className:`rounded-xl bg-[var(--surface-base)] p-3`,children:(0,J.jsx)(uo,{buckets:c.buckets,metric:o,onBarClick:f})}):null]})})}function xo(){let{data:e}=d(Pt()),t=P((0,K.useMemo)(()=>re(e),[e]));if(!e||e.plan_id!==`pro`||e.status===`canceled`||!e.cancel_at_period_end&&!e.cancel_at)return null;let n=ae(e);return n?(0,J.jsx)(H,{tone:`info`,title:`Your Pro plan will end on ${I(n)}.`,actions:(0,J.jsx)(i,{variant:`outlined`,size:`compact`,onClick:()=>t.mutate({}),disabled:t.isPending,leftIcon:t.isPending?(0,J.jsx)(V,{className:`animate-spin`}):void 0,"data-testid":`grace-period-reactivate-button`,children:`Reactivate`}),"data-testid":`grace-period-banner`,children:`You'll keep Pro features until then.`}):null}var So=new Set([`BIF`,`CLP`,`DJF`,`GNF`,`JPY`,`KMF`,`KRW`,`MGA`,`PYG`,`RWF`,`VND`,`VUV`,`XAF`,`XOF`,`XPF`]),Co=new Set([`BHD`,`JOD`,`KWD`,`OMR`,`TND`]);function wo(e){return So.has(e)?0:Co.has(e)?3:2}var To={invoices:[],has_more:!1},Eo=4,Do=`text-body-small-default [--vbtn-fg:var(--content-tertiary)] hover:[--vbtn-fg:var(--content-secondary)]`;function Oo(e){switch(e){case`paid`:return`positive`;case`open`:return`warning`;case`uncollectible`:return`negative`;default:return`neutral`}}function ko(e,t){let n=t.toUpperCase(),r=wo(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 Ao(e){return Ut(new Date(e*1e3),{alwaysShowYear:!0})}function jo(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 Mo(){let[e,t]=(0,K.useState)(!1),[r,o]=(0,K.useState)(!1),[s,c]=(0,K.useState)(!1),[l,d]=(0,K.useState)(!1),p=(0,K.useRef)(0),m=u(),_=f({enabled:e,queryKey:vt(),queryFn:async({signal:e,pageParam:t})=>{let{data:n,error:r,response:i}=await Re({throwOnError:!1,signal:e,query:t?{starting_after:t}:void 0});if(i?.status===404)return To;if(Ne(i,r,`Failed to load invoices.`),!i.ok||!n)throw Me(r,i);return n},initialPageParam:void 0,getNextPageParam:e=>e.has_more?e.invoices.at(-1)?.id:void 0}),v=_.data?.pages.flatMap(e=>e.invoices)??[],y=r?v:v.slice(0,Eo),S=v.length>Eo,C=_.isFetchNextPageError||l,w=(r||!S)&&_.hasNextPage&&!C,T=_.isRefetching||_.isFetchingNextPage;function E(){let e=p.current;_.fetchNextPage().then(t=>{e===p.current&&d(t.isError)})}function D(){let e=p.current;_.refetch().then(t=>{if(e===p.current){if(t.isError){d(!0);return}E()}})}async function O(){c(!0);try{let{data:e,response:t}=await Le({throwOnError:!1,parseAs:`blob`});if(!t?.ok||!(e instanceof Blob))throw Error(`Failed to download invoices (${t?.status??`network error`})`);let{saveFile:n}=await a(async()=>{let{saveFile:e}=await import(`./native-file-BUoRmAbj.js`).then(e=>e.t);return{saveFile:e}},__vite__mapDeps([0,1,2,3,4]));await n(e,`invoices.zip`)}catch(e){n(e,{context:`download_all_invoices`}),G.error(`Failed to download invoices.`)}finally{c(!1)}}return(0,J.jsx)(g,{padding:`md`,children:(0,J.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,J.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,J.jsxs)(`div`,{children:[(0,J.jsx)(h,{as:`h2`,variant:`title-medium`,className:`text-[var(--content-default)]`,children:`Invoices`}),(0,J.jsx)(h,{as:`p`,variant:`body-small-default`,className:`mt-2 text-[var(--content-tertiary)]`,children:`Your billing history.`})]}),(0,J.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[e&&v.length>0&&(0,J.jsx)(i,{variant:`outlined`,leftIcon:s?(0,J.jsx)(V,{className:`animate-spin`}):(0,J.jsx)(xe,{className:`h-4 w-4`}),onClick:O,disabled:s,"data-testid":`invoices-download-all`,children:`Download all`}),(0,J.jsx)(i,{variant:`outlined`,leftIcon:e?(0,J.jsx)(x,{className:`h-4 w-4`}):(0,J.jsx)(b,{className:`h-4 w-4`}),onClick:()=>{p.current+=1,d(!1),e&&m.cancelQueries({queryKey:vt()}),t(e=>!e)},"data-testid":`invoices-toggle`,children:e?`Hide invoices`:`Show invoices`})]})]}),e?_.isLoading?(0,J.jsxs)(`div`,{className:`flex items-center gap-2 py-6 text-[var(--content-tertiary)]`,children:[(0,J.jsx)(V,{className:`h-4 w-4 animate-spin`}),(0,J.jsx)(h,{as:`span`,variant:`body-small-default`,children:`Loading invoices...`})]}):_.isLoadingError?(0,J.jsx)(H,{tone:`error`,children:`Failed to load invoices.`}):v.length===0?(0,J.jsx)(h,{as:`p`,variant:`body-small-default`,className:`py-6 text-center text-[var(--content-tertiary)]`,"data-testid":`invoices-empty`,children:`No Invoices Found`}):(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(`div`,{className:`overflow-x-auto`,children:(0,J.jsxs)(`table`,{className:`w-full`,"data-testid":`invoices-table`,children:[(0,J.jsx)(`thead`,{children:(0,J.jsxs)(`tr`,{className:`border-b border-[var(--border-base)] text-left`,children:[(0,J.jsx)(`th`,{className:`pb-2 pr-4 text-body-small-default text-[var(--content-tertiary)]`,children:`Date`}),(0,J.jsx)(`th`,{className:`pb-2 pr-4 text-body-small-default text-[var(--content-tertiary)]`,children:`Amount`}),(0,J.jsx)(`th`,{className:`pb-2 pr-4 text-body-small-default text-[var(--content-tertiary)]`,children:`Status`}),(0,J.jsx)(`th`,{className:`pb-2 text-body-small-default text-[var(--content-tertiary)]`,children:`Action`})]})}),(0,J.jsx)(`tbody`,{children:y.map(e=>(0,J.jsxs)(`tr`,{className:`border-b border-[var(--border-base)] last:border-0`,"data-testid":`invoice-row`,children:[(0,J.jsx)(`td`,{className:`py-3 pr-4`,children:(0,J.jsx)(h,{as:`span`,variant:`body-small-default`,className:`text-[var(--content-secondary)]`,children:Ao(e.created)})}),(0,J.jsx)(`td`,{className:`py-3 pr-4`,children:(0,J.jsx)(h,{as:`span`,variant:`body-small-default`,className:`text-[var(--content-secondary)]`,children:ko(e.amount_due,e.currency)})}),(0,J.jsx)(`td`,{className:`py-3 pr-4`,children:e.status&&(0,J.jsx)(Oe,{tone:Oo(e.status),children:e.status})}),(0,J.jsx)(`td`,{className:`py-3`,children:(0,J.jsxs)(`div`,{className:`flex items-center gap-1`,children:[e.hosted_invoice_url&&(0,J.jsx)(i,{asChild:!0,variant:`ghost`,size:`compact`,leftIcon:(0,J.jsx)(Se,{className:`h-3.5 w-3.5`}),children:(0,J.jsx)(`a`,{href:e.hosted_invoice_url,target:`_blank`,rel:`noopener noreferrer`,children:`View`})}),e.invoice_pdf&&(0,J.jsx)(i,{variant:`ghost`,size:`compact`,iconOnly:(0,J.jsx)(xe,{className:`h-3.5 w-3.5`}),"aria-label":`Download invoice PDF`,onClick:()=>jo(e.invoice_pdf)})]})})]},e.id))})]})}),(S||w||C)&&(0,J.jsxs)(`div`,{className:`flex flex-wrap items-center gap-4 self-start`,children:[S&&(0,J.jsx)(i,{variant:`link`,onClick:()=>o(e=>!e),className:Do,"data-testid":`invoices-show-more`,children:r?`Show less`:`Show more (${v.length-Eo} more)`}),w&&(0,J.jsx)(i,{variant:`link`,onClick:E,disabled:_.isFetchingNextPage,leftIcon:_.isFetchingNextPage&&(0,J.jsx)(V,{className:`h-4 w-4 animate-spin`}),className:Do,"data-testid":`invoices-load-more`,children:`Load more`}),C&&(0,J.jsxs)(`div`,{className:`flex items-center gap-2`,"data-testid":`invoices-load-more-error`,children:[(0,J.jsx)(h,{as:`span`,variant:`body-small-default`,className:`text-[color:var(--content-negative)]`,children:`Failed to load more invoices.`}),(0,J.jsx)(i,{variant:`link`,onClick:D,disabled:T,leftIcon:T&&(0,J.jsx)(V,{className:`h-4 w-4 animate-spin`}),className:Do,"data-testid":`invoices-load-more-retry`,children:`Retry`})]})]})]}):null]})})}function No({icon:e,label:t,multiline:n=!1}){return(0,J.jsxs)(`div`,{className:Rt(`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,J.jsx)(e,{className:`size-[18px] shrink-0 text-[var(--content-default)]`,"aria-hidden":!0}),(0,J.jsx)(h,{as:`span`,variant:`body-medium-default`,className:Rt(`text-[var(--content-default)]`,n?`whitespace-normal`:`whitespace-nowrap`),children:t})]})}function Po({theme:e,tierKey:t,name:n,nameTestId:r,tag:i,specs:a,footer:o,testId:s,className:c}){return(0,J.jsxs)(`div`,{"data-theme":e,"data-testid":s,className:Rt(`flex min-w-0 flex-1 flex-col gap-8 rounded-xl bg-[var(--surface-base)] px-4 py-3`,c),children:[(0,J.jsxs)(`div`,{className:`flex flex-col items-start gap-6`,children:[i,(0,J.jsxs)(`div`,{className:`flex items-center gap-4`,children:[(0,J.jsx)(N,{tier:t,size:48}),(0,J.jsx)(h,{as:`span`,variant:`title-large`,className:`text-[var(--content-emphasised)]`,"data-testid":r,children:n})]})]}),a?.length?(0,J.jsx)(`div`,{className:`flex flex-col items-start gap-2`,children:a.map(e=>(0,J.jsx)(No,{icon:e.icon,label:e.label,multiline:e.multiline},e.label))}):null,o?(0,J.jsx)(`div`,{className:`mt-auto w-full`,children:o}):null]})}function Fo(){return(0,J.jsx)(h,{as:`h2`,variant:`title-medium`,className:`text-[var(--content-emphasised)]`,children:`Plan`})}function Io({packages:e,currentKey:t,currentPriceCents:n,isProUser:r,canChangePackage:a,relation:o,onManage:s,onTierUpgraded:c}){let l=u(),d=p(Tt()),{changePackage:f,isPending:m}=z(),[h,g]=(0,K.useState)(!1),[_,v]=(0,K.useState)(!1),y=ve()===`light`?`dark`:`light`;B();let b=k(e,t),x=h||d.isPending||m,S=async()=>{if(!b)return;let e=await f(b.key);e&&(v(!1),e.status===`ok`?c?.():G.success(`You're already on this plan.`))},C=async()=>{if(b){if(r&&!a){s();return}if(r){v(!0);return}g(!0);try{let e=await d.mutateAsync({body:{target_plan_id:`pro`,package:b.key,confirm:!0,return_target:Xt()}});e.status===`redirect`&&e.checkout_url?(Be({kind:`package`,packageKey:b.key}),Fe(l),$e(e.checkout_url)):(await l.invalidateQueries({queryKey:Ct()}),await l.invalidateQueries({queryKey:Nt()}))}catch(e){G.error(ee(e,`Failed to start the upgrade checkout. Please try again.`))}finally{g(!1)}}};if(b==null||o===`switch`)return null;let w=n==null?null:b.total_price_cents-n,T=w!=null&&w>0?`Power Up for +${A(w)}/month`:`Power Up`;return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(Po,{theme:y,testId:`plan-tile-next`,tierKey:b.key,name:b.name,tag:(0,J.jsx)(Oe,{className:`bg-[var(--feed-digest-weak)] text-[var(--credits-accent)]`,leftIcon:(0,J.jsx)(we,{className:`text-[var(--credits-accent)]`,"aria-hidden":!0}),children:`Next Plan`}),specs:M(b),footer:(0,J.jsx)(i,{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 C(),disabled:x,leftIcon:x?(0,J.jsx)(V,{className:`h-4 w-4 animate-spin`}):void 0,"data-testid":`recommended-upgrade-button`,children:T})}),(0,J.jsx)(le,{open:_,relation:o,packageName:b.name,targetPackage:b,pending:x,onConfirm:()=>void S(),onCancel:()=>v(!1)})]})}function Lo({onManage:e,onTierUpgraded:t}){let n=o(),r=d(Pt()),a=d(wt());if(r.isLoading||a.isLoading)return(0,J.jsxs)(g,{padding:`md`,children:[(0,J.jsx)(Fo,{}),(0,J.jsxs)(`div`,{className:`mt-4 flex items-center gap-2 text-[var(--content-tertiary)]`,children:[(0,J.jsx)(V,{className:`h-4 w-4 animate-spin`}),(0,J.jsx)(h,{as:`span`,variant:`body-small-default`,children:`Loading plan...`})]})]});let s=r.data,c=a.data?.plans,l=c?.find(e=>e.id===s?.plan_id);if(r.isError||a.isError||!s||!c||!l)return(0,J.jsx)(H,{tone:`error`,children:`Failed to load plan.`});let u=l.id===`pro`?ce(s.package):l.name??l.id,f=s.cancel_at_period_end===!0||!!s.cancel_at,p=s.status===`canceled`,m=ae(s),_=!f&&!p&&s.current_period_end,v=f&&!p&&m,y=c.find(e=>e.id===`pro`)?.packages??[],b=s.package?.key??null,x=b??`free`,S=y.length>0&&(l.id===`base`||T(s.package)||L(s)),C=L(s),w=l.id===`base`||T(s.package)?`upgrade`:`switch`,E=l.id===`base`,O=s.package,k=!E&&T(O)?y.find(e=>e.key===O.key&&e.version===O.version)??null:null,A=E?te():k?M(k):null,j=E?0:k?.total_price_cents??null,N=E?`Free Forever`:k?D(k.total_price_cents):null;return(0,J.jsx)(g,{padding:`md`,children:(0,J.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,J.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,J.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-1`,children:[(0,J.jsx)(Fo,{}),_&&(0,J.jsxs)(h,{variant:`body-small-default`,as:`div`,className:`leading-snug text-[var(--content-tertiary)]`,"data-testid":`plan-card-renews`,children:[`Monthly Payment • Your subscription will auto renew on`,` `,I(s.current_period_end),`.`]}),v&&(0,J.jsxs)(h,{variant:`body-small-default`,as:`div`,className:`leading-snug text-[var(--system-mid-strong)]`,"data-testid":`plan-card-cancels`,children:[`Your plan ends on `,I(m),`.`]})]}),(0,J.jsx)(i,{variant:`outlined`,onClick:S?()=>n(Ve.plans):e,"data-testid":`plan-card-plans-button`,className:`shrink-0`,children:`View All Plans`})]}),(0,J.jsxs)(`div`,{className:`flex flex-col gap-2 lg:flex-row lg:items-stretch`,children:[(0,J.jsx)(Po,{testId:`plan-tile-current`,tierKey:x,name:u,nameTestId:`plan-card-name`,tag:(0,J.jsx)(Oe,{tone:`info`,children:`Current`}),specs:A,footer:N?(0,J.jsx)(`div`,{className:`flex h-10 items-center border-t border-[var(--border-base)]`,children:(0,J.jsx)(h,{as:`span`,variant:`body-large-default`,className:`text-[var(--content-tertiary)]`,"data-testid":`plan-card-price`,children:N})}):void 0}),(0,J.jsx)(Io,{packages:y,currentKey:b,currentPriceCents:j,isProUser:l.id!==`base`,canChangePackage:C,relation:w,onManage:e,onTierUpgraded:t})]})]})})}function Ro(){let[e]=s(),t=o(),n=u();return(0,K.useEffect)(()=>{let r=e.get(`billing_status`);r&&(r===`success`?(G.success(`Payment received! Your credit balance will update shortly.`,{id:`billing-status`}),n.invalidateQueries({queryKey:At().queryKey})):r===`cancel`&&G.info(`Checkout was cancelled. No credits were added.`,{id:`billing-status`}),t(Ve.settings.usageBilling,{replace:!0}))},[e,t,n]),null}function zo({onFinishSetup:e}){let t=Ge(),{data:n}=d({...Pt(),enabled:t}),r=n?.plan_id===`pro`,{data:a}=d({...St(),enabled:r&&t}),o=r&&a?.domain_setup_available===!0,{domains:s}=j(o,a?.primary_assistant_id),c=s!==void 0&&s.results.length===0;return!o||!c?null:(0,J.jsx)(H,{tone:`info`,title:`Finish setting up your ${ce(n?.package)} plan`,actions:(0,J.jsx)(i,{variant:`outlined`,size:`compact`,onClick:e,"data-testid":`finish-pro-setup-button`,children:`Finish setup`}),"data-testid":`finish-pro-setup-notice`,children:`Your assistant's email address hasn't been set up yet.`})}function Bo(){let e=He({platformHostedOnly:!0}),t=He(),n=We(),r=Ue(),[i,a]=s(),[o,c]=(0,K.useState)(!1),l=(0,K.useCallback)(()=>c(!0),[]),u=(0,K.useCallback)(()=>c(!1),[]),[d,f]=(0,K.useState)(!1),p=(0,K.useCallback)(()=>f(!0),[]),[m,h]=(0,K.useState)(!1);(0,K.useEffect)(()=>{if(t!==`full`)return;let e=i.has(`adjust_plan`),n=i.has(`pro_onboarding`);!e&&!n||(e&&c(!0),n&&h(!0),a(e=>{let t=new URLSearchParams(e);return t.delete(`adjust_plan`),t.delete(`pro_onboarding`),t},{replace:!0}))},[t,i,a]);let g=i.has(`session_id`),_=(0,K.useCallback)(()=>{h(!1),a(e=>{let t=new URLSearchParams(e);return t.delete(`session_id`),t},{replace:!0})},[a]),v=(0,K.useCallback)(()=>{a(e=>{let t=new URLSearchParams(e);return t.set(`pro_onboarding`,``),t},{replace:!0})},[a]);if(t===`disabled`)return(0,J.jsx)(`div`,{className:`space-y-4`,children:(0,J.jsx)(Bt,{children:`Log in to the Vellum platform to manage billing and usage.`})});if(r)return(0,J.jsx)(`div`,{className:`space-y-4`,children:(0,J.jsxs)(`div`,{className:`flex items-center gap-2 py-6 text-body-medium-lighter text-[var(--content-secondary)]`,children:[(0,J.jsx)(V,{className:`h-4 w-4 animate-spin`}),`Loading billing…`]})});let y=n,b=y||g||m;return!n&&e!==`gated`?(0,J.jsx)(`div`,{className:`space-y-4`,children:(0,J.jsx)(H,{tone:`warning`,children:`Billing isn't available for the current assistant state.`})}):(0,J.jsxs)(`div`,{className:`space-y-4`,children:[(0,J.jsxs)(K.Suspense,{fallback:null,children:[(0,J.jsx)(Ro,{}),(0,J.jsx)(Pa,{})]}),y&&(0,J.jsx)(xo,{}),y&&(0,J.jsx)(zo,{onFinishSetup:v}),y&&(0,J.jsx)(Lo,{onManage:l,onTierUpgraded:p}),y&&(0,J.jsx)(Jr,{open:o,onClose:u,onTierUpgraded:p}),(0,J.jsx)(K.Suspense,{fallback:null,children:(0,J.jsx)(Da,{})}),(0,J.jsx)(K.Suspense,{fallback:null,children:(0,J.jsx)(Mo,{})}),b&&(0,J.jsx)(se,{open:g||m,onClose:_}),y&&(0,J.jsx)(se,{mode:`resize`,open:d,onClose:()=>f(!1)})]})}function Vo(){return(0,J.jsx)(w,{children:(0,J.jsx)(Bo,{})})}function Ho(){let e=Vt(),t=He({platformHostedOnly:!0}),n=He();return(0,J.jsxs)(`div`,{className:`space-y-4`,children:[t===`full`&&n!==`gated`&&(0,J.jsx)(bo,{}),(0,J.jsx)(Er,{assistantId:e})]})}function Uo(){let e=He(),[t]=s(),n=o(),{hash:r}=l(),i=en(e,t),a=i&&t.get(`tab`)!==`usage`?`billing`:`usage`,c=Ie();return(0,K.useEffect)(()=>{if(c&&t.get(`tab`)!==a){let e=new URLSearchParams(t);e.set(`tab`,a),n({search:`?${e}`,hash:r},{replace:!0})}},[c,t,a,n,r]),(0,J.jsx)(`div`,{className:`space-y-6`,children:(0,J.jsxs)(ge.Root,{value:a,onValueChange:e=>{let i=new URLSearchParams(t);i.set(`tab`,e),n({search:`?${i}`,hash:r},{replace:!0})},children:[(0,J.jsxs)(ge.List,{children:[i&&(0,J.jsx)(ge.Trigger,{value:`billing`,children:`Billing`}),(0,J.jsx)(ge.Trigger,{value:`usage`,children:`Usage`})]}),i&&(0,J.jsx)(ge.Panel,{value:`billing`,className:`pt-4`,children:(0,J.jsx)(Vo,{})}),(0,J.jsx)(ge.Panel,{value:`usage`,className:`pt-4`,children:(0,J.jsx)(Ho,{})})]})})}export{Uo as BillingPage};
@@ -1 +1 @@
1
- import{t as e}from"./button-BENY-yx_.js";import{d as t}from"./chunk-5KNZJZUH-BUqIilZr.js";import{t as n}from"./jsx-runtime-D3ZM-ToX.js";import{t as r}from"./card-q0GJX1HZ.js";import{n as i}from"./use-supports-bookmarks-FmvOAxKu.js";import{t as a}from"./loader-circle-DOtGXcds.js";import{t as o}from"./rotate-ccw-Dcfo4EC8.js";import{t as s}from"./triangle-alert-CB4pJgCL.js";import{t as c}from"./x-338EsJDP.js";import{t as l}from"./conversation-navigation-tPnWt-XR.js";import{n as u,t as d}from"./use-bookmarks-DDAharek.js";var f=n();function p(e){if(e==null)return``;let t=new Date(e);return Number.isNaN(t.getTime())?``:t.toLocaleString(void 0,{month:`short`,day:`numeric`,year:`numeric`,hour:`numeric`,minute:`2-digit`,hour12:!0})}function m(){return(0,f.jsx)(r,{children:(0,f.jsxs)(`div`,{className:`flex min-h-[400px] flex-col items-center justify-center px-6 py-16 text-center`,children:[(0,f.jsx)(`div`,{className:`flex h-12 w-12 items-center justify-center rounded-full bg-[var(--surface-base)]`,children:(0,f.jsx)(i,{className:`h-6 w-6 text-[var(--content-disabled)] dark:text-[var(--content-default)]`})}),(0,f.jsx)(`h2`,{className:`mt-4 text-title-small text-[var(--content-default)]`,children:`No bookmarks`}),(0,f.jsx)(`p`,{className:`mt-1 text-body-medium-lighter text-[var(--content-tertiary)]`,children:`Hover any message and click the bookmark icon to save it here.`})]})})}function h({bookmark:t,isFirst:n,onOpen:r,onRemove:i}){let a=t.conversationTitle&&t.conversationTitle.trim().length>0?t.conversationTitle:`Untitled conversation`,o=t.messageRole!==`user`,s=p(t.createdAt);return(0,f.jsxs)(`div`,{className:`flex items-start gap-3 py-3 ${n?``:`border-t border-[var(--border-base)]`}`,children:[(0,f.jsx)(`span`,{"aria-hidden":!0,className:`mt-1 h-8 w-1 shrink-0 rounded-full`,style:{backgroundColor:o?`var(--content-default)`:`var(--content-tertiary)`}}),(0,f.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,f.jsxs)(`div`,{className:`flex items-baseline justify-between gap-3`,children:[(0,f.jsx)(`div`,{className:`truncate text-body-medium-default text-[var(--content-default)]`,children:a}),s?(0,f.jsx)(`span`,{className:`shrink-0 text-body-small-default text-[var(--content-tertiary)]`,children:s}):null]}),t.messagePreview?(0,f.jsx)(`p`,{className:`mt-0.5 line-clamp-2 text-body-small-default text-[var(--content-tertiary)]`,children:t.messagePreview}):null]}),(0,f.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[(0,f.jsx)(e,{variant:`outlined`,onClick:r,children:`Open`}),(0,f.jsx)(`button`,{type:`button`,onClick:i,title:`Remove bookmark`,"aria-label":`Remove bookmark`,className:`flex h-8 w-8 cursor-pointer items-center justify-center rounded-md text-[var(--content-tertiary)] transition-colors hover:bg-[var(--surface-active)] hover:text-[var(--content-default)]`,children:(0,f.jsx)(c,{className:`h-4 w-4`})})]})]})}function g(){let n=t(),{bookmarks:i,isLoading:c,isError:p,refetch:g}=u(),_=d();return c?(0,f.jsx)(`div`,{className:`w-full`,children:(0,f.jsx)(`div`,{className:`flex min-h-[400px] items-center justify-center`,children:(0,f.jsx)(a,{className:`h-6 w-6 animate-spin text-[var(--content-disabled)]`})})}):p?(0,f.jsx)(`div`,{className:`w-full`,children:(0,f.jsx)(r,{children:(0,f.jsxs)(`div`,{className:`flex min-h-[400px] flex-col items-center justify-center px-6 py-16 text-center`,children:[(0,f.jsx)(`div`,{className:`flex h-12 w-12 items-center justify-center rounded-full bg-[var(--system-error-lighter)]`,children:(0,f.jsx)(s,{className:`h-6 w-6 text-[var(--system-error-default)]`})}),(0,f.jsx)(`h2`,{className:`mt-4 text-title-small text-[var(--content-default)]`,children:`Failed to load bookmarks`}),(0,f.jsx)(`p`,{className:`mt-1 text-body-medium-lighter text-[var(--content-tertiary)]`,children:`Something went wrong. Please try again.`}),(0,f.jsxs)(e,{variant:`outlined`,onClick:g,className:`mt-4`,children:[(0,f.jsx)(o,{className:`h-4 w-4`}),`Retry`]})]})})}):i.length===0?(0,f.jsx)(`div`,{className:`w-full`,children:(0,f.jsx)(m,{})}):(0,f.jsx)(`div`,{className:`w-full`,children:(0,f.jsx)(r,{noPadding:!0,className:`px-4`,children:i.map((e,t)=>(0,f.jsx)(h,{bookmark:e,isFirst:t===0,onOpen:()=>l(n,e.conversationId,{messageId:e.messageId}),onRemove:()=>{_(e.messageId,e.conversationId,!0)}},e.id))})})}export{g as BookmarksPage};
1
+ import{t as e}from"./button-BENY-yx_.js";import{d as t}from"./chunk-5KNZJZUH-BUqIilZr.js";import{t as n}from"./jsx-runtime-D3ZM-ToX.js";import{t as r}from"./card-q0GJX1HZ.js";import{n as i}from"./use-supports-bookmarks-FmvOAxKu.js";import{t as a}from"./loader-circle-DOtGXcds.js";import{t as o}from"./rotate-ccw-Dcfo4EC8.js";import{t as s}from"./triangle-alert-CB4pJgCL.js";import{t as c}from"./x-338EsJDP.js";import{t as l}from"./conversation-navigation-Hqlz8klf.js";import{n as u,t as d}from"./use-bookmarks-DDAharek.js";var f=n();function p(e){if(e==null)return``;let t=new Date(e);return Number.isNaN(t.getTime())?``:t.toLocaleString(void 0,{month:`short`,day:`numeric`,year:`numeric`,hour:`numeric`,minute:`2-digit`,hour12:!0})}function m(){return(0,f.jsx)(r,{children:(0,f.jsxs)(`div`,{className:`flex min-h-[400px] flex-col items-center justify-center px-6 py-16 text-center`,children:[(0,f.jsx)(`div`,{className:`flex h-12 w-12 items-center justify-center rounded-full bg-[var(--surface-base)]`,children:(0,f.jsx)(i,{className:`h-6 w-6 text-[var(--content-disabled)] dark:text-[var(--content-default)]`})}),(0,f.jsx)(`h2`,{className:`mt-4 text-title-small text-[var(--content-default)]`,children:`No bookmarks`}),(0,f.jsx)(`p`,{className:`mt-1 text-body-medium-lighter text-[var(--content-tertiary)]`,children:`Hover any message and click the bookmark icon to save it here.`})]})})}function h({bookmark:t,isFirst:n,onOpen:r,onRemove:i}){let a=t.conversationTitle&&t.conversationTitle.trim().length>0?t.conversationTitle:`Untitled conversation`,o=t.messageRole!==`user`,s=p(t.createdAt);return(0,f.jsxs)(`div`,{className:`flex items-start gap-3 py-3 ${n?``:`border-t border-[var(--border-base)]`}`,children:[(0,f.jsx)(`span`,{"aria-hidden":!0,className:`mt-1 h-8 w-1 shrink-0 rounded-full`,style:{backgroundColor:o?`var(--content-default)`:`var(--content-tertiary)`}}),(0,f.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,f.jsxs)(`div`,{className:`flex items-baseline justify-between gap-3`,children:[(0,f.jsx)(`div`,{className:`truncate text-body-medium-default text-[var(--content-default)]`,children:a}),s?(0,f.jsx)(`span`,{className:`shrink-0 text-body-small-default text-[var(--content-tertiary)]`,children:s}):null]}),t.messagePreview?(0,f.jsx)(`p`,{className:`mt-0.5 line-clamp-2 text-body-small-default text-[var(--content-tertiary)]`,children:t.messagePreview}):null]}),(0,f.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[(0,f.jsx)(e,{variant:`outlined`,onClick:r,children:`Open`}),(0,f.jsx)(`button`,{type:`button`,onClick:i,title:`Remove bookmark`,"aria-label":`Remove bookmark`,className:`flex h-8 w-8 cursor-pointer items-center justify-center rounded-md text-[var(--content-tertiary)] transition-colors hover:bg-[var(--surface-active)] hover:text-[var(--content-default)]`,children:(0,f.jsx)(c,{className:`h-4 w-4`})})]})]})}function g(){let n=t(),{bookmarks:i,isLoading:c,isError:p,refetch:g}=u(),_=d();return c?(0,f.jsx)(`div`,{className:`w-full`,children:(0,f.jsx)(`div`,{className:`flex min-h-[400px] items-center justify-center`,children:(0,f.jsx)(a,{className:`h-6 w-6 animate-spin text-[var(--content-disabled)]`})})}):p?(0,f.jsx)(`div`,{className:`w-full`,children:(0,f.jsx)(r,{children:(0,f.jsxs)(`div`,{className:`flex min-h-[400px] flex-col items-center justify-center px-6 py-16 text-center`,children:[(0,f.jsx)(`div`,{className:`flex h-12 w-12 items-center justify-center rounded-full bg-[var(--system-error-lighter)]`,children:(0,f.jsx)(s,{className:`h-6 w-6 text-[var(--system-error-default)]`})}),(0,f.jsx)(`h2`,{className:`mt-4 text-title-small text-[var(--content-default)]`,children:`Failed to load bookmarks`}),(0,f.jsx)(`p`,{className:`mt-1 text-body-medium-lighter text-[var(--content-tertiary)]`,children:`Something went wrong. Please try again.`}),(0,f.jsxs)(e,{variant:`outlined`,onClick:g,className:`mt-4`,children:[(0,f.jsx)(o,{className:`h-4 w-4`}),`Retry`]})]})})}):i.length===0?(0,f.jsx)(`div`,{className:`w-full`,children:(0,f.jsx)(m,{})}):(0,f.jsx)(`div`,{className:`w-full`,children:(0,f.jsx)(r,{noPadding:!0,className:`px-4`,children:i.map((e,t)=>(0,f.jsx)(h,{bookmark:e,isFirst:t===0,onOpen:()=>l(n,e.conversationId,{messageId:e.messageId}),onRemove:()=>{_(e.messageId,e.conversationId,!0)}},e.id))})})}export{g as BookmarksPage};