cartethyia 2.7.8 → 2.8.0

package/dist/dashboard/assets/CombosPage-B7JHozVa.js

@@ -1 +0,0 @@
-import{n as e,o as t,r as n,t as r}from"./jsx-runtime-CXUMngI_.js";import{t as i}from"./arrow-right-Dl5yKnp8.js";import{D as a,c as o,g as s}from"./numbers-BnAd22a_.js";import{a as c,i as l,o as u,r as d,s as f,t as p}from"./InjectSystemPromptPanel-Cv-2Ol_K.js";import{t as m}from"./circle-question-mark-Cz4un8sH.js";import{t as h}from"./image-BPaouViG.js";import{n as ee,r as g,t as _}from"./state-DXbGTx7N.js";import{t as v}from"./layers-2-glBbjl.js";import{r as y}from"./use-modal-focus-By7oJoGd.js";import{t as b}from"./dialog-BZhOlfz-.js";import{t as te}from"./pencil-768ysRAr.js";import{t as ne}from"./plus-DIdX_g-x.js";import{t as x}from"./route-CNSNj9Zm.js";import{t as re}from"./search-JOKus9rb.js";import{t as ie}from"./trash-Cppn5c3R.js";import{l as S}from"./query-keys-YSoQOUh6.js";import{t as ae}from"./dialog-actions-B1axpEg7.js";import{z as C}from"./entry-Ca7LSCet.js";import{n as w,r as T,t as E}from"./card-_HwAEqFF.js";import{t as oe}from"./use-clipboard-B0Sy03fE.js";import{t as D}from"./badge-DyI_mJfi.js";import{n as se,r as O}from"./input-D-qV9dKY.js";import{t as k}from"./select-BCOcv8WK.js";import{t as A}from"./ModelPicker-B-WQxx_H.js";import{t as j}from"./stack-ByKt3Q1g.js";import{n as M,t as ce}from"./inline-B2BirKry.js";import{n as N,t as P}from"./settings-BxslsErn.js";import{a as le,d as F,f as I,i as L,n as R,o as ue,p as z,r as de,s as B,t as fe,u as V}from"./routing-fnCsxgNO.js";import{t as H}from"./list-row-CtkGE3bF.js";import{t as pe}from"./use-timeout-BwcBBRrT.js";var me=e(`copy-plus`,[[`line`,{x1:`15`,x2:`15`,y1:`12`,y2:`18`,key:`1p7wdc`}],[`line`,{x1:`12`,x2:`18`,y1:`15`,y2:`15`,key:`1nscbv`}],[`rect`,{width:`14`,height:`14`,x:`8`,y:`8`,rx:`2`,ry:`2`,key:`17jyea`}],[`path`,{d:`M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2`,key:`zix9uf`}]]),U=t(n(),1),W=r(),G=[{value:`append`,label:`Append`},{value:`override`,label:`Override`}];function K(e,t){if(e.kind===`off`)return{label:`Off`,active:!1};if(e.kind===`global`)return{label:`Following global`,active:!1};if(e.kind===`preset`){let n=t[e.presetId];return{label:`Preset · ${n?.name??e.presetId}`,active:n?.enabled===!0}}return{label:e.setting.enabled?`Custom`:`Custom off`,active:e.setting.enabled}}function he({kind:e,name:t,value:n,onChange:r,presets:i}){let a=n,{label:o,active:s}=K(a,i),c=a.kind,l=Object.values(i);return(0,W.jsxs)(`div`,{className:`rounded-control border border-inner-border bg-surface-2 p-4`,children:[(0,W.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,W.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2.5`,children:[(0,W.jsx)(f,{size:14,className:`shrink-0 text-text-tertiary`,"aria-hidden":`true`}),(0,W.jsx)(`p`,{className:`text-caption font-semibold text-text-primary`,children:`System prompt`})]}),(0,W.jsx)(D,{tone:s?`ok`:`default`,dot:!0,className:`shrink-0`,children:o})]}),(0,W.jsxs)(`div`,{className:`mt-3 grid grid-cols-4 gap-2 max-small:grid-cols-2`,role:`radiogroup`,"aria-label":`System prompt source`,children:[(0,W.jsxs)(`label`,{className:`flex cursor-pointer items-center justify-center gap-2 rounded-control border border-inner-border bg-surface-2 px-2 py-2 text-badge font-medium text-text-primary select-none has-checked:border-accent has-checked:bg-accent-soft`,children:[(0,W.jsx)(`input`,{type:`radio`,name:`scp-${e}-${t}`,checked:c===`off`,onChange:()=>r({kind:`off`}),className:`accent-accent`}),`Off`]}),(0,W.jsxs)(`label`,{className:`flex cursor-pointer items-center justify-center gap-2 rounded-control border border-inner-border bg-surface-2 px-2 py-2 text-badge font-medium text-text-primary select-none has-checked:border-accent has-checked:bg-accent-soft`,children:[(0,W.jsx)(`input`,{type:`radio`,name:`scp-${e}-${t}`,checked:c===`global`,onChange:()=>r({kind:`global`}),className:`accent-accent`}),`Global`]}),(0,W.jsxs)(`label`,{className:`flex cursor-pointer items-center justify-center gap-2 rounded-control border border-inner-border bg-surface-2 px-2 py-2 text-badge font-medium text-text-primary select-none has-checked:border-accent has-checked:bg-accent-soft`,children:[(0,W.jsx)(`input`,{type:`radio`,name:`scp-${e}-${t}`,checked:c===`preset`,onChange:()=>{let e=l.find(e=>e.enabled)??l[0];r(e?{kind:`preset`,presetId:e.id}:{kind:`global`})},className:`accent-accent`}),`Preset`]}),(0,W.jsxs)(`label`,{className:`flex cursor-pointer items-center justify-center gap-2 rounded-control border border-inner-border bg-surface-2 px-2 py-2 text-badge font-medium text-text-primary select-none has-checked:border-accent has-checked:bg-accent-soft`,children:[(0,W.jsx)(`input`,{type:`radio`,name:`scp-${e}-${t}`,checked:c===`custom`,onChange:()=>r({kind:`custom`,setting:{enabled:!0,mode:`append`,text:``}}),className:`accent-accent`}),`Custom`]})]}),c===`preset`?(0,W.jsxs)(`div`,{className:`mt-3`,children:[(0,W.jsx)(k,{"aria-label":`Preset`,value:a.kind===`preset`?a.presetId:``,onValueChange:e=>r({kind:`preset`,presetId:e}),options:l.map(e=>({value:e.id,label:`${e.name}${e.enabled?``:` (off)`}`})),size:`sm`,className:`w-full`}),l.length===0?(0,W.jsx)(`p`,{className:`mt-2 text-badge text-text-tertiary`,children:`No presets yet — create one in Inject System Prompt first.`}):null]}):null,c===`custom`?(0,W.jsxs)(`div`,{className:`mt-3`,children:[(0,W.jsxs)(`div`,{className:`mb-2 flex items-center gap-3`,children:[(0,W.jsx)(k,{"aria-label":`Injection mode`,value:a.kind===`custom`?a.setting.mode:`append`,onValueChange:e=>r({kind:`custom`,setting:{enabled:!0,mode:e,text:a.kind===`custom`?a.setting.text:``}}),options:G,size:`sm`,className:`w-40`}),a.kind===`custom`?(0,W.jsxs)(`span`,{className:`text-badge tabular-nums text-text-tertiary`,children:[a.setting.text.length.toLocaleString(),` chars`]}):null]}),(0,W.jsx)(O,{id:`scp-${e}-${t}-text`,rows:4,value:a.kind===`custom`?a.setting.text:``,onChange:e=>r({kind:`custom`,setting:{enabled:!0,mode:a.kind===`custom`?a.setting.mode:`append`,text:e.target.value}}),placeholder:`Injected system prompt…`})]}):null]})}var q=[{value:`fallback`,label:`Fallback (try in order)`},{value:`round_robin`,label:`Round Robin (rotate)`}],J=()=>`m${Date.now().toString(36)}${Math.random().toString(36).slice(2,8)}`;function Y(){let e=ue(),t=R(),n=I(),r=L(),f=V(),[m,h]=(0,U.useState)(!1),[v,y]=(0,U.useState)(null),[D,O]=(0,U.useState)(``),[k,N]=(0,U.useState)(``),[P,le]=(0,U.useState)(!1),[F,z]=(0,U.useState)(null),[de,B]=(0,U.useState)(null),{copy:fe}=oe(),me=pe(),G=l(),K=c(),q=d(G.data??p),[J,Y]=(0,U.useState)({kind:`global`}),X=(0,U.useMemo)(()=>e.data??[],[e.data]),Z=()=>{y(null),O(``),N(``),h(!0)},ge=e=>{y(e),O(e.alias),N(e.targetModel),Y(q.aliases[e.alias]??{kind:`global`}),h(!0)},_e=e=>{if(e.preventDefault(),D.trim()&&k.trim()){if(v){let e=D.trim();n.mutate({id:v.id,request:{alias:e,targetModel:k.trim()}},{onSuccess:()=>{let t={...q,aliases:{...q.aliases,[e]:J}};v.alias!==e&&delete t.aliases[v.alias],K.mutate(t,{onError:e=>s.error(S(e,`Could not update system prompt.`))}),h(!1),y(null),s.success(`Alias updated`)},onError:e=>s.error(S(e,`Could not save the alias.`))})}else t.mutate({alias:D.trim(),targetModel:k.trim()},{onSuccess:()=>{h(!1),O(``),N(``),s.success(`Alias created`)},onError:e=>s.error(S(e,`Could not create the alias.`))})}},ve=(e,t)=>{fe(e).then(e=>{if(!e){s.error(`Copy failed`);return}B(t),me(()=>B(null),1500)})};return(0,W.jsxs)(E,{children:[(0,W.jsx)(T,{title:`Model Aliases`,subtitle:`Map readable names to real models (e.g. claude-mythos-5 → claude-opus-5)`,icon:(0,W.jsx)(x,{size:16}),action:(0,W.jsx)(ce,{children:(0,W.jsx)(o,{variant:`primary`,size:`sm`,icon:(0,W.jsx)(ne,{size:13}),onClick:Z,children:`New Alias`})})}),(0,W.jsx)(w,{children:e.isPending?(0,W.jsx)(g,{label:`Loading aliases...`}):e.isError?(0,W.jsx)(ee,{message:`Failed to load aliases`,onRetry:()=>e.refetch()}):X.length===0?(0,W.jsx)(_,{title:`No aliases defined`,message:`Create an alias to route short or friendly names to real provider model IDs.`}):(0,W.jsx)(u,{items:X,label:`Model aliases`,gap:`8px`,disabled:f.isPending,onReorder:e=>f.mutate(e,{onError:e=>s.error(S(e,`Could not save the new order.`))}),renderItem:e=>(0,W.jsx)(H,{className:`items-start flex-col sm:flex-row`,actions:(0,W.jsxs)(M,{gap:`4px`,className:`w-full justify-start sm:w-auto sm:justify-end`,children:[(0,W.jsx)(o,{variant:`ghost`,size:`sm`,icon:(0,W.jsx)(a,{size:13}),onClick:()=>ve(e.alias,e.id),title:de===e.id?`Copied!`:`Copy alias`}),(0,W.jsx)(o,{variant:`ghost`,size:`sm`,icon:(0,W.jsx)(te,{size:13}),onClick:()=>ge(e),title:`Edit target model`}),(0,W.jsx)(o,{variant:`ghost`,size:`sm`,icon:(0,W.jsx)(ie,{size:13}),onClick:()=>z(e),title:`Delete alias`,className:`text-red`})]}),children:(0,W.jsxs)(`div`,{className:`flex items-center gap-4 flex-wrap min-w-0`,children:[(0,W.jsx)(C,{value:e.alias,tone:`accent`}),(0,W.jsx)(i,{size:13,className:`text-text-tertiary shrink-0`}),(0,W.jsx)(C,{value:e.targetModel,tone:`plain`})]})})})}),(0,W.jsx)(b,{open:m,onClose:()=>h(!1),title:v?`Edit Model Alias`:`New Model Alias`,footer:(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(o,{variant:`secondary`,type:`button`,onClick:()=>h(!1),children:`Cancel`}),(0,W.jsx)(o,{variant:`primary`,type:`submit`,form:`alias-form`,disabled:t.isPending||n.isPending||!D.trim()||!k.trim(),children:v?`Save Changes`:`Create Alias`})]}),children:(0,W.jsxs)(`form`,{id:`alias-form`,onSubmit:_e,className:`flex flex-col gap-6`,children:[(0,W.jsx)(se,{label:`Alias name`,id:`alias-name-input`,value:D,onChange:e=>O(e.target.value),placeholder:`e.g. fast, sonnet, smart`,required:!0}),(0,W.jsxs)(M,{gap:`8px`,align:`flex-end`,children:[(0,W.jsx)(`div`,{className:`flex-1`,children:(0,W.jsx)(se,{label:`Target model`,id:`target-model-input`,value:k,onChange:e=>N(e.target.value),placeholder:`e.g. codex/gpt-5.5, claude/claude-sonnet-5`,required:!0})}),(0,W.jsx)(o,{variant:`secondary`,size:`sm`,type:`button`,onClick:()=>le(!0),icon:(0,W.jsx)(re,{size:13}),children:`Browse`})]}),(0,W.jsx)(A,{open:P,onClose:()=>le(!1),selected:k?[k]:[],onToggle:()=>{},onSelectOne:e=>N(e),title:`Select target model`,multi:!1}),v?(0,W.jsx)(he,{kind:`alias`,name:v.alias,value:J,onChange:Y,presets:q.presets}):null]})}),(0,W.jsx)(b,{open:!!F,onClose:()=>z(null),title:`Delete Model Alias`,children:(0,W.jsxs)(j,{gap:`12px`,children:[(0,W.jsxs)(`p`,{className:`text-body text-text-secondary`,children:[`Are you sure you want to delete alias `,(0,W.jsx)(`strong`,{children:F?.alias}),`? Clients requesting this name will need their full model path.`]}),(0,W.jsxs)(ae,{children:[(0,W.jsx)(o,{variant:`secondary`,onClick:()=>z(null),children:`Cancel`}),(0,W.jsx)(o,{variant:`danger`,onClick:()=>{F&&r.mutate(F.id,{onSuccess:()=>z(null)})},disabled:r.isPending,children:r.isPending?`Deleting...`:`Delete Alias`})]})]})})]})}function X(e){return e.kind===`model`&&e.entry.vision===!0}function Z(){let e=P(),t=N(),[n,r]=(0,U.useState)(!1),[i,a]=(0,U.useState)(!1),c=e.data,l=c?.visionHandoffModels??[],[d,f]=(0,U.useState)([]);(0,U.useEffect)(()=>{f(l.map(e=>({id:`v${e}`,value:e})))},[c]);let p=(e,n)=>{t.mutate(e,{onSuccess:()=>s.success(n),onError:e=>s.error(S(e,`Could not update vision handoff.`))})},v=e=>{let t=d.some(t=>t.value===e)?d.filter(t=>t.value!==e):[...d,{id:`v${e}-${d.length}`,value:e}];f(t),p({visionHandoffModels:t.map(e=>e.value)},`Vision handoff models updated.`)};return e.isPending?(0,W.jsx)(g,{label:`Loading vision handoff settings…`}):e.isError||!c?(0,W.jsx)(ee,{message:S(e.error,`Failed to load runtime settings`),onRetry:()=>void e.refetch()}):(0,W.jsxs)(E,{children:[(0,W.jsx)(T,{title:(0,W.jsxs)(`span`,{className:`inline-flex items-center gap-2.5`,children:[`Vision Handoff`,(0,W.jsx)(`span`,{className:`badge border border-warning-line bg-surface-2 text-micro tracking-label text-status-warning`,children:`BETA`})]}),subtitle:`When the selected model cannot see images, describe them with a vision model first`,icon:(0,W.jsx)(h,{size:16}),action:(0,W.jsxs)(ce,{children:[(0,W.jsx)(o,{variant:`ghost`,size:`sm`,icon:(0,W.jsx)(m,{size:14}),"aria-label":`How vision handoff works`,onClick:()=>a(!0),children:`How it works`}),(0,W.jsx)(o,{variant:`secondary`,size:`sm`,icon:(0,W.jsx)(ne,{size:13}),onClick:()=>r(!0),children:`Pick models`})]})}),(0,W.jsx)(w,{children:d.length===0?(0,W.jsx)(_,{title:`No vision handoff models`,message:`Add an ordered list of image-capable models. When a request carries an image but the chosen model cannot see it, the gateway will ask the first healthy model on this list to describe it and pass that description to the chosen model as text.`}):(0,W.jsx)(u,{items:d,label:`Vision handoff models`,gap:`6px`,onReorder:e=>{let t=new Map(d.map(e=>[e.id,e])),n=e.map(e=>t.get(e)).filter(e=>!!e);f(n),p({visionHandoffModels:n.map(e=>e.value)},`Vision handoff order updated.`)},renderItem:e=>(0,W.jsx)(H,{density:`compact`,actions:(0,W.jsx)(`button`,{type:`button`,"aria-label":`Remove ${e.value}`,onClick:()=>v(e.value),className:`grid size-7 cursor-pointer place-items-center rounded-control text-text-tertiary hover:bg-hover`,children:(0,W.jsx)(y,{size:12})}),children:(0,W.jsxs)(`div`,{className:`flex items-center gap-3 min-w-0`,children:[(0,W.jsx)(h,{size:14,className:`shrink-0 text-text-tertiary`}),(0,W.jsx)(C,{value:e.value,tone:`accent`})]})})})}),(0,W.jsx)(A,{open:n,onClose:()=>r(!1),selected:d.map(e=>e.value),onToggle:v,title:`Select vision models`,multi:!0,filter:X}),(0,W.jsx)(b,{open:i,onClose:()=>a(!1),title:`How vision handoff works`,size:`md`,children:(0,W.jsxs)(`div`,{className:`flex flex-col gap-4 text-badge leading-relaxed text-text-secondary`,children:[(0,W.jsxs)(`p`,{children:[(0,W.jsx)(`strong`,{children:`Vision handoff`}),` lets a text-only model still answer when a request carries images. The gateway sends the image to the first healthy model on your list and injects its description as text back into the conversation — the chosen model never sees the raw image, only the description.`]}),(0,W.jsx)(`p`,{children:`The list is ordered: drag models to set priority. The first healthy model wins; if it fails (cooldown, quota, upstream error), the handoff falls to the next entry.`}),(0,W.jsxs)(`p`,{children:[(0,W.jsx)(`strong`,{children:`Empty list`}),` keeps the legacy`,` `,(0,W.jsx)(`code`,{children:`[image]`}),` placeholder behavior — the raw image marker is passed through instead of a description.`]}),(0,W.jsx)(`p`,{className:`text-micro text-text-tertiary`,children:`Only image-capable chat models are offered in the picker.`})]})})]})}function ge(){let e=B(),t=de(),n=fe(),r=z(),i=le(),f=F(),[m,h]=(0,U.useState)(!1),[x,D]=(0,U.useState)(null),[O,N]=(0,U.useState)(``),[P,I]=(0,U.useState)([]),[L,R]=(0,U.useState)(`fallback`),[ue,V]=(0,U.useState)(!1),[G,K]=(0,U.useState)(null),[Y,X]=(0,U.useState)(null),{copy:Z}=oe(),ge=pe(),_e=l(),ve=c(),Q=d(_e.data??p),[ye,be]=(0,U.useState)({kind:`global`}),$=(0,U.useMemo)(()=>P.map(e=>e.value),[P]),xe=e=>{$.includes(e)?I(P.filter(t=>t.value!==e)):I([...P,{id:J(),value:e.trim()}])},Se=e.data??[],Ce=()=>{D(null),N(``),I([]),R(`fallback`),h(!0)},we=e=>{D(e),N(e.name),be(Q.combos[e.name]??{kind:`global`}),I(e.members.map(e=>({id:J(),value:e}))),h(!0)},Te=e=>{n.mutate(e.id,{onSuccess:e=>{let t=e.skippedMembers;t.length>0?s.success(`Combo cloned`,`${e.combo.name} — skipped unresolvable member${t.length>1?`s`:``}: ${t.join(`, `)}`):s.success(`Combo cloned`,e.combo.name)},onError:e=>s.error(S(e,`Could not clone the combo.`))})},Ee=e=>{if(e.preventDefault(),O.trim()&&$.length!==0){if(x){let e=O.trim();r.mutate({id:x.id,request:{name:e,members:$,strategy:L}},{onSuccess:()=>{let t={...Q,combos:{...Q.combos,[e]:ye}};x.name!==e&&delete t.combos[x.name],ve.mutate(t,{onError:e=>s.error(S(e,`Could not update system prompt.`))}),h(!1),D(null),s.success(`Combo saved`)},onError:e=>s.error(S(e,`Could not save the combo.`))})}else t.mutate({name:O.trim(),members:$,strategy:L},{onSuccess:()=>{h(!1),N(``),I([]),s.success(`Combo created`)},onError:e=>s.error(S(e,`Could not create the combo.`))})}},De=(e,t)=>{r.mutate({id:e.id,request:{strategy:t}},{onSuccess:()=>s.success(`Combo strategy updated`),onError:e=>s.error(S(e,`Could not update the combo strategy.`))})},Oe=(e,t)=>{Z(e).then(e=>{if(!e){s.error(`Copy failed`);return}X(t),ge(()=>X(null),1500)})};return(0,W.jsxs)(E,{children:[(0,W.jsx)(T,{title:`Combos`,subtitle:`Combine multiple models with fallback or round-robin rotation`,icon:(0,W.jsx)(v,{size:16}),action:(0,W.jsx)(ce,{children:(0,W.jsx)(o,{variant:`primary`,size:`sm`,icon:(0,W.jsx)(ne,{size:13}),onClick:Ce,children:`New Combo`})})}),(0,W.jsx)(w,{children:e.isPending?(0,W.jsx)(g,{label:`Loading combos...`}):e.isError?(0,W.jsx)(ee,{message:`Failed to load combos`,onRetry:()=>e.refetch()}):Se.length===0?(0,W.jsx)(_,{title:`No combos defined`,message:`Create a model combo to distribute requests across multiple models.`}):(0,W.jsx)(u,{items:Se,label:`Model combos`,disabled:f.isPending,onReorder:e=>f.mutate(e,{onError:e=>s.error(S(e,`Could not save the new order.`))}),renderItem:e=>(0,W.jsxs)(H,{className:`items-start flex-col sm:flex-row`,actions:(0,W.jsxs)(M,{gap:`8px`,className:`w-full justify-between sm:w-auto sm:justify-start`,children:[(0,W.jsx)(k,{value:e.strategy,onValueChange:t=>De(e,t),options:q}),(0,W.jsxs)(M,{gap:`4px`,className:`flex-wrap`,children:[(0,W.jsx)(o,{variant:`ghost`,size:`sm`,icon:(0,W.jsx)(a,{size:13}),onClick:()=>Oe(e.name,e.id),title:Y===e.id?`Copied!`:`Copy combo name`}),(0,W.jsx)(o,{variant:`ghost`,size:`sm`,icon:(0,W.jsx)(me,{size:13}),onClick:()=>Te(e),disabled:n.isPending,title:`Clone combo (same members and strategy)`}),(0,W.jsx)(o,{variant:`ghost`,size:`sm`,icon:(0,W.jsx)(te,{size:13}),onClick:()=>we(e),title:`Edit combo`}),(0,W.jsx)(o,{variant:`ghost`,size:`sm`,icon:(0,W.jsx)(ie,{size:13}),onClick:()=>K(e),title:`Delete combo`,className:`text-red`})]})]}),children:[(0,W.jsx)(`div`,{className:`flex items-center justify-between gap-6 flex-wrap`,children:(0,W.jsx)(`strong`,{className:`text-body`,children:e.name})}),(0,W.jsx)(M,{gap:`6px`,className:`w-full flex-wrap`,children:e.members.map(e=>(0,W.jsx)(C,{value:e},e))})]})})}),(0,W.jsx)(b,{open:m,onClose:()=>h(!1),title:x?`Edit Model Combo`:`New Model Combo`,footer:(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(o,{variant:`secondary`,type:`button`,onClick:()=>h(!1),children:`Cancel`}),(0,W.jsx)(o,{variant:`primary`,type:`submit`,form:`combo-form`,disabled:t.isPending||r.isPending||!O.trim()||$.length===0,children:x?`Save Changes`:`Create Combo`})]}),children:(0,W.jsxs)(`form`,{id:`combo-form`,onSubmit:Ee,className:`flex flex-col gap-6`,children:[(0,W.jsx)(se,{label:`Combo name`,id:`combo-name-input`,value:O,onChange:e=>N(e.target.value),placeholder:`e.g. smart-combo, fast-pool`,required:!0}),(0,W.jsx)(k,{label:`Strategy`,id:`combo-strategy-select`,value:L,onValueChange:e=>R(e),options:q}),x?(0,W.jsx)(he,{kind:`combo`,name:x.name,value:ye,onChange:be,presets:Q.presets}):null,(0,W.jsxs)(j,{gap:`6px`,children:[(0,W.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,W.jsx)(`label`,{className:`text-caption font-semibold text-text-secondary`,children:`Member models — use arrows or drag to reorder`}),(0,W.jsx)(o,{variant:`secondary`,size:`sm`,type:`button`,icon:(0,W.jsx)(re,{size:12}),onClick:()=>V(!0),children:`Browse models`})]}),(0,W.jsx)(`div`,{role:`list`,"aria-label":`Combo members`,"data-testid":`combo-members-list`,className:`flex min-h-22 flex-col gap-2 rounded-control border border-dashed border-inner-border ${P.length===0?`p-0`:`p-3`}`,children:P.length===0?(0,W.jsx)(`button`,{type:`button`,onClick:()=>V(!0),className:`flex-1 cursor-pointer font-inherit text-caption text-text-tertiary`,children:`Pick models to add`}):(0,W.jsx)(u,{items:P,label:`Combo members`,gap:`4px`,onReorder:e=>{let t=new Map(P.map(e=>[e.id,e]));I(e.map(e=>t.get(e)).filter(Boolean))},renderItem:e=>(0,W.jsx)(H,{density:`compact`,actions:(0,W.jsx)(`button`,{type:`button`,onClick:()=>xe(e.value),"aria-label":`Remove ${e.value}`,className:`flex shrink-0 cursor-pointer text-text-tertiary`,children:(0,W.jsx)(y,{size:12})}),children:(0,W.jsx)(C,{value:e.value,tone:`accent`})})})})]}),(0,W.jsx)(A,{open:ue,onClose:()=>V(!1),selected:$,onToggle:xe,title:`Select combo members`,multi:!0})]})}),(0,W.jsx)(b,{open:!!G,onClose:()=>K(null),title:`Delete Model Combo`,children:(0,W.jsxs)(j,{gap:`12px`,children:[(0,W.jsxs)(`p`,{className:`text-body text-text-secondary`,children:[`Are you sure you want to delete combo `,(0,W.jsx)(`strong`,{children:G?.name}),`? Any aliases pointing to it will fail to resolve.`]}),(0,W.jsxs)(ae,{children:[(0,W.jsx)(o,{variant:`secondary`,onClick:()=>K(null),children:`Cancel`}),(0,W.jsx)(o,{variant:`danger`,onClick:()=>{G&&i.mutate(G.id,{onSuccess:()=>K(null)})},disabled:i.isPending,children:i.isPending?`Deleting...`:`Delete Combo`})]})]})})]})}function _e(){return(0,W.jsxs)(j,{gap:`16px`,children:[(0,W.jsx)(ge,{}),(0,W.jsx)(Y,{}),(0,W.jsx)(Z,{})]})}export{Z as VisionHandoffSection,_e as default};

package/dist/dashboard/assets/ConsoleLogPage-GX7iGGcu.js

@@ -1 +0,0 @@
-import{o as e,r as t,t as n}from"./jsx-runtime-CXUMngI_.js";import{c as r,g as i,r as a,s as o}from"./numbers-BnAd22a_.js";import{n as s,r as c,t as l}from"./state-DXbGTx7N.js";import{t as u}from"./refresh-cw-BqJFk4sU.js";import{t as d}from"./search-JOKus9rb.js";import{t as f}from"./shield-check-DVS0Foqh.js";import{t as p}from"./trash-Cppn5c3R.js";import{l as m,o as h,u as g}from"./query-keys-YSoQOUh6.js";import{B as _,M as v,j as y,st as b}from"./entry-Ca7LSCet.js";import{n as x,r as S,t as C}from"./card-_HwAEqFF.js";import{t as w}from"./badge-DyI_mJfi.js";import{n as T}from"./input-D-qV9dKY.js";import{t as E}from"./layout-B7tVWhtV.js";var D=e(t(),1),O=500,k=1500;function A(e){return g(e)&&typeof e.ts==`string`&&(e.level===`debug`||e.level===`info`||e.level===`warn`||e.level===`error`)&&typeof e.msg==`string`}function j(e){return!g(e)||!Array.isArray(e.lines)?[]:e.lines.filter(A)}function M(){let[e,t]=(0,D.useState)([]),[n,r]=(0,D.useState)(new Set),[i,a]=(0,D.useState)(`idle`),s=(0,D.useRef)(0),c=(0,D.useRef)(new Set),l=e=>({...e,id:`l${s.current+=1}`}),u=(e,t)=>{let n=window.setTimeout(()=>{c.current.delete(n),e()},t);c.current.add(n)};return o({url:`/console/api/logs/stream`,preflight:async()=>{let e=await h(`/logs?limit=200`);t(j(e).slice(-500).map(l)),r(new Set)},events:[`init`,`line`,`clear`],onEvent:(e,n)=>{if(e===`init`){try{let e=JSON.parse(n);g(e)&&(t(j(e).slice(-500).map(l)),r(new Set)),a(`live`)}catch{}return}if(e===`clear`){t([]),r(new Set);return}if(e===`line`){let e;try{e=JSON.parse(n)}catch{return}if(!A(e))return;let i=l(e);r(e=>{let t=new Set(e);return t.add(i.id),t}),u(()=>{r(e=>{if(!e.has(i.id))return e;let t=new Set(e);return t.delete(i.id),t})},k),t(e=>{let t=[...e,i];return t.length>O?t.slice(t.length-O):t}),a(`live`)}},onClose:()=>a(`reconnecting`)}),{lines:e,newLineIds:n,status:i,clear:(0,D.useCallback)(async()=>{await h(`/logs`,{method:`DELETE`}),t([]),r(new Set)},[])}}var N={"api_key.created":`API key created`,"api_key.updated":`API key updated`,"api_key.revoked":`API key revoked`,"api_key.regenerated":`API key regenerated`,"api_key.shared":`API key shared`,"api_key.share_regenerated":`API key share link regenerated`,"api_key.share_revoked":`API key unshared`,"provider.created":`Provider created`,"provider.updated":`Provider updated`,"provider.deleted":`Provider deleted`,"provider.global.updated":`Global provider updated`,"provider.global.deleted":`Global provider deleted`,"provider.routing.updated":`Provider routing updated`,"provider.models.registered":`Provider models registered`,"provider.models.bulk_deleted":`Provider models bulk-deleted`,"provider.model.deleted":`Provider model deleted`,"provider.model.enabled":`Provider model enabled`,"provider.model.disabled":`Provider model disabled`,"provider_account.created":`Provider account connected`,"provider_account.updated":`Provider account updated`,"provider_account.recovered":`Provider account recovered`,"provider_account.revoked":`Provider account revoked`,"provider_account.circuit_force_closed":`Provider account circuit force-closed`,"provider_account.deleted":`Provider account deleted`,"provider_account.exported":`Provider accounts exported (plaintext)`,"provider_account.global.updated":`Global provider account updated`,"provider_account.global.refreshed":`Global provider account refreshed`,"provider_account.global.deleted":`Global provider account deleted`,"model_alias.created":`Model alias created`,"model_alias.updated":`Model alias updated`,"model_alias.deleted":`Model alias deleted`,"model_combo.created":`Model combo created`,"model_combo.updated":`Model combo updated`,"model_combo.cloned":`Model combo cloned`,"model_combo.deleted":`Model combo deleted`,"network_pool.created":`Network pool created`,"network_pool.updated":`Network pool updated`,"network_pool.deleted":`Network pool deleted`,"network_pool.recovered":`Network pool recovered`,"network_pool.strategy_updated":`Network pool strategy updated`,"network_pool.relay_deployed":`Network pool relay deployed`,"filter_rule.created":`Filter rule created`,"filter_rule.updated":`Filter rule updated`,"filter_rule.deleted":`Filter rule deleted`,"filter_rule.reordered":`Filter rules reordered`,"filter_rule.master_toggle":`Filter master switch toggled`,"settings.runtime.updated":`Runtime settings updated`,"cli_tool.mappings_saved":`CLI tool mappings saved`,"cli_tool.mappings_reset":`CLI tool mappings reset`,"cli_tool.applied":`CLI tool applied`,"console.password_changed":`Console password changed`,"console_logs.cleared":`Console logs cleared`,"security.ip_banned":`IP banned`,"backup.reset":`Backup reset`,"backup.delete_all":`Delete all configuration`},P={api:`API`,ip:`IP`,cli:`CLI`,oauth:`OAuth`};function F(e){return e.split(`.`).map(e=>e.split(/[_-]+/).filter(Boolean).map(e=>P[e.toLowerCase()]??e.charAt(0).toUpperCase()+e.slice(1)).join(` `)).join(` · `)}function I(e){return N[e]??F(e)}var L=n(),R=50,z=[{id:`all`,label:`All`},{id:`debug`,label:`Debug`},{id:`info`,label:`Info`},{id:`warn`,label:`Warn`},{id:`error`,label:`Error`}],B={debug:`var(--text-tertiary)`,info:`var(--accent)`,warn:`var(--orange)`,error:`var(--red)`},V={debug:`DBG`,info:`INF`,warn:`WRN`,error:`ERR`};function H(e){return e>=500?`err`:e>=400?`warn`:`ok`}function U(e,t,n){let r=n.trim().toLowerCase();return e.filter(e=>t!==`all`&&e.level!==t?!1:!r||`${e.msg} ${e.endpoint??``} ${e.model??``} ${e.routedModel??``} ${e.providerId??``} ${e.errorCode??``} ${e.userAgent??``} ${e.clientIp??``} ${e.accountLabel??``} ${e.networkPoolId??``}`.toLowerCase().includes(r))}function W(){let[e,t]=(0,D.useState)(`logs`),n=v().data?.isPlatformAdmin??!1,i=e===`audit`&&!n?`logs`:e,a=(0,L.jsxs)(`div`,{className:`flex gap-4`,children:[(0,L.jsx)(r,{variant:i===`logs`?`primary`:`secondary`,size:`sm`,onClick:()=>t(`logs`),icon:(0,L.jsx)(b,{size:13}),"aria-pressed":i===`logs`,children:`Console Log`}),n?(0,L.jsx)(r,{variant:i===`audit`?`primary`:`secondary`,size:`sm`,onClick:()=>t(`audit`),icon:(0,L.jsx)(f,{size:13}),"aria-pressed":i===`audit`,children:`Admin Audit`}):null]});return(0,L.jsx)(`div`,{className:`flex flex-col flex-1 min-h-0`,children:i===`logs`?(0,L.jsx)(Q,{tabAction:a}):(0,L.jsx)($,{tabAction:a})})}function G(e){let t=new Date(e);return Number.isNaN(t.getTime())?e:t.toLocaleTimeString([],{hour12:!1})}function K(e){return e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}k`:String(e)}function q(e){let t=e.details;if(!t)return null;let n=typeof t.inputTokens==`number`?t.inputTokens:void 0,r=typeof t.outputTokens==`number`?t.outputTokens:void 0,i=typeof t.cachedInputTokens==`number`?t.cachedInputTokens:void 0,a=typeof t.reasoningTokens==`number`?t.reasoningTokens:void 0;if(n===void 0&&r===void 0&&i===void 0&&a===void 0)return null;let o=[];return n!==void 0&&o.push(`${K(n)} in`),r!==void 0&&o.push(`${K(r)} out`),i!==void 0&&o.push(`${K(i)} cached`),a!==void 0&&a>0&&o.push(`${K(a)} reason`),o.join(` / `)}function J(e){let t=e.model,n=e.routedModel,r=e.providerId,i=n??t;if(!i&&!r)return null;let a=r&&i?`${r}/${i}`:i??r??``;return n&&t&&n!==t?`${a} ← ${t}`:a}var Y=(0,D.memo)(function({line:e,isNew:t}){let n=e.event!==void 0,r=e.level;return(0,L.jsxs)(`div`,{className:`flex flex-wrap items-baseline gap-4 px-8 py-1.5 font-mono text-caption leading-normal max-medium:gap-3 max-medium:px-5 max-medium:text-badge${r===`warn`?` bg-orange-soft`:r===`error`?` bg-red-soft`:``}${t?` bg-surface-muted`:``} hover:bg-surface-hover`,"data-log-tone":r,children:[(0,L.jsx)(`span`,{className:`max-medium:flex-none flex-none tabular-nums text-text-tertiary`,children:G(e.ts)}),(0,L.jsx)(`span`,{className:`flex-none w-13 text-left text-micro font-bold tracking-label`,style:{color:B[e.level]},title:e.level.toUpperCase(),children:V[e.level]}),n?(0,L.jsx)(X,{line:e}):(0,L.jsx)(`span`,{className:`min-w-0 flex-1 whitespace-pre-wrap wrap-anywhere break-words text-text-secondary`,children:e.msg})]})});function X({line:e}){let t=J(e),n=q(e),r=Z(e);return(0,L.jsxs)(`span`,{className:`min-w-0 flex-1 whitespace-pre-wrap wrap-anywhere`,children:[(0,L.jsxs)(`span`,{className:`font-bold tracking-label ${r.tone}`,"data-log-field":`badge`,children:[`[`,r.label,`]`]}),`  `,(0,L.jsx)(`span`,{className:`text-text-tertiary`,children:e.method??`POST`}),`  `,(0,L.jsx)(`span`,{className:`text-text-primary`,children:e.endpoint??``}),e.status===void 0?null:(0,L.jsxs)(L.Fragment,{children:[`  `,(0,L.jsx)(`span`,{className:`tabular-nums ${H(e.status)===`ok`?`text-text-tertiary`:H(e.status)===`warn`?`text-orange font-semibold`:`text-red font-semibold`}`,children:e.status})]}),e.durationMs===void 0?null:(0,L.jsxs)(L.Fragment,{children:[`  `,(0,L.jsx)(`span`,{className:`tabular-nums text-text-secondary`,children:a(e.durationMs)})]}),t?(0,L.jsxs)(L.Fragment,{children:[`  `,(0,L.jsx)(`span`,{className:`text-status-info`,"data-log-field":`route`,children:t})]}):null,e.accountLabel?(0,L.jsxs)(L.Fragment,{children:[`  `,(0,L.jsx)(`span`,{className:`text-purple`,"data-log-field":`account`,title:e.accountId??void 0,children:e.accountLabel})]}):null,e.networkPoolId?(0,L.jsxs)(L.Fragment,{children:[`  `,(0,L.jsx)(`span`,{className:`text-text-tertiary`,"data-log-field":`pool`,title:`pool ${e.networkPoolId}`,children:e.networkPoolId.slice(0,8)})]}):null,e.clientIp?(0,L.jsxs)(L.Fragment,{children:[`  `,(0,L.jsx)(`span`,{className:`tabular-nums text-text-secondary`,"data-log-field":`ip`,children:e.clientIp})]}):null,n?(0,L.jsxs)(L.Fragment,{children:[`  `,(0,L.jsx)(`span`,{className:`tabular-nums text-orange`,"data-log-field":`tokens`,children:n})]}):null,e.errorCode?(0,L.jsxs)(L.Fragment,{children:[`  `,(0,L.jsxs)(`span`,{className:`text-red`,title:e.msg,children:[e.msg,` (`,e.errorCode,`)`]})]}):null,e.requestId?(0,L.jsxs)(L.Fragment,{children:[`  `,(0,L.jsx)(`span`,{className:`text-micro text-text-tertiary`,"data-log-field":`id`,children:e.requestId.slice(0,8)})]}):null]})}function Z(e){return e.event===`request_start`||e.status===void 0?{label:`REQUEST`,tone:`text-text-tertiary`}:e.event===`request_error`||e.status>=400?{label:`FAILED`,tone:`text-red`}:{label:`SUCCESS`,tone:`text-status-info`}}function Q({tabAction:e}){let{lines:t,newLineIds:n,clear:r}=M(),[a,o]=(0,D.useState)(`all`),[s,c]=(0,D.useState)(``),[u,f]=(0,D.useState)(!1),[m,h]=(0,D.useState)(null),g=s.trim().toLowerCase(),v=(0,D.useMemo)(()=>U(t,a,g).slice().reverse(),[t,a,g]),y=(0,D.useMemo)(()=>{let e=new Map([[`all`,t.length]]);for(let n of t)e.set(n.level,(e.get(n.level)??0)+1);return e},[t]);return(0,L.jsxs)(C,{className:`flex-1 min-h-0 flex flex-col`,children:[(0,L.jsx)(S,{title:`Console Log`,subtitle:`${v.length} of ${t.length} lines`,icon:(0,L.jsx)(b,{size:16}),action:e}),(0,L.jsxs)(x,{className:`flex flex-row items-center justify-between gap-8 flex-none min-h-0 px-7 py-4 border-b border-inner-border max-medium:flex-col max-medium:items-start max-medium:gap-4`,children:[(0,L.jsx)(`div`,{className:`inline-flex items-center gap-1.5 flex-none max-medium:w-full max-medium:overflow-x-auto`,role:`group`,"aria-label":`Log level`,children:z.map(e=>{let t=y.get(e.id)??0;return(0,L.jsxs)(`button`,{className:`inline-flex items-center appearance-none border-0 rounded-tiny px-5 py-3.5 bg-transparent font-sans text-badge font-semibold leading-none cursor-pointer ${a===e.id?`bg-surface-muted text-text-primary`:`text-text-tertiary hover:bg-surface-muted hover:text-text-primary`}`,type:`button`,onClick:()=>o(e.id),"aria-pressed":a===e.id,children:[(0,L.jsx)(`span`,{children:e.label}),(0,L.jsx)(`span`,{className:`ml-2.5 text-inherit opacity-65 tabular-nums`,children:t})]},e.id)})}),(0,L.jsxs)(`div`,{className:`flex items-center gap-4 ml-auto max-medium:w-full max-medium:ml-0 max-medium:min-w-0`,children:[(0,L.jsxs)(`div`,{className:`relative w-140 min-w-0 max-w-full max-medium:flex-auto max-medium:w-auto`,children:[(0,L.jsx)(d,{size:13,"aria-hidden":`true`,className:`absolute left-5 top-1/2 -translate-y-1/2 text-text-tertiary pointer-events-none`}),(0,L.jsx)(T,{"aria-label":`Search console logs`,value:s,onChange:e=>c(e.target.value),placeholder:`Search logs...`,className:`pl-15 w-full min-w-0`})]}),(0,L.jsx)(`button`,{className:`inline-grid place-items-center w-16 h-16 border border-border-subtle rounded-control bg-transparent text-text-secondary cursor-pointer hover:border-red hover:text-red hover:bg-red-soft`,type:`button`,onClick:()=>f(!0),"aria-label":`Clear console logs`,title:`Clear logs`,children:(0,L.jsx)(p,{size:15,"aria-hidden":`true`})})]})]}),(0,L.jsxs)(x,{className:`p-0 flex-1 min-h-0 flex flex-col`,children:[(0,L.jsx)(`div`,{className:`scroll-region flex-1 min-h-0 flex flex-col p-0 bg-code-surface text-text-primary`,children:v.length===0?(0,L.jsx)(l,{title:t.length===0?`No log lines yet`:g?`No lines match your search`:`No lines match this level`,message:t.length===0?`Server log output will stream here as the gateway runs.`:`Adjust the search or pick another level to widen the view.`,icon:(0,L.jsx)(b,{size:20})}):v.map(e=>(0,L.jsx)(Y,{line:e,isNew:n.has(e.id)},e.id))}),(0,L.jsx)(`div`,{className:`flex items-center justify-between gap-5 shrink-0 px-8 py-4 border-t border-inner-border bg-surface-2 text-micro text-text-tertiary`,"aria-live":`polite`,children:(0,L.jsxs)(`span`,{className:`min-w-0 overflow-hidden text-ellipsis whitespace-nowrap`,children:[v.length,` of `,t.length,` lines`,a===`all`?``:` · ${a}`,g?` · search: "${s.trim()}"`:``]})})]}),(0,L.jsx)(_,{open:u,onClose:()=>f(!1),onConfirm:async()=>{h(null);try{await r(),f(!1),i.success(`Console logs cleared`)}catch{h(`Failed to clear server logs.`)}},title:`Clear console logs`,message:`Clear the in-memory server log tail? New lines keep streaming afterwards.`,confirmLabel:`Clear`,danger:!0}),m?(0,L.jsx)(`span`,{className:`text-badge text-red pt-0 px-8 pb-4`,children:m}):null]})}function $({tabAction:e}){let[t,n]=(0,D.useState)(``),[i,a]=(0,D.useState)(``),[o,d]=(0,D.useState)(``),[p,h]=(0,D.useState)(``),[g,_]=(0,D.useState)(void 0),[v,b]=(0,D.useState)([]);(0,D.useEffect)(()=>{let e=setTimeout(()=>d(t),300);return()=>clearTimeout(e)},[t]),(0,D.useEffect)(()=>{let e=setTimeout(()=>h(i),300);return()=>clearTimeout(e)},[i]);let w=y({limit:R,...o?{action:o}:{},...p?{actor:p}:{},...g?{cursor:g}:{}}),O=w.data,k=O?.entries??[],A=O?.nextCursor,j=()=>{A&&(b(e=>[...e,g??``]),_(A))},M=()=>{b(e=>{let t=e[e.length-1];return _(t||void 0),e.slice(0,-1)})},N=()=>{_(void 0),b([])};return(0,L.jsxs)(C,{className:`flex-1 min-h-0 flex flex-col`,children:[(0,L.jsx)(S,{title:`Admin Audit Trail`,subtitle:`Every privileged console mutation, retained on its own lifecycle`,icon:(0,L.jsx)(f,{size:16}),action:(0,L.jsxs)(`div`,{className:`flex gap-4 items-center`,children:[e,(0,L.jsx)(r,{variant:`secondary`,size:`sm`,onClick:()=>void w.refetch(),disabled:w.isFetching,icon:(0,L.jsx)(u,{size:13,className:w.isFetching?`animate-spin`:``}),children:`Refresh`})]})}),(0,L.jsxs)(x,{className:`flex flex-row items-center justify-between gap-6 flex-none min-h-0 px-8 py-5 border-b border-inner-border items-end`,children:[(0,L.jsx)(T,{label:`Action`,placeholder:`e.g. provider updated`,value:t,onChange:e=>{n(e.target.value),N()}}),(0,L.jsx)(T,{label:`Actor`,placeholder:`e.g. alice or a user id`,value:i,onChange:e=>{a(e.target.value),N()}}),(0,L.jsxs)(`div`,{className:`ml-auto flex gap-4`,children:[(0,L.jsx)(r,{size:`sm`,variant:`secondary`,onClick:M,disabled:v.length===0,children:`← Newer`}),(0,L.jsx)(r,{size:`sm`,variant:`secondary`,onClick:j,disabled:!A,children:`Older →`})]})]}),(0,L.jsx)(x,{className:`p-0 flex-1 min-h-0 flex flex-col`,children:(0,L.jsx)(`div`,{className:`flex-1 min-h-0 flex flex-col overflow-y-auto p-0 bg-transparent text-inherit`,children:w.isPending&&k.length===0?(0,L.jsx)(c,{compact:!0,label:`Loading audit trail…`}):w.isError&&k.length===0?(0,L.jsx)(s,{compact:!0,message:m(w.error,`Unable to load audit trail.`),onRetry:()=>void w.refetch()}):k.length===0?(0,L.jsx)(l,{compact:!0,title:`No audit entries yet`,message:`Privileged mutations (provider changes, key rotations, backups, bans) will appear here.`,icon:(0,L.jsx)(f,{size:20})}):(0,L.jsx)(E,{headers:[`Timestamp`,`Actor`,`Action`,`Target`,`Detail`],children:k.map(e=>(0,L.jsx)(ee,{entry:e},e.id))})})})]})}function ee({entry:e}){return(0,L.jsxs)(`tr`,{children:[(0,L.jsx)(`td`,{className:`text-badge text-text-tertiary whitespace-nowrap`,children:new Date(e.createdAt).toLocaleString()}),(0,L.jsxs)(`td`,{className:`max-w-100`,children:[(0,L.jsx)(`div`,{className:`text-caption font-semibold`,children:e.actorName??e.actor}),e.actorName?(0,L.jsx)(`div`,{title:e.actor,className:`truncate font-mono tabular-nums text-micro text-text-tertiary`,children:e.actor}):null]}),(0,L.jsx)(`td`,{children:(0,L.jsx)(w,{tone:e.action.includes(`delete`)||e.action.includes(`revoked`)?`err`:`ok`,title:e.action,children:I(e.action)})}),(0,L.jsx)(`td`,{title:e.target,className:`truncate font-mono tabular-nums text-badge max-w-110`,children:e.target}),(0,L.jsx)(`td`,{className:`font-mono tabular-nums text-badge max-w-160 overflow-hidden truncate`,children:e.detail?JSON.stringify(e.detail):`—`})]})}export{W as default,U as filterLogLines,H as statusTone};

package/dist/dashboard/assets/CustomizationPage-HVonbGEa.js

@@ -1 +0,0 @@
-import{n as e,o as t,r as n,t as r}from"./jsx-runtime-CXUMngI_.js";import{c as i,v as a}from"./numbers-BnAd22a_.js";import{t as o}from"./image-BPaouViG.js";import{t as s}from"./layers-2-glBbjl.js";import{t as c}from"./rotate-ccw-CufcqITi.js";import{$ as l,G as u,H as d,J as f,Q as p,U as m,V as h,W as g,X as _,Y as v,Z as y,q as b}from"./entry-Ca7LSCet.js";import{n as x,r as S,t as C}from"./card-_HwAEqFF.js";import{t as w}from"./switch-ZeTsW623.js";import{t as T}from"./select-BCOcv8WK.js";import{t as E}from"./stack-ByKt3Q1g.js";import{t as D}from"./inline-B2BirKry.js";var O=e(`frame`,[[`line`,{x1:`22`,x2:`2`,y1:`6`,y2:`6`,key:`15w7dq`}],[`line`,{x1:`22`,x2:`2`,y1:`18`,y2:`18`,key:`1ip48p`}],[`line`,{x1:`6`,x2:`6`,y1:`2`,y2:`22`,key:`a2lnyx`}],[`line`,{x1:`18`,x2:`18`,y1:`2`,y2:`22`,key:`8vb6jd`}]]),k=e(`panel-top`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}],[`path`,{d:`M3 9h18`,key:`1pudct`}]]),A=e(`rectangle-horizontal`,[[`rect`,{width:`20`,height:`12`,x:`2`,y:`6`,rx:`2`,key:`9lu3g6`}]]),j=t(n(),1),M=r(),N={cards:{label:`Cards`,description:`The card body on every page`,icon:(0,M.jsx)(A,{size:15})},chrome:{label:`Sidebar & topbar`,description:`The shell around the page`,icon:(0,M.jsx)(k,{size:15})}};function P(e){return e<1048576?`${Math.max(1,Math.round(e/1024))} KB`:`${(e/1048576).toFixed(1)} MB`}function F(){let[e,t]=u(),[n,r]=(0,j.useState)(!1),[f,y]=(0,j.useState)(null),w=async n=>{let i=n.target.files?.[0];if(n.target.value=``,!i)return;let o=_(i);if(!o){a.error(`Choose an image or a video.`);return}if(i.size>4294967296){a.error(`File too big. 4 GB is the limit.`);return}let s=i.size>b;r(!0);try{let n=o===`image`?await p(i):i;await l(n,o),y(n.size),t({backgroundSet:!0,backgroundEnabled:!0,backgroundRevision:e.backgroundRevision+1}),a.success(o===`video`?`Video background saved in this browser.`:`Background saved in this browser.`),s&&a.warning(`File too big. Your web performance and experience may be degraded.`)}catch{a.error(`Could not store that file. The browser may be out of space.`)}finally{r(!1)}},k=async()=>{r(!0);try{await v(),y(null),t({backgroundSet:!1,backgroundEnabled:!1})}catch{a.error(`Could not remove the background.`)}finally{r(!1)}};return(0,M.jsxs)(E,{gap:`16px`,children:[(0,M.jsxs)(C,{children:[(0,M.jsx)(S,{title:`Background`,subtitle:`Stored in this browser only. It never leaves the machine.`,icon:(0,M.jsx)(o,{size:16}),action:(0,M.jsx)(D,{children:(0,M.jsx)(i,{variant:`ghost`,size:`sm`,icon:(0,M.jsx)(c,{size:13}),onClick:()=>{g({backgroundOpacity:d.backgroundOpacity,backgroundScale:d.backgroundScale,backgroundX:d.backgroundX,backgroundY:d.backgroundY,backgroundBlur:d.backgroundBlur,backgroundEnabled:e.backgroundSet}),a.success(`Background reset to defaults.`)},children:`Reset`})})}),(0,M.jsx)(x,{children:(0,M.jsxs)(E,{gap:`14px`,children:[(0,M.jsx)(I,{settings:e,onBytes:y,bytes:f}),(0,M.jsxs)(`div`,{className:`flex flex-wrap items-center gap-4`,children:[(0,M.jsxs)(`label`,{className:`btn btn-primary inline-flex items-center justify-center gap-3.5 rounded-control font-semibold text-caption px-7 py-2 cursor-pointer bg-accent text-accent-foreground`,children:[n?`Working…`:e.backgroundSet?`Replace`:`Upload image or video`,(0,M.jsx)(`input`,{type:`file`,accept:`image/*,video/*`,className:`sr-only`,onChange:e=>void w(e),disabled:n})]}),e.backgroundSet?(0,M.jsx)(i,{variant:`danger`,size:`sm`,onClick:()=>void k(),disabled:n,children:`Remove`}):null,(0,M.jsx)(`span`,{className:`text-badge text-text-tertiary`,children:`Images are resized to 2560px. Videos play on desktop and show their first frame on mobile.`})]}),(0,M.jsx)(L,{settings:e,setSettings:t})]})})]}),(0,M.jsxs)(C,{children:[(0,M.jsx)(S,{title:`Blur`,subtitle:`Each surface keeps its own style. Dialogs are never blurred, so they stay readable.`,icon:(0,M.jsx)(s,{size:16}),action:(0,M.jsx)(D,{children:(0,M.jsx)(i,{variant:`ghost`,size:`sm`,icon:(0,M.jsx)(c,{size:13}),onClick:()=>{g({blurCardsAmount:d.blurCardsAmount,blurChromeAmount:d.blurChromeAmount,blurCardsEnabled:d.blurCardsEnabled,blurChromeEnabled:d.blurChromeEnabled,blurCardsDepth:d.blurCardsDepth,blurChromeDepth:d.blurChromeDepth,renderMode:d.renderMode}),a.success(`Blur reset to defaults.`)},children:`Reset`})})}),(0,M.jsxs)(x,{children:[(0,M.jsxs)(`div`,{className:`mb-10 flex items-center justify-between gap-6 rounded-card border border-inner-border bg-surface-2 px-7 py-6 max-small:flex-col max-small:items-stretch`,children:[(0,M.jsxs)(`span`,{className:`flex min-w-0 flex-col`,children:[(0,M.jsx)(`span`,{className:`text-caption font-semibold text-text-primary`,children:`Render preset`}),(0,M.jsx)(`span`,{className:`text-badge text-text-tertiary`,children:`Pretty keeps surfaces near-solid with no card blur; Extreme removes the backdrop read everywhere. Either one overrides the toggles below while active — the background image stays.`})]}),(0,M.jsx)(T,{value:e.renderMode,onValueChange:e=>{t({renderMode:e}),a.success(e===`off`?`Render preset off`:`Render preset: ${e===`pretty`?`Pretty`:`Extreme`}`)},options:[{value:`off`,label:`Off (default)`},{value:`pretty`,label:`Pretty`},{value:`extreme`,label:`Extreme`}],size:`sm`,"aria-label":`Render preset`,className:`max-small:self-end`})]}),(0,M.jsx)(`div`,{className:`grid gap-10 lg:grid-cols-2`,children:h.map(n=>{let r=n===`chrome`,i=e.renderMode===`off`?void 0:m[e.renderMode][r?`chrome`:`cards`];return(0,M.jsx)(z,{target:n,enabled:r?e.blurChromeEnabled:e.blurCardsEnabled,held:e.renderMode===`off`?void 0:e.renderMode,onToggle:()=>t(r?{blurChromeEnabled:!e.blurChromeEnabled}:{blurCardsEnabled:!e.blurCardsEnabled}),clarity:i?i.amount:r?e.blurChromeAmount:e.blurCardsAmount,onClarity:e=>t(r?{blurChromeAmount:e}:{blurCardsAmount:e}),depth:i?i.depth:r?e.blurChromeDepth:e.blurCardsDepth,onDepth:e=>t(r?{blurChromeDepth:e}:{blurCardsDepth:e})},n)})})]})]}),(0,M.jsxs)(C,{children:[(0,M.jsx)(S,{title:`Empty panels`,subtitle:`A dashed frame around a page that has nothing to show yet.`,icon:(0,M.jsx)(O,{size:16})}),(0,M.jsx)(x,{children:(0,M.jsxs)(`button`,{type:`button`,role:`switch`,"aria-checked":e.emptyOutline,onClick:()=>t({emptyOutline:!e.emptyOutline}),className:`flex w-full items-center justify-between gap-6 rounded-card border border-inner-border bg-surface-2 px-7 py-6 text-left`,children:[(0,M.jsxs)(`span`,{className:`flex min-w-0 flex-col`,children:[(0,M.jsx)(`span`,{className:`text-caption font-semibold text-text-primary`,children:`Dashed border`}),(0,M.jsx)(`span`,{className:`text-badge text-text-tertiary`,children:`Off leaves the empty state sitting on the card.`})]}),(0,M.jsx)(`span`,{"aria-hidden":`true`,className:e.emptyOutline?`h-10 w-18 shrink-0 rounded-pill bg-accent p-1`:`h-10 w-18 shrink-0 rounded-pill bg-surface-active p-1`,children:(0,M.jsx)(`span`,{className:e.emptyOutline?`block size-8 translate-x-8 rounded-full bg-accent-foreground transition-transform`:`block size-8 rounded-full bg-text-secondary transition-transform`})})]})})]})]})}function I({settings:e,bytes:t,onBytes:n}){let[r,i]=(0,j.useState)(null),[a,o]=(0,j.useState)(null);if((0,j.useEffect)(()=>{if(!e.backgroundSet){i(f),o(`image`);return}let t=!0,r=null;return y().then(e=>{if(e){if(!t){URL.revokeObjectURL(e.url);return}r=e.url,i(e.url),o(e.kind),n(e.blob.size)}}).catch(()=>{}),()=>{t=!1,r&&URL.revokeObjectURL(r)}},[e.backgroundSet,n]),!r)return(0,M.jsx)(`div`,{className:`flex h-60 items-center justify-center rounded-card border border-dashed border-inner-border bg-surface-2 text-caption text-text-tertiary`,children:`No background yet. The console uses its plain surface.`});let s={objectFit:`cover`,objectPosition:`${50+e.backgroundX/2}% ${50+e.backgroundY/2}%`,transform:`scale(${e.backgroundScale/100})`,opacity:e.backgroundOpacity/100};return(0,M.jsxs)(`div`,{className:`relative h-75 overflow-hidden rounded-card border border-inner-border bg-surface-2`,children:[a===`video`?(0,M.jsx)(`video`,{src:r,muted:!0,playsInline:!0,preload:`metadata`,className:`size-full`,style:s}):(0,M.jsx)(`img`,{src:r,alt:``,className:`size-full`,style:s}),(0,M.jsxs)(`span`,{className:`absolute bottom-4 left-5 rounded-control bg-surface-1 px-4 py-1 text-micro text-text-secondary`,children:[a===`video`?`Video`:`Image`,t===null?``:` · ${P(t)}`,e.backgroundEnabled?``:` · hidden`]})]})}function L({settings:e,setSettings:t}){return(0,M.jsxs)(`div`,{className:`flex flex-col gap-7`,children:[(0,M.jsxs)(`label`,{className:`flex min-h-18 items-center justify-between gap-6 text-body font-semibold text-text-primary`,children:[(0,M.jsx)(`span`,{children:`Show background`}),(0,M.jsx)(w,{checked:e.backgroundEnabled,onChange:e=>t({backgroundEnabled:e}),"aria-label":`Show background`})]}),(0,M.jsxs)(`div`,{className:`grid gap-7 sm:grid-cols-2`,children:[(0,M.jsx)(R,{label:`Visibility`,value:e.backgroundOpacity,defaultValue:d.backgroundOpacity,min:0,max:100,unit:`%`,onChange:e=>t({backgroundOpacity:e})}),(0,M.jsx)(R,{label:`Blur`,value:e.backgroundBlur,defaultValue:d.backgroundBlur,min:0,max:100,unit:`%`,onChange:e=>t({backgroundBlur:e})}),(0,M.jsx)(R,{label:`Zoom`,value:e.backgroundScale,defaultValue:d.backgroundScale,min:100,max:180,unit:`%`,onChange:e=>t({backgroundScale:e})}),(0,M.jsx)(R,{label:`Shift horizontal`,value:e.backgroundX,defaultValue:d.backgroundX,min:-100,max:100,onChange:e=>t({backgroundX:e})}),(0,M.jsx)(R,{label:`Shift vertical`,value:e.backgroundY,defaultValue:d.backgroundY,min:-100,max:100,onChange:e=>t({backgroundY:e})})]})]})}function R({label:e,value:t,defaultValue:n,min:r,max:i,unit:a,onChange:o}){return(0,M.jsxs)(`label`,{className:`flex flex-col gap-2 text-caption text-text-secondary`,children:[(0,M.jsxs)(`span`,{className:`flex items-center justify-between`,children:[e,(0,M.jsxs)(`span`,{className:`flex items-center gap-3`,children:[(0,M.jsxs)(`span`,{className:`font-mono tabular-nums text-badge text-text-tertiary`,children:[t,a??``]}),(0,M.jsx)(`button`,{type:`button`,onClick:()=>o(n),disabled:t===n,"aria-label":`Reset ${e}`,title:`Reset ${e} to ${n}${a??``}`,className:`flex size-9 items-center justify-center rounded-control text-text-tertiary hover:bg-hover hover:text-text-primary disabled:pointer-events-none disabled:opacity-30`,children:(0,M.jsx)(c,{size:11})})]})]}),(0,M.jsx)(`input`,{type:`range`,min:r,max:i,value:t,onChange:e=>o(Number(e.target.value)),"aria-label":e,className:`blur-slider w-full h-11 m-0 border-0 rounded-pill cursor-pointer`,style:{"--fill":`${(t-r)/(i-r)*100}%`}})]})}function z({target:e,enabled:t,held:n,onToggle:r,clarity:i,onClarity:a,depth:o,onDepth:s}){let c=N[e]??N.cards,l=n===`pretty`?`Held by Pretty`:n===`extreme`?`Held by Extreme`:void 0,u=t&&n===void 0;return(0,M.jsxs)(`div`,{className:`flex flex-col gap-8 rounded-card border border-inner-border bg-surface-2 p-8`,children:[(0,M.jsxs)(`div`,{className:`flex items-center gap-5`,children:[(0,M.jsx)(`span`,{className:`flex size-16 shrink-0 items-center justify-center rounded-control bg-surface-1 text-text-secondary`,children:c.icon}),(0,M.jsxs)(`span`,{className:`flex min-w-0 flex-1 flex-col`,children:[(0,M.jsx)(`span`,{className:`text-body font-semibold text-text-primary`,children:c.label}),(0,M.jsx)(`span`,{className:`text-micro text-text-tertiary`,children:l??c.description})]}),(0,M.jsx)(`button`,{type:`button`,role:`switch`,"aria-checked":n===void 0&&t,"aria-label":`Toggle ${c.label} blur`,disabled:n!==void 0,onClick:n===void 0?r:void 0,className:`${n===void 0?t?`h-10 w-18 shrink-0 rounded-pill bg-accent p-1`:`h-10 w-18 shrink-0 rounded-pill bg-surface-active p-1`:`h-10 w-18 shrink-0 rounded-pill bg-surface-active p-1 cursor-default`}`,children:(0,M.jsx)(`span`,{className:n!==void 0||!t?`block size-8 rounded-full bg-text-secondary`:`block size-8 translate-x-8 rounded-full bg-accent-foreground`})})]}),(0,M.jsxs)(`div`,{className:u?`flex flex-col gap-6`:`flex flex-col gap-6 opacity-40`,children:[(0,M.jsxs)(`label`,{className:`flex flex-col gap-3 text-caption text-text-secondary`,children:[(0,M.jsxs)(`span`,{className:`flex items-center justify-between`,children:[`Clarity`,(0,M.jsxs)(`span`,{className:`font-mono text-badge tabular-nums text-text-tertiary`,children:[i,`%`]})]}),(0,M.jsx)(`input`,{type:`range`,min:0,max:100,value:i,disabled:!t,onChange:e=>a(Number(e.target.value)),"aria-label":`${c.label} clarity. How see-through the surface is.`,className:`blur-slider w-full h-11 m-0 border-0 rounded-pill cursor-pointer`,style:{"--fill":`${i}%`}}),(0,M.jsxs)(`span`,{className:`flex justify-between text-badge text-text-tertiary`,children:[(0,M.jsx)(`span`,{children:`See-through`}),(0,M.jsx)(`span`,{children:`Solid`})]})]}),(0,M.jsxs)(`label`,{className:`flex flex-col gap-3 text-caption text-text-secondary`,children:[(0,M.jsxs)(`span`,{className:`flex items-center justify-between`,children:[`Blur`,(0,M.jsxs)(`span`,{className:`font-mono text-badge tabular-nums text-text-tertiary`,children:[o,`%`]})]}),(0,M.jsx)(`input`,{type:`range`,min:0,max:100,value:o,disabled:!t,onChange:e=>s(Number(e.target.value)),"aria-label":`${c.label} blur. How blurred whatever is behind it looks.`,className:`blur-slider w-full h-11 m-0 border-0 rounded-pill cursor-pointer`,style:{"--fill":`${o}%`}}),(0,M.jsxs)(`span`,{className:`flex justify-between text-badge text-text-tertiary`,children:[(0,M.jsx)(`span`,{children:`Sharp`}),(0,M.jsx)(`span`,{children:`Blurred`})]})]})]})]})}export{F as default};

package/dist/dashboard/assets/HealthEventsModal-xaut4OJ9.js

@@ -1 +0,0 @@
-import{o as e,r as t,t as n}from"./jsx-runtime-CXUMngI_.js";import{i as r}from"./terminal-0_IjPWTk.js";import{c as i,g as a}from"./numbers-BnAd22a_.js";import{n as o,r as s,t as c}from"./state-DXbGTx7N.js";import{t as l}from"./dialog-BZhOlfz-.js";import{t as u}from"./rotate-ccw-CufcqITi.js";import{t as d}from"./trash-Cppn5c3R.js";import{C as f,T as p,v as m}from"./assert-CidQVoNo.js";import{o as h,t as g}from"./query-keys-YSoQOUh6.js";import{t as _}from"./useMutation-CbCP4w1o.js";import{A as v,B as y,b,n as x,y as S}from"./entry-Ca7LSCet.js";import{t as C}from"./badge-DyI_mJfi.js";import{n as w}from"./inline-B2BirKry.js";import{t as T}from"./layout-B7tVWhtV.js";async function E(e){return h(`/quota/overview`,e?{signal:e}:void 0)}function D(){return f({queryKey:g.quota.all,queryFn:e=>E(m(e)),staleTime:1/0,refetchInterval:!1,refetchIntervalInBackground:!1,refetchOnMount:!1,refetchOnWindowFocus:!1,placeholderData:e=>e})}function O(e){let t=p(),n=g.quota.account(e);return _({mutationFn:async()=>h(`/accounts/${encodeURIComponent(e)}/quota/refresh`,{method:`POST`}),onSuccess:async()=>{await Promise.all([t.invalidateQueries({queryKey:n,exact:!0}),t.invalidateQueries({queryKey:g.quota.all}),t.invalidateQueries({queryKey:g.providers.all})])}})}function k(e){let t=p();return _({mutationFn:async()=>(await h(`/accounts/${encodeURIComponent(e)}/claim-gifts`,{method:`POST`})).data,onSuccess:async n=>{n.claimed.length!==0&&await Promise.all([t.invalidateQueries({queryKey:g.quota.account(e),exact:!0}),t.invalidateQueries({queryKey:g.quota.all}),t.invalidateQueries({queryKey:g.providers.all})])}})}function A(e){let t=p();return _({mutationFn:async()=>(await h(`/accounts/${encodeURIComponent(e)}/claim-qoder-credits`,{method:`POST`})).data,onSuccess:async n=>{n.state===`claimed`&&await Promise.all([t.invalidateQueries({queryKey:g.quota.account(e),exact:!0}),t.invalidateQueries({queryKey:g.quota.all}),t.invalidateQueries({queryKey:g.providers.all})])}})}function j(){let e=p();return _({mutationFn:async({accountIds:e,onProgress:t})=>{let n=e.length,r=0,i=await h(`/quota/refresh`,{method:`POST`,body:JSON.stringify({accountIds:e})});return r=i.queued,t?.(r,n),i},onSuccess:async(t,n)=>{let r=n.accountIds,i=new Set(t.failures.map(e=>e.accountId)),a=r.filter(e=>!i.has(e));await Promise.all([...a.map(t=>e.invalidateQueries({queryKey:g.quota.account(t),exact:!0})),e.invalidateQueries({queryKey:g.quota.all})])}})}function M(){let e=p();return _({mutationFn:({id:e,active:t})=>h(`/accounts/${encodeURIComponent(e)}`,{method:`PATCH`,body:JSON.stringify({active:t})}),onSuccess:async()=>{await Promise.all([e.invalidateQueries({queryKey:g.quota.all}),e.invalidateQueries({queryKey:g.providers.all})])}})}function N(){let e=p();return _({mutationFn:async({ids:e,active:t})=>{e.length!==0&&await h(`/accounts/batch`,{method:`PATCH`,body:JSON.stringify({ids:e,active:t})})},onSuccess:async()=>{await Promise.all([e.invalidateQueries({queryKey:g.quota.all}),e.invalidateQueries({queryKey:g.providers.all})])}})}function P(){let e=p();return _({mutationFn:async e=>{await h(`/accounts/${encodeURIComponent(e)}`,{method:`DELETE`})},onSuccess:async(t,n)=>{e.removeQueries({queryKey:g.quota.account(n),exact:!0}),await Promise.all([e.invalidateQueries({queryKey:g.quota.all}),e.invalidateQueries({queryKey:g.providers.all})])}})}var F=new Set([`workbuddy`,`workbuddycn`,`cb`,`cbcn`]);function I(e){return F.has(e.trim().toLowerCase())}function L(e){let t=p();return _({mutationFn:async()=>{if(e.length===0)throw Error(`Select a provider first`);return h(`/quota/daily-growth`,{method:`POST`,body:JSON.stringify({providerId:e})})},onSuccess:async()=>{await Promise.all([t.invalidateQueries({queryKey:g.quota.all}),t.invalidateQueries({queryKey:g.providers.all})])}})}function R(e){let t=p();return _({mutationFn:async()=>{let t=await h(`/accounts/${encodeURIComponent(e)}/activity-report`,{method:`POST`}),n=t.message??`Activity reported`,r=await h(`/accounts/${encodeURIComponent(e)}/checkin`,{method:`POST`}),i=r.message??`Daily check-in done`;return{ok:t.ok,message:t.ok?`Report success · Check-in ${i}`:`Report failed: ${n} · Check-in ${i}`,checkin:r,report:t}},onSuccess:async()=>{await Promise.all([t.invalidateQueries({queryKey:g.quota.all}),t.invalidateQueries({queryKey:g.providers.all})])}})}var z=new Set([`codex`,`claude`,`anthropic`]);function B(e){return z.has(e.trim().toLowerCase())}function V(e,t){return f({queryKey:g.quota.resets(e),queryFn:({signal:t})=>h(`/accounts/${encodeURIComponent(e)}/resets`,t?{signal:t}:void 0),enabled:t,staleTime:3e4})}function H(e){let t=p();return _({mutationFn:async t=>h(`/accounts/${encodeURIComponent(e)}/reset`,{method:`POST`,body:JSON.stringify(t??{})}),onSettled:async()=>{await Promise.all([t.invalidateQueries({queryKey:g.quota.all}),t.invalidateQueries({queryKey:g.providers.all})])}})}var U=e(t(),1),W=n();function G(e){return e===`cooldown`}function K(e){return e===`active`?`ok`:e===`disabled`?`disabled`:`warn`}function q(e,t){return e?{title:`Enable static-token mode?`,message:`${t} will be used exactly as issued and will not be refreshed. Re-enable refresh before this token expires.`,confirmLabel:`Enable static mode`}:{title:`Re-enable credential refresh?`,message:`${t} will return to the OAuth refresh sweep. Use this only when a refresh token is available.`,confirmLabel:`Re-enable refresh`}}function J({summary:e,onClose:t}){let{providerId:n,accountId:f,title:p,status:m,errorCategory:h,errorMessage:g,jwtIssuer:_}=e,E=x(n,f),D=b(),O=E.data??[],k=v(),A=e.credentialKind===`oauth`||e.credentialMode===`jwt`||e.staticToken===!0,[j,M]=(0,U.useState)(e.staticToken===!0),[N,P]=(0,U.useState)(null),[F,I]=(0,U.useState)(!1);(0,U.useEffect)(()=>M(e.staticToken===!0),[e.staticToken]);let L=S();return(0,W.jsx)(l,{open:!0,onClose:t,title:`Health & Error Log — ${p}`,size:`lg`,children:(0,W.jsxs)(`div`,{className:`flex flex-col gap-7 min-w-0`,children:[(0,W.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-5 rounded-control border border-inner-border bg-surface-2 py-5 px-7`,children:[(0,W.jsxs)(`div`,{className:`min-w-0`,children:[(0,W.jsxs)(w,{gap:`8px`,className:`flex-wrap`,children:[(0,W.jsx)(`span`,{className:`text-body font-semibold`,children:`Account status:`}),(0,W.jsx)(C,{tone:K(m),dot:!0,children:m.toUpperCase()}),h?(0,W.jsx)(C,{tone:`warn`,title:g??void 0,children:h}):null]}),g?(0,W.jsx)(`p`,{className:`text-badge text-red mt-2 wrap-anywhere`,children:g}):null]}),G(m)?(0,W.jsx)(i,{size:`sm`,variant:`secondary`,icon:(0,W.jsx)(u,{size:12,className:D.isPending?`animate-spin`:``}),disabled:D.isPending,onClick:()=>D.mutate({providerId:n,accountId:f},{onSuccess:()=>void E.refetch()}),children:D.isPending?`Recovering...`:`Recover Now`}):null]}),A?(0,W.jsxs)(`div`,{className:`flex items-center justify-between gap-6 rounded-control border border-inner-border bg-surface-2 py-5 px-7`,children:[(0,W.jsxs)(`div`,{children:[(0,W.jsx)(`div`,{className:`text-caption font-semibold`,children:`Credential management`}),(0,W.jsx)(`div`,{className:`text-badge text-text-tertiary`,children:j?`Static mode: no refresh request will be sent.`:`OAuth refresh is enabled for this account.`}),_?(0,W.jsxs)(`div`,{className:`text-badge text-text-tertiary mt-1 wrap-anywhere`,children:[`Static · no refresh · issuer`,` `,(0,W.jsx)(`span`,{className:`font-mono text-text-secondary`,children:_})]}):null]}),(0,W.jsx)(i,{size:`sm`,variant:j?`primary`:`secondary`,disabled:k.isPending,onClick:()=>P(!j),children:j?`Static · no refresh`:`Enable static mode`})]}):null,(0,W.jsxs)(`div`,{className:`min-w-0`,children:[(0,W.jsxs)(`div`,{className:`flex items-center justify-between gap-5 mb-4`,children:[(0,W.jsxs)(`h4`,{className:`text-caption font-semibold text-text-secondary`,children:[`Transition Events & Audit (`,O.length,`)`]}),(0,W.jsx)(i,{size:`sm`,variant:`secondary`,icon:(0,W.jsx)(d,{size:12}),disabled:O.length===0||L.isPending,onClick:()=>I(!0),title:`Deletes this account's recorded transitions and audit entries.`,children:`Purge log`})]}),E.isPending?(0,W.jsx)(s,{compact:!0,label:`Loading health events...`}):E.isError?(0,W.jsx)(o,{compact:!0,message:`Failed to load health events`,onRetry:()=>void E.refetch()}):O.length===0?(0,W.jsx)(c,{compact:!0,title:`No health events recorded`,message:e.emptyMessage,icon:(0,W.jsx)(r,{size:20})}):(0,W.jsx)(`div`,{className:`rounded-inset border border-inner-border`,children:(0,W.jsx)(T,{maxHeight:480,scrollRegion:!0,headers:[`Timestamp`,`From → To`,`Model`,`Category`,`Reason / Details`],children:O.map(e=>(0,W.jsxs)(`tr`,{children:[(0,W.jsx)(`td`,{className:`text-badge text-text-tertiary whitespace-nowrap`,children:new Date(e.createdAt).toLocaleString()}),(0,W.jsxs)(`td`,{className:`whitespace-nowrap`,children:[e.fromStatus!==null&&e.fromStatus!==e.toStatus?(0,W.jsxs)(`span`,{className:`text-badge text-text-secondary`,children:[e.fromStatus,` →`,` `]}):(0,W.jsx)(`span`,{className:`text-badge text-text-tertiary`,children:`logged · `}),(0,W.jsx)(C,{tone:K(e.toStatus),children:e.toStatus})]}),(0,W.jsx)(`td`,{className:`font-mono tabular-nums text-badge text-text-secondary wrap-anywhere`,children:e.modelId??`—`}),(0,W.jsx)(`td`,{className:`font-mono tabular-nums text-badge text-text-secondary`,children:e.errorCategory??`—`}),(0,W.jsx)(`td`,{className:`text-badge text-text-primary min-w-110 max-w-260 wrap-anywhere`,children:e.reason??`—`})]},e.id))})})]}),(0,W.jsx)(y,{open:N!==null,onClose:()=>P(null),onConfirm:()=>{let e=N===!0;k.mutate({providerId:n,accountId:f,request:{staticToken:e}},{onSuccess:()=>{M(e),P(null),a.success(e?`Static mode enabled`:`Credential refresh re-enabled`,p),E.refetch()},onError:e=>a.error(`Credential update failed`,e instanceof Error?e.message:`Unable to update credential mode`)})},title:q(N===!0,p).title,message:q(N===!0,p).message,confirmLabel:q(N===!0,p).confirmLabel,cancelLabel:`Cancel`}),(0,W.jsx)(y,{open:F,onClose:()=>I(!1),onConfirm:()=>{L.mutate({providerId:n,accountId:f,title:p},{onSuccess:()=>I(!1)})},title:`Purge the health & error log for ${p}?`,message:`Deletes every transition and audit entry recorded for this account. Its status, credentials, and counters are untouched. This cannot be undone.`,confirmLabel:`Purge log`,cancelLabel:`Cancel`}),(0,W.jsx)(w,{justify:`flex-end`,gap:`0px`,children:(0,W.jsx)(i,{variant:`secondary`,size:`sm`,onClick:t,children:`Close`})})]})})}export{k as a,D as c,N as d,H as f,M as h,V as i,O as l,L as m,I as n,A as o,R as p,B as r,P as s,J as t,j as u};

package/dist/dashboard/assets/OverviewPage-Z9pJZFo8.js

@@ -1 +0,0 @@
-import{n as e,o as t,r as n,t as r}from"./jsx-runtime-CXUMngI_.js";import{n as i}from"./terminal-0_IjPWTk.js";import{n as a,t as o}from"./arrow-up-59ms1iiT.js";import{n as s,t as c}from"./minimize-2-BTmMTK4o.js";import{n as l,t as u}from"./fingerprint-pattern-BWuHtbW4.js";import{D as d,E as f,S as p,c as m,g as h,k as ee,w as g,y as _}from"./numbers-BnAd22a_.js";import{t as v}from"./chevron-right-BXIy5l3h.js";import{n as y,o as b}from"./InjectSystemPromptPanel-Cv-2Ol_K.js";import{t as x}from"./database-Dz9N3zGd.js";import{t as S}from"./eye-off-Bk5g2luF.js";import{t as C}from"./eye-C_hawfH4.js";import{t as w}from"./gauge-BbIMy7MB.js";import{n as T,r as E,t as D}from"./state-DXbGTx7N.js";import{t as O}from"./key-round-UkavsGxp.js";import{n as te,r as ne,t as k}from"./clipboard-button-ByjCk0o9.js";import{n as A,t as j}from"./dialog-BZhOlfz-.js";import{t as M}from"./pencil-768ysRAr.js";import{t as re}from"./plus-DIdX_g-x.js";import{t as N}from"./power-off-Yjw9GMJh.js";import{t as ie}from"./refresh-cw-BqJFk4sU.js";import{t as P}from"./route-CNSNj9Zm.js";import{t as F}from"./search-JOKus9rb.js";import{t as I}from"./shield-check-DVS0Foqh.js";import{t as ae}from"./shield-BMQNxORh.js";import{t as oe}from"./trash-Cppn5c3R.js";import{C as L,T as se,b as ce,x as le}from"./assert-CidQVoNo.js";import{l as R,o as z,t as ue}from"./query-keys-YSoQOUh6.js";import{t as B}from"./useMutation-CbCP4w1o.js";import{B as de,ct as fe,ft as pe,ot as V}from"./entry-Ca7LSCet.js";import{n as me,r as H,t as he}from"./card-_HwAEqFF.js";import{t as U}from"./use-clipboard-B0Sy03fE.js";import{n as ge}from"./download-dRFo5_Wu.js";import{c as W,d as _e}from"./tokens-COzario9.js";import{t as G}from"./switch-ZeTsW623.js";import{t as K}from"./badge-DyI_mJfi.js";import{n as q,t as ve}from"./input-D-qV9dKY.js";import{t as ye}from"./select-BCOcv8WK.js";import{t as be}from"./ModelPicker-B-WQxx_H.js";import{t as J}from"./stack-ByKt3Q1g.js";import{n as Y}from"./inline-B2BirKry.js";import{a as xe,c as Se,d as Ce,f as we,g as Te,h as Ee,i as De,l as Oe,m as ke,o as Ae,p as X,r as je,s as Z,t as Me,u as Ne}from"./api-keys-KvX83mRe.js";import{a as Pe,i as Fe,o as Ie,r as Le}from"./cli-tools-Bwv5-zGZ.js";import{t as Re}from"./layout-B7tVWhtV.js";import{c as ze}from"./quota-DJ1QlAOq.js";import{n as Be,t as Ve}from"./settings-BxslsErn.js";import{t as He}from"./banner-B-yXtCqb.js";var Ue=e(`chevrons-up-down`,[[`path`,{d:`m7 15 5 5 5-5`,key:`1hf1tw`}],[`path`,{d:`m7 9 5-5 5 5`,key:`sgt6xg`}]]),We=e(`lock-keyhole`,[[`circle`,{cx:`12`,cy:`16`,r:`1`,key:`1au0dj`}],[`rect`,{x:`3`,y:`10`,width:`18`,height:`12`,rx:`2`,key:`6s8ecr`}],[`path`,{d:`M7 10V7a5 5 0 0 1 10 0v3`,key:`1pqi11`}]]),Ge=e(`radio-tower`,[[`path`,{d:`M4.9 16.1C1 12.2 1 5.8 4.9 1.9`,key:`s0qx1y`}],[`path`,{d:`M7.8 4.7a6.14 6.14 0 0 0-.8 7.5`,key:`1idnkw`}],[`circle`,{cx:`12`,cy:`9`,r:`2`,key:`1092wv`}],[`path`,{d:`M16.2 4.8c2 2 2.26 5.11.8 7.47`,key:`ojru2q`}],[`path`,{d:`M19.1 1.9a9.96 9.96 0 0 1 0 14.1`,key:`rhi7fg`}],[`path`,{d:`M9.5 18h5`,key:`mfy3pd`}],[`path`,{d:`m8 22 4-11 4 11`,key:`25yftu`}]]),Ke=e(`repeat-2`,[[`path`,{d:`m2 9 3-3 3 3`,key:`1ltn5i`}],[`path`,{d:`M13 18H7a2 2 0 0 1-2-2V6`,key:`1r6tfw`}],[`path`,{d:`m22 15-3 3-3-3`,key:`4rnwn2`}],[`path`,{d:`M11 6h6a2 2 0 0 1 2 2v10`,key:`2f72bc`}]]),qe=e(`rotate-cw`,[[`path`,{d:`M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8`,key:`1p45f6`}],[`path`,{d:`M21 3v5h-5`,key:`1q7to0`}]]),Je=e(`scissors`,[[`circle`,{cx:`6`,cy:`6`,r:`3`,key:`1lh9wr`}],[`path`,{d:`M8.12 8.12 12 12`,key:`1alkpv`}],[`path`,{d:`M20 4 8.12 15.88`,key:`xgtan2`}],[`circle`,{cx:`6`,cy:`18`,r:`3`,key:`fqmcym`}],[`path`,{d:`M14.8 14.8 20 20`,key:`ptml3r`}]]),Ye=e(`share-2`,[[`circle`,{cx:`18`,cy:`5`,r:`3`,key:`gq8acd`}],[`circle`,{cx:`6`,cy:`12`,r:`3`,key:`w7nqdw`}],[`circle`,{cx:`18`,cy:`19`,r:`3`,key:`1xt0gg`}],[`line`,{x1:`8.59`,x2:`15.42`,y1:`13.51`,y2:`17.49`,key:`47mynk`}],[`line`,{x1:`15.41`,x2:`8.59`,y1:`6.51`,y2:`10.49`,key:`1n3mei`}]]),Xe=e(`shield-off`,[[`path`,{d:`m2 2 20 20`,key:`1ooewy`}],[`path`,{d:`M5 5a1 1 0 0 0-1 1v7c0 5 3.5 7.5 7.67 8.94a1 1 0 0 0 .67.01c2.35-.82 4.48-1.97 5.9-3.71`,key:`1jlk70`}],[`path`,{d:`M9.309 3.652A12.252 12.252 0 0 0 11.24 2.28a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1v7a9.784 9.784 0 0 1-.08 1.264`,key:`18rp1v`}]]),Ze=e(`shield-x`,[[`path`,{d:`M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z`,key:`oel41y`}],[`path`,{d:`m14.5 9.5-5 5`,key:`17q4r4`}],[`path`,{d:`m9.5 9.5 5 5`,key:`18nt4w`}]]),Qe=e(`undo-2`,[[`path`,{d:`M9 14 4 9l5-5`,key:`102s5s`}],[`path`,{d:`M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11`,key:`f3b9sd`}]]),$e=e(`user-round`,[[`circle`,{cx:`12`,cy:`8`,r:`5`,key:`1hypcn`}],[`path`,{d:`M20 21a8 8 0 0 0-16 0`,key:`rfgkzh`}]]),et=e(`users-round`,[[`path`,{d:`M18 21a8 8 0 0 0-16 0`,key:`3ypg7q`}],[`circle`,{cx:`10`,cy:`8`,r:`5`,key:`o932ke`}],[`path`,{d:`M22 20c0-3.37-2-6.5-4-8a5 5 0 0 0-.45-8.3`,key:`10s06x`}]]),tt=[`routing:invoke`,`routing:cli_mapping`,`search:invoke`,`dashboard:read`,`dashboard:write`,`providers:read`,`providers:write`,`models:read`,`models:write`],nt=[`image/png`,`image/jpeg`,`image/webp`,`image/gif`],Q=t(n(),1),$=r(),rt={"routing:invoke":`Call /v1/* gateway routes within this tenant.`,"routing:cli_mapping":`Resolve persisted CLI source→target model mappings.`,"search:invoke":`Call POST /v1/search with exa.`,"dashboard:read":`Read this tenant's configuration and usage.`,"dashboard:write":`Modify this tenant's configuration.`,"providers:read":`Read provider rows, including accounts.`,"providers:write":`Add, modify, or delete provider rows and their credentials.`,"models:read":`Read catalog model rows.`,"models:write":`Add, modify, or delete catalog model rows.`},it={"routing:invoke":P,"routing:cli_mapping":P,"search:invoke":F,"dashboard:read":C,"dashboard:write":M,"providers:read":V,"providers:write":We,"models:read":l,"models:write":x},at={k:1e3,m:1e6,b:1e9,t:0xe8d4a51000},ot=[{label:`1M`,amount:1e6,description:`1 million`},{label:`100M`,amount:1e8,description:`100 million`},{label:`1B`,amount:1e9,description:`1 billion`},{label:`1T`,amount:0xe8d4a51000,description:`1 trillion`}];function st(e){let t=e.trim().toLowerCase();if(!t)return;let n=t.match(/^([\d.]+)\s*([kmbt])?$/);if(!n)return;let r=Number(n[1]);if(!Number.isFinite(r)||r<=0)return;let i=n[2]?at[n[2]]??1:1;return Math.round(r*i)}function ct(e){if(e==null)return``;let t=ot.find(t=>t.amount===e);return t?t.label:e>=1e9?`${(e/1e9).toFixed(1).replace(/\.0$/,``)}B`:e>=1e6?`${(e/1e6).toFixed(1).replace(/\.0$/,``)}M`:e>=1e3?`${(e/1e3).toFixed(1).replace(/\.0$/,``)}K`:String(e)}function lt(e){let t=Number(e.trim());return Number.isFinite(t)&&t>0?Math.round(t):void 0}function ut(e){let t=lt(e);return e.trim()===``?null:t}function dt({label:e,value:t,onChange:n,disabled:r}){let i=st(t),a=ot.find(e=>e.amount===i)?.label;return(0,$.jsxs)(`div`,{children:[(0,$.jsx)(q,{label:e,value:t,onChange:e=>n(e.target.value),placeholder:`e.g. 1M, 500K`,disabled:r}),(0,$.jsx)(`div`,{className:`flex flex-wrap gap-2 mt-2`,role:`group`,"aria-label":`${e} presets`,children:ot.map(e=>(0,$.jsx)(`button`,{type:`button`,"aria-pressed":a===e.label,"aria-label":`${e.label}, ${e.description} tokens`,onClick:()=>n(e.label),disabled:r,className:`py-0.5 px-3 rounded-chip text-micro font-semibold`,style:{cursor:r?`not-allowed`:`pointer`,border:`1px solid ${a===e.label?`var(--accent)`:`var(--inner-border)`}`,background:a===e.label?`var(--accent-soft)`:`transparent`,color:a===e.label?`var(--accent)`:`var(--text-tertiary)`},children:e.label},e.label))})]})}function ft({tool:e,keyId:t,busy:n,scopeGranted:r,onScopeChange:i}){let a=Pe(e.id,t),o=Fe(),s=Le(),c=a.data?.enabled??!1,l=r&&c,u=a.data?.mappings.length??0,d=o.isPending||s.isPending;return(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-4 py-1.5 px-4 rounded-inset`,style:{minHeight:`38px`,border:`1px solid var(--inner-border)`,background:l?`var(--accent-soft)`:`var(--surface-1)`},children:[(0,$.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[(0,$.jsx)(P,{size:16,className:`mt-1 shrink-0 text-accent`,"aria-hidden":`true`}),(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsx)(`div`,{className:`text-caption font-semibold text-text-primary`,children:e.name}),(0,$.jsx)(`p`,{className:`mt-1 text-badge text-text-tertiary`,children:l?`Remote routing on — ${u} route${u===1?``:`s`} active, routing:cli_mapping granted.`:`Remote routing off — this key's requests go straight to the provider.`})]})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-4`,children:[(0,$.jsx)(G,{checked:l,disabled:n||d||a.isLoading,"aria-label":`Enable remote routing for ${e.name}`,onChange:n=>{n!==r&&i(n),o.mutate({toolId:e.id,keyId:t,input:{enabled:n,mappings:a.data?.mappings??[]}},{onSuccess:()=>h.success(`Saved remote routing for ${e.name}.`),onError:e=>h.error(R(e,`Could not save remote routing.`))})}}),(0,$.jsx)(m,{variant:`secondary`,size:`sm`,disabled:n||d||!c&&u===0,onClick:()=>s.mutate({toolId:e.id,keyId:t},{onSuccess:()=>h.success(`Cleared remote routes for ${e.name}.`),onError:e=>h.error(R(e,`Could not reset remote routes.`))}),children:s.isPending?`Resetting…`:`Reset`})]})]})}function pt({keyId:e,busy:t,scopeGranted:n,onScopeChange:r,persistScope:i}){let a=(Ie().data??[]).filter(e=>e.mappingSupported);return(0,$.jsxs)(`section`,{"aria-labelledby":`remote-routing-heading`,className:`flex flex-col gap-3`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsxs)(`h4`,{id:`remote-routing-heading`,className:`inline-flex items-center gap-2 text-caption font-bold text-text-primary`,children:[(0,$.jsx)(P,{size:15,className:`text-accent`,"aria-hidden":`true`}),`Remote routing`]}),(0,$.jsx)(`p`,{className:`mt-1 text-badge text-text-tertiary`,children:`Route this key's CLI model calls through persisted mappings and grant routing:cli_mapping. Applies immediately — no save needed.`})]}),e.length===0?(0,$.jsx)(`p`,{className:`text-badge text-text-tertiary m-0`,children:`Save the key first to configure per-tool remote routing mappings.`}):a.length===0?(0,$.jsx)(`p`,{className:`text-badge text-text-tertiary m-0`,children:`No CLI tools with mapping support are currently registered.`}):(0,$.jsx)(`div`,{className:`flex flex-col gap-3`,children:a.map(a=>(0,$.jsx)(ft,{tool:a,keyId:e,busy:t,scopeGranted:n,onScopeChange:e=>{r(e),i(e)}},a.id))})]})}function mt(e,t,n){let r=e===`personal`?t.trim():``;return{keyMode:e,keyPrefix:n.trim()||void 0,...r?{key:r}:{}}}function ht(e,t){return e===`personal`?t??null:null}function gt(e){let t=e?.scopes;return e?.isDefault?t&&t.length>0?[...t]:[...tt]:t&&t.length>0?[...t]:[`routing:invoke`,`search:invoke`]}function _t({mode:e,record:t,busy:n,onDone:r,onClose:i,actionsRef:a}){let[o,c]=(0,Q.useState)(t?.label??``),[d,f]=(0,Q.useState)(t?.keyPrefix??``),[p,ee]=(0,Q.useState)(``),[g,_]=(0,Q.useState)(t?.requestsPerMinute?.toString()??``),[v,y]=(0,Q.useState)(ct(t?.dailyTokenLimit??null)),[b,x]=(0,Q.useState)(ct(t?.monthlyTokenLimit??null)),[S,C]=(0,Q.useState)(ct(t?.lifetimeTokenBudget??null)),[T,E]=(0,Q.useState)(t?.lifetimeTokenBudget==null?`recurring`:`one-time`),[D,ne]=(0,Q.useState)(t?.maxConcurrentRequests?.toString()??``),[k,j]=(0,Q.useState)(t?.concurrencyScope??`family`),[M,re]=(0,Q.useState)(t?.maxChildren?.toString()??``),[N,ie]=(0,Q.useState)(()=>gt(t)),[F,oe]=(0,Q.useState)(t?.modelAccessMode??`whitelist`),[L,se]=(0,Q.useState)(()=>{let e=t?.modelList;return e?[...e]:[]}),[z,ue]=(0,Q.useState)(!1),[B,de]=(0,Q.useState)(()=>{let e=t?.clientRouterDenylist;return e?[...new Set(e.map(le).filter(e=>e!==void 0))]:[]}),[V,me]=(0,Q.useState)(()=>t?.notesTitle??``),[H,he]=(0,Q.useState)(()=>t?.notesSubtitle??``),[U,ge]=(0,Q.useState)(()=>t?.notesBody??``),[W,_e]=(0,Q.useState)(t?.sharePopupEnabled??!0),[K,J]=(0,Q.useState)(null),[Y,xe]=(0,Q.useState)(!1),[Se,Ce]=(0,Q.useState)(null),we=t?.sharePopupImageMime!==void 0,Ee=K??(we&&!Y&&t!==null?`/console/api/api-keys/${t.id}/share-popup-image`:null);(0,Q.useEffect)(()=>{we||K!==null||Y||fetch(`/donation/qris-risun-marke.png`).then(e=>e.ok?e.blob():Promise.reject(e.status)).then(e=>{let{promise:t,resolve:n,reject:r}=Promise.withResolvers(),i=new FileReader;return i.onload=()=>n(i.result),i.onerror=r,i.readAsDataURL(e),t}).then(e=>J(e)).catch(()=>{})},[]);let[De,Oe]=(0,Q.useState)(t?.sharePopupTitle??`Support via QRIS`),[ke,Ae]=(0,Q.useState)(t?.sharePopupBody??`Scan the QR code above with any QRIS-compatible banking or e-wallet app to support this gateway's upkeep. Every contribution helps keep the service running — thank you! 🙏`),[X,je]=(0,Q.useState)(t?.keyMode??`personal`),Z=T===`one-time`,Me=e===`edit`,Ne=(0,Q.useMemo)(()=>{if(e===`create`)return o.trim().length>0||p.trim().length>0||d.trim().length>0||g.trim().length>0||v.trim().length>0||b.trim().length>0||S.trim().length>0||D.trim().length>0||M.trim().length>0||V.trim().length>0||H.trim().length>0||U.trim().length>0||N.length>0||L.length>0||B.length>0||K!==null||Y;let n=t;return n===null?!1:o.trim()!==(n.label??``)||g.trim()!==(n.requestsPerMinute?.toString()??``)||v.trim()!==ct(n?.dailyTokenLimit??null)||b.trim()!==ct(n?.monthlyTokenLimit??null)||S.trim()!==ct(n?.lifetimeTokenBudget??null)||T!==(n?.lifetimeTokenBudget==null?`recurring`:`one-time`)||D.trim()!==(n.maxConcurrentRequests?.toString()??``)||k!==(n.concurrencyScope??`family`)||M.trim()!==(n?.maxChildren?.toString()??``)||V.trim()!==(n?.notesTitle??``)||H.trim()!==(n?.notesSubtitle??``)||U.trim()!==(n?.notesBody??``)||N.join(`,`)!==gt(n).join(`,`)||F!==(n?.modelAccessMode??`whitelist`)||L.join(`,`)!==(n.modelList??[]).join(`,`)||B.join(`,`)!==(n?.clientRouterDenylist??[]).join(`,`)||W!==(n.sharePopupEnabled??!0)||K!==null||Y||De.trim()!==(n.sharePopupTitle??`Support via QRIS`)||ke.trim()!==(n.sharePopupBody??`Scan the QR code above with any QRIS-compatible banking or e-wallet app to support this gateway's upkeep. Every contribution helps keep the service running — thank you! 🙏`)},[e,t,o,p,d,g,v,b,S,T,D,k,M,N,F,L,B,V,H,U,W,K,Y,De,ke]);A(Ne);let Pe=Te(),Fe=e=>ie(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e]),Ie=()=>{r({label:o.trim(),...mt(X,p,d),scopes:N,modelAccessMode:F,modelList:L,clientRouterDenylist:B,requestsPerMinute:ut(g),maxConcurrentRequests:ut(D),concurrencyScope:X===`share`?k:void 0,maxChildren:X===`share`?ut(M):null,dailyTokenLimit:Z?null:st(v)??null,monthlyTokenLimit:Z?null:st(b)??null,lifetimeTokenBudget:Z?st(S)??null:null,notesTitle:V.trim(),notesSubtitle:H.trim(),notesBody:U.trim(),sharePopupEnabled:W,...K===null?Y?{sharePopupImage:null}:{}:{sharePopupImage:K},sharePopupTitle:De.trim(),sharePopupBody:ke.trim()})};return(0,Q.useEffect)(()=>{a?.((0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(m,{variant:`secondary`,size:`sm`,onClick:i,disabled:n,children:`Cancel`}),(0,$.jsx)(m,{variant:`primary`,size:`sm`,disabled:n||e===`create`&&!o.trim(),onClick:Ie,children:n?`Saving…`:e===`create`?`Create API key`:`Save changes`})]}))}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-3 min-w-0 pb-2`,children:[(0,$.jsxs)(`section`,{className:`flex flex-col gap-3 min-w-0 p-4 border border-inner-border rounded-card bg-surface-2 col-span-full`,children:[(0,$.jsxs)(`h3`,{className:`inline-flex items-center gap-2 text-caption font-bold text-text-primary`,children:[(0,$.jsx)(O,{size:16,className:`text-accent`,"aria-hidden":`true`}),`Credential mode`]}),(0,$.jsx)(`div`,{role:`group`,"aria-label":`Credential mode`,className:`flex gap-4`,children:[`personal`,`share`].map(e=>(0,$.jsx)(`button`,{type:`button`,"aria-pressed":X===e,disabled:n||Me,onClick:()=>je(e),title:Me?`Credential mode cannot change after creation`:void 0,className:`rounded-inset py-1.5 px-5`,style:{border:`1px solid var(--inner-border)`,color:X===e?`var(--accent)`:`var(--text-secondary)`,background:X===e?`var(--accent-soft)`:`var(--surface-2)`,cursor:Me?`not-allowed`:`pointer`,opacity:Me&&X!==e?.5:1},children:(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-2`,children:[e===`personal`?(0,$.jsx)($e,{size:14,"aria-hidden":`true`}):(0,$.jsx)(et,{size:14,"aria-hidden":`true`}),e===`personal`?`Personal`:`Share template`]})},e))}),(0,$.jsx)(`p`,{className:`mt-1 text-badge text-text-tertiary`,children:X===`share`?`A share template does not authenticate requests. Recipients generate their own child key from its public enrollment page.`:`A personal key authenticates requests directly; its secret is shown once when created or rotated.`})]}),(0,$.jsxs)(`div`,{className:`grid grid-cols-2 gap-3 min-w-0 max-medium:grid-cols-1`,children:[e===`create`&&(0,$.jsxs)(`section`,{className:`flex flex-col gap-3 min-w-0 p-4 border border-inner-border rounded-card bg-surface-2`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsxs)(`h3`,{className:`inline-flex items-center gap-2 text-caption font-bold text-text-primary`,children:[(0,$.jsx)(u,{size:16,className:`text-accent`,"aria-hidden":`true`}),`Identity`]}),(0,$.jsx)(`p`,{className:`mt-1 text-badge text-text-tertiary`,children:`Give this credential a recognizable name.`})]}),(0,$.jsxs)(`div`,{className:`grid grid-cols-2 gap-4 items-start min-w-0 max-medium:grid-cols-1`,children:[(0,$.jsx)(q,{label:`Name`,value:o,onChange:e=>c(e.target.value),placeholder:`ci-key…`,disabled:n,autoFocus:!0}),(0,$.jsx)(q,{label:`Key prefix`,value:d,onChange:e=>f(e.target.value),placeholder:`pn-carte- (default)…`,disabled:n||p.trim().length>0})]}),X===`personal`&&(0,$.jsx)(q,{label:`Custom API key value (optional)`,value:p,onChange:e=>ee(e.target.value),placeholder:`Leave blank to generate…`,disabled:n})]}),e===`edit`&&(0,$.jsxs)(`section`,{className:`flex flex-col gap-3 min-w-0 p-4 border border-inner-border rounded-card bg-surface-2`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsxs)(`h3`,{className:`text-caption font-bold text-text-primary`,children:[(0,$.jsx)(u,{size:16,className:`mr-2 inline text-accent`,"aria-hidden":`true`}),`Identity`]}),(0,$.jsx)(`p`,{className:`mt-1 text-badge text-text-tertiary`,children:t?.isDefault?`The default key's name is fixed. Limits, access, and everything else can still change.`:`Update the label for this credential.`})]}),(0,$.jsx)(`div`,{className:`grid grid-cols-2 gap-4 items-start min-w-0 max-medium:grid-cols-1`,children:(0,$.jsx)(q,{label:`Name`,value:o,onChange:e=>c(e.target.value),placeholder:`ci-key…`,disabled:n||t?.isDefault===!0,title:t?.isDefault?`The default gateway key keeps its name`:void 0,autoFocus:!0})})]}),(0,$.jsxs)(`section`,{className:`flex flex-col gap-3 min-w-0 p-4 border border-inner-border rounded-card bg-surface-2`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsxs)(`h3`,{className:`text-caption font-bold text-text-primary`,children:[(0,$.jsx)(te,{size:16,className:`mr-2 inline text-accent`,"aria-hidden":`true`}),`Share notes`]}),(0,$.jsx)(`p`,{className:`mt-1 text-badge text-text-tertiary`,children:`Optional copy shown on the public share page.`})]}),(0,$.jsxs)(`div`,{className:`grid grid-cols-2 gap-4 items-start min-w-0 max-medium:grid-cols-1`,children:[(0,$.jsx)(q,{label:`Title`,value:V,onChange:e=>me(e.target.value),placeholder:`e.g. Bansos Token`,disabled:n}),(0,$.jsx)(q,{label:`Subtitle`,value:H,onChange:e=>he(e.target.value),placeholder:`e.g. Come and save your tokens`,disabled:n}),(0,$.jsx)(`div`,{className:`col-span-full`,children:(0,$.jsx)(q,{label:`Body`,value:U,onChange:e=>ge(e.target.value),placeholder:`Free-form notes for the recipient`,disabled:n})})]})]}),(0,$.jsxs)(`section`,{className:`flex flex-col gap-3 min-w-0 p-4 border border-inner-border rounded-card bg-surface-2 col-span-full`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsxs)(`h3`,{className:`text-caption font-bold text-text-primary`,children:[(0,$.jsx)(w,{size:16,className:`mr-2 inline text-accent`,"aria-hidden":`true`}),`Limits`]}),(0,$.jsx)(`p`,{className:`mt-1 text-badge text-text-tertiary`,children:`Keep this credential predictable under load.`})]}),(0,$.jsxs)(`div`,{className:`grid grid-cols-2 gap-4 items-start min-w-0 max-medium:grid-cols-1`,children:[(0,$.jsx)(q,{label:`Requests per minute`,type:`number`,min:`0`,value:g,onChange:e=>_(e.target.value),placeholder:`Unlimited…`,disabled:n}),(0,$.jsx)(q,{label:`Max concurrent requests`,type:`number`,min:`0`,value:D,onChange:e=>ne(e.target.value),placeholder:`Unlimited…`,disabled:n}),X===`share`?(0,$.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,$.jsx)(`label`,{htmlFor:`api-key-concurrency-scope`,className:`form-label text-caption font-semibold text-text-primary`,children:`Concurrency scope`}),(0,$.jsx)(ye,{id:`api-key-concurrency-scope`,"aria-label":`Concurrency scope`,value:k,onValueChange:e=>j(e),options:[{value:`family`,label:`Whole share family (all recipients together)`},{value:`per_key`,label:`Per recipient key (each has its own cap)`}],size:`md`})]}):null,X===`share`?(0,$.jsx)(q,{label:`Recipient slots (max children)`,type:`number`,min:`0`,value:M,onChange:e=>re(e.target.value),placeholder:`Unlimited…`,disabled:n}):null]}),(0,$.jsx)(`p`,{className:`text-micro leading-normal text-text-tertiary`,children:D===``?`No concurrency limit, so the tenant allowance does nothing.`:X===`share`?k===`family`?`Limit ${D} concurrent across the whole share family — all recipients share this one cap.`:`Limit ${D} concurrent per recipient key — each key gets its own independent cap.`:`Limit ${D} concurrent for this key. Refusals name this number; the allowance above it is tenant-wide and set in Settings.`}),(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-4 rounded-panel border border-inner-border px-4 py-3 bg-surface-2`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsxs)(`div`,{className:`text-caption font-bold text-text-primary`,children:[(0,$.jsx)(w,{size:14,className:`mr-2 inline text-accent`,"aria-hidden":`true`}),`Token budget`]}),(0,$.jsx)(`p`,{className:`mt-1 text-text-tertiary text-micro`,children:Z?`One-time cap; it does not reset.`:`Daily and monthly limits reset automatically.`})]}),(0,$.jsxs)(`div`,{className:`flex gap-2 rounded-inset border border-inner-border bg-surface-1 p-1`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:()=>E(`recurring`),disabled:n,className:`py-1.5 px-4 rounded-chip font-semibold border-0 cursor-pointer`,style:{fontSize:`10px`,background:Z?`transparent`:`var(--accent-soft)`,color:Z?`var(--text-tertiary)`:`var(--accent)`},children:(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-2`,children:[(0,$.jsx)(Ke,{size:13,"aria-hidden":`true`}),`Recurring`]})}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>E(`one-time`),disabled:n,className:`py-1.5 px-4 rounded-chip font-semibold border-0 cursor-pointer`,style:{fontSize:`10px`,background:Z?`var(--accent-soft)`:`transparent`,color:Z?`var(--accent)`:`var(--text-tertiary)`},children:(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-2`,children:[(0,$.jsx)(We,{size:13,"aria-hidden":`true`}),`One-time`]})})]})]}),Z?(0,$.jsx)(dt,{label:`One-time token limit`,value:S,onChange:C,disabled:n}):(0,$.jsxs)(`div`,{className:`grid grid-cols-2 gap-4 items-start min-w-0 max-medium:grid-cols-1`,children:[(0,$.jsx)(dt,{label:`Daily token limit`,value:v,onChange:y,disabled:n}),(0,$.jsx)(dt,{label:`Monthly token limit`,value:b,onChange:x,disabled:n})]})]})]}),(0,$.jsxs)(`section`,{className:`flex flex-col gap-3 min-w-0 p-4 border border-inner-border rounded-card bg-surface-2 col-span-full`,"aria-labelledby":`share-popup-heading`,children:[(0,$.jsxs)(`div`,{className:`flex items-start justify-between gap-6`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsxs)(`h3`,{id:`share-popup-heading`,className:`text-caption font-bold text-text-primary`,children:[(0,$.jsx)(Ye,{size:16,className:`mr-2 inline text-accent`,"aria-hidden":`true`}),`Share page popup`]}),(0,$.jsx)(`p`,{className:`mt-1 text-badge text-text-tertiary`,children:`Optional card visitors open from the Base URL card on your share page.`})]}),(0,$.jsx)(G,{checked:W,onChange:e=>_e(e),disabled:n,label:`Enable popup`})]}),W?(0,$.jsxs)(`div`,{className:`flex gap-7 items-start mt-2 min-w-0 max-medium:flex-col max-medium:items-stretch`,children:[(0,$.jsxs)(`div`,{className:`flex flex-col gap-4 min-w-0 w-100 shrink-0 max-medium:w-auto`,children:[Ee?(0,$.jsx)(`img`,{className:`block w-full h-66 object-cover border border-inner-border rounded-control bg-surface-1 max-medium:h-80`,src:Ee,alt:`Popup image preview`}):(0,$.jsx)(`div`,{className:`flex items-center justify-center w-full h-66 object-cover border border-dashed border-inner-border rounded-control bg-surface-1 text-text-tertiary text-badge max-medium:h-80`,"aria-hidden":`true`,children:(0,$.jsx)(`span`,{children:`No image`})}),(0,$.jsx)(ve,{id:`share-popup-image`,accept:nt.join(`,`),"aria-label":`Popup image`,disabled:n,onChange:e=>{let t=e.target.files?.[0];if(e.target.value=``,!t)return;if(Ce(null),t.size>2097152){J(null),Ce(`Image must be 2 MB or smaller.`);return}let n=new FileReader;n.onload=()=>{J(String(n.result)),xe(!1)},n.onerror=()=>Ce(`Could not read that file.`),n.readAsDataURL(t)}}),Ee?(0,$.jsx)(m,{variant:`secondary`,size:`sm`,type:`button`,disabled:n,className:`h-14 px-5 text-badge self-start`,onClick:()=>{J(null),xe(!0),Ce(null)},children:`Remove image`}):null,Se?(0,$.jsx)(`p`,{className:`form-error`,children:Se}):null,(0,$.jsx)(`p`,{className:`m-0 text-text-tertiary text-badge leading-normal`,children:`PNG, JPEG, WebP, or GIF up to 2 MB.`})]}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-4 min-w-0 flex-1 [&_.form-group]:gap-2`,children:[(0,$.jsx)(q,{label:`Popup title`,value:De,onChange:e=>Oe(e.target.value),maxLength:120,placeholder:`Support this gateway`,disabled:n}),(0,$.jsxs)(`div`,{className:`form-group`,children:[(0,$.jsx)(`label`,{className:`form-label`,htmlFor:`share-popup-copy`,children:`Message`}),(0,$.jsx)(`textarea`,{className:`form-textarea`,id:`share-popup-copy`,value:ke,onChange:e=>Ae(e.target.value),maxLength:1200,rows:3,placeholder:`If this service helps you, consider supporting its upkeep…`,disabled:n})]})]})]}):null]}),(0,$.jsxs)(`details`,{className:`group min-w-0 col-span-full rounded-card border border-inner-border bg-surface-2`,children:[(0,$.jsxs)(`summary`,{className:`flex cursor-pointer list-none items-center justify-between gap-3 p-4 [&::-webkit-details-marker]:hidden`,children:[(0,$.jsxs)(`span`,{className:`flex min-w-0 items-start gap-3`,children:[(0,$.jsx)(`span`,{className:`grid size-8 shrink-0 place-items-center rounded-inset bg-accent-soft text-accent`,children:(0,$.jsx)(ae,{size:18,"aria-hidden":`true`})}),(0,$.jsxs)(`span`,{className:`min-w-0`,children:[(0,$.jsx)(`span`,{className:`block text-body font-bold text-text-primary`,children:`Access`}),(0,$.jsx)(`span`,{className:`mt-1 block text-badge text-text-tertiary`,children:t?.isDefault?`Default gateway key · all tenant permissions, including gateway routing and remote debugging.`:`Choose model, router, and dashboard permissions for this key.`})]})]}),(0,$.jsxs)(`span`,{className:`inline-flex shrink-0 items-center gap-2 rounded-control border border-inner-border bg-surface-1 px-3 py-2 text-micro font-semibold text-text-secondary`,children:[N.length,`/`,tt.length,` grants`,(0,$.jsx)(pe,{size:14,className:`transition-transform group-open:rotate-180`,"aria-hidden":`true`})]})]}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-4 border-t border-inner-border p-4`,children:[t?.isDefault?(0,$.jsxs)(`div`,{className:`flex items-start gap-3 rounded-control border border-accent/30 bg-accent-soft p-4 text-badge text-text-secondary`,children:[(0,$.jsx)(I,{size:16,className:`mt-0.5 shrink-0 text-accent`,"aria-hidden":`true`}),(0,$.jsxs)(`p`,{className:`m-0`,children:[`This default API key is provisioned with every tenant permission, including `,(0,$.jsx)(`code`,{children:`routing:invoke`}),` and`,` `,(0,$.jsx)(`code`,{children:`routing:cli_mapping`}),`. Those grant gateway access and authorization to use remote CLI mappings; each client's mapping toggle below still controls whether those routes are active. You can remove individual grants here.`]})]}):null,(0,$.jsxs)(`div`,{className:`grid grid-cols-access gap-5 min-w-0 max-medium:grid-cols-1`,children:[(0,$.jsxs)(`section`,{"aria-labelledby":`model-access-heading`,className:`flex flex-col gap-3 min-w-0 rounded-card border border-inner-border bg-surface-1 p-4`,children:[(0,$.jsxs)(`h4`,{id:`model-access-heading`,className:`inline-flex items-center gap-2 text-caption font-bold text-text-primary`,children:[(0,$.jsx)(l,{size:15,className:`text-accent`,"aria-hidden":`true`}),`Model access`]}),(0,$.jsx)(`div`,{role:`group`,"aria-label":`Model access mode`,className:`flex gap-2`,children:[`whitelist`,`blacklist`].map(e=>(0,$.jsxs)(`button`,{type:`button`,"aria-pressed":F===e,disabled:n,onClick:()=>oe(e),title:e===`whitelist`?`Only the listed models may be used. An empty list allows every model.`:`The listed models are refused. Everything else is allowed.`,className:`flex-1 py-2 px-3 text-badge font-semibold`,style:{borderRadius:`7px`,border:`1px solid ${F===e?`var(--accent)`:`var(--inner-border)`}`,background:F===e?`var(--accent-soft)`:`var(--surface-2)`,color:F===e?`var(--accent)`:`var(--text-secondary)`,cursor:n?`not-allowed`:`pointer`,opacity:n?.6:1},children:[e===`whitelist`?`Whitelist`:`Blacklist`,e===`whitelist`?(0,$.jsx)(I,{size:13,className:`ml-1.5 inline`,"aria-hidden":`true`}):(0,$.jsx)(Ze,{size:13,className:`ml-1.5 inline`,"aria-hidden":`true`})]},e))}),(0,$.jsx)(`p`,{className:`text-badge text-text-tertiary m-0`,children:F===`whitelist`?`Only these models may be called. Empty = all allowed.`:`These models are refused. Everything else is allowed.`}),(0,$.jsx)(`div`,{className:`flex gap-1.5 flex-wrap min-h-6`,children:L.length===0?(0,$.jsx)(`span`,{className:`text-badge text-text-tertiary`,children:F===`whitelist`?`All models allowed`:`No models blocked`}):L.map(e=>(0,$.jsxs)(`span`,{className:`font-mono tabular-nums inline-flex items-center gap-1.5 text-badge bg-accent-soft text-accent py-1 px-3 rounded-chip border border-accent`,children:[e,(0,$.jsx)(`button`,{type:`button`,"aria-label":`Remove ${e} from the model list`,onClick:()=>se(t=>t.filter(t=>t!==e)),disabled:n,className:`bg-transparent border-0 cursor-pointer p-0 flex`,children:`×`})]},e))}),(0,$.jsx)(m,{variant:`secondary`,size:`sm`,type:`button`,onClick:()=>ue(!0),disabled:n,children:`Browse models`}),(0,$.jsx)(be,{open:z,onClose:()=>ue(!1),selected:L,onToggle:e=>se(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e]),title:F===`whitelist`?`Select allowed models`:`Select blocked models`,multi:!0})]}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-4 min-w-0`,children:[(0,$.jsxs)(`section`,{"aria-labelledby":`routing-blocking-heading`,className:`flex flex-col gap-0 min-w-0 rounded-card border border-inner-border bg-surface-1 overflow-hidden`,children:[(0,$.jsxs)(`div`,{className:`px-4 pt-4 pb-3 border-b border-inner-border`,children:[(0,$.jsxs)(`h4`,{id:`routing-blocking-heading`,className:`inline-flex items-center gap-2 text-caption font-bold text-text-primary`,children:[(0,$.jsx)(P,{size:15,className:`text-accent`,"aria-hidden":`true`}),`Routing & Client Blocking`]}),(0,$.jsx)(`p`,{className:`mt-1 mb-0 text-badge text-text-tertiary`,children:`Control which gateway routes this key can call and which client apps are blocked before routing.`})]}),(0,$.jsxs)(`div`,{className:`flex flex-col divide-y divide-inner-border`,children:[(0,$.jsxs)(`div`,{className:`flex flex-col gap-2 px-4 py-3`,children:[(0,$.jsx)(`p`,{className:`text-badge font-semibold text-text-secondary m-0`,children:`Gateway routing`}),tt.filter(e=>e===`routing:invoke`).map(e=>(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-4 py-1.5 px-4 rounded-inset`,style:{minHeight:`38px`,border:`1px solid var(--inner-border)`,background:N.includes(e)?`var(--accent-soft)`:`var(--surface-2)`},children:[(0,$.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,$.jsx)(P,{size:14,className:`mt-0.5 shrink-0 text-accent`,"aria-hidden":`true`}),(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsx)(`div`,{className:`text-caption font-semibold text-text-primary`,children:e}),(0,$.jsx)(`p`,{className:`mt-0.5 mb-0 text-badge text-text-tertiary`,children:rt[e]})]})]}),(0,$.jsx)(G,{checked:N.includes(e),onChange:()=>Fe(e),disabled:n,"aria-label":`Grant ${e}`})]},e))]}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-2 px-4 py-3`,children:[(0,$.jsx)(`p`,{className:`text-badge font-semibold text-text-secondary m-0`,children:`Blocked client apps`}),(0,$.jsx)(`div`,{className:`flex flex-col gap-2`,children:ce.map(e=>(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-4 py-1.5 px-4 rounded-inset`,style:{minHeight:`38px`,border:`1px solid var(--inner-border)`,background:B.includes(e.id)?`var(--accent-soft)`:`var(--surface-2)`},children:[(0,$.jsxs)(`div`,{className:`flex min-w-0 items-center gap-3`,children:[(0,$.jsx)(s,{size:14,className:`shrink-0 text-orange`,"aria-hidden":`true`}),(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsxs)(`div`,{className:`text-caption font-semibold text-text-primary`,children:[`Block `,e.label,` Client`]}),(0,$.jsx)(`p`,{className:`mt-0.5 mb-0 text-badge text-text-tertiary`,children:e.id===`9router`?`9router, Omniroute, and Baazar Probes`:`Fingerprint-based detection — best-effort; unrecognised clients are never matched`})]})]}),(0,$.jsx)(G,{checked:B.includes(e.id),onChange:t=>de(n=>t?[...n,e.id]:n.filter(t=>t!==e.id)),disabled:n,"aria-label":`Block ${e.label} client`})]},e.id))})]})]}),(0,$.jsx)(`div`,{className:`px-4 py-3`,children:(0,$.jsx)(pt,{keyId:e===`edit`&&t?t.id:``,busy:n,scopeGranted:N.includes(`routing:cli_mapping`),onScopeChange:e=>{e!==N.includes(`routing:cli_mapping`)&&Fe(`routing:cli_mapping`)},persistScope:n=>{if(e!==`edit`||!t)return;let r=n?[...new Set([...N,`routing:cli_mapping`])]:N.filter(e=>e!==`routing:cli_mapping`);Pe.mutate({keyId:t.id,request:{scopes:r}},{onError:e=>h.error(R(e,`Could not update the key's routing scope.`))})}})})]}),(0,$.jsxs)(`section`,{"aria-labelledby":`dashboard-scopes-heading`,className:`flex flex-col gap-0 min-w-0 rounded-card border border-inner-border bg-surface-1 overflow-hidden`,children:[(0,$.jsxs)(`div`,{className:`px-4 pt-4 pb-3 border-b border-inner-border`,children:[(0,$.jsxs)(`h4`,{id:`dashboard-scopes-heading`,className:`inline-flex items-center gap-2 text-caption font-bold text-text-primary`,children:[(0,$.jsx)(fe,{size:15,className:`text-accent`,"aria-hidden":`true`}),`Dashboard / Resources`]}),(0,$.jsx)(`p`,{className:`mt-1 mb-0 text-badge text-text-tertiary`,children:`Grants read or write access to console data — providers, models, configuration, and usage stats. No routing is implied by these scopes.`})]}),(0,$.jsx)(`div`,{className:`flex flex-col gap-2 p-4`,children:tt.filter(e=>!e.startsWith(`routing:`)).map(e=>(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-4 py-1.5 px-4 rounded-inset`,style:{minHeight:`38px`,border:`1px solid var(--inner-border)`,background:N.includes(e)?`var(--accent-soft)`:`var(--surface-2)`},children:[(0,$.jsxs)(`div`,{className:`flex items-start gap-3 min-w-0`,children:[(()=>{let t=it[e];return(0,$.jsx)(t,{size:14,className:`mt-0.5 shrink-0 text-accent`,"aria-hidden":`true`})})(),(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsx)(`div`,{className:`text-caption font-semibold text-text-primary`,children:e}),(0,$.jsx)(`p`,{className:`mt-0.5 mb-0 text-badge text-text-tertiary`,children:rt[e]})]})]}),(0,$.jsx)(G,{checked:N.includes(e),onChange:()=>Fe(e),disabled:n,"aria-label":`Grant ${e}`})]},e))})]})]})]})]})]})]})}function vt({secret:e,onClose:t}){return(0,$.jsx)(j,{open:e!==null,onClose:t,title:`New API key`,description:`Copy it now, or reveal it again later from the key's Share button.`,size:`md`,children:(0,$.jsxs)(`div`,{className:`flex flex-col gap-7`,children:[(0,$.jsx)(`p`,{className:`text-body text-text-secondary m-0 leading-normal`,children:`A personal key stays recoverable. Open the key's Share button and choose Reveal to see it again and copy it. Rotating the key replaces this secret, and any client still using it starts getting 401s.`}),(0,$.jsx)(`code`,{className:`block rounded-inset border border-inner-border bg-surface-1 py-5 px-6 text-caption text-text-primary break-all`,children:e}),(0,$.jsxs)(`div`,{className:`flex gap-4 flex-wrap`,children:[(0,$.jsx)(k,{value:e??``,size:`sm`,variant:`primary`,label:`Copy key`,copiedLabel:`Copied`}),(0,$.jsx)(m,{variant:`secondary`,size:`sm`,icon:(0,$.jsx)(f,{size:13}),onClick:()=>{e!==null&&(ge(`cartethyia-api-key.txt`,`Cartethyia API key\n\n${e}\n\nKeep this secret. Reveal it again from the key's Share button.\n`,`text/plain;charset=utf-8`),h.success(`Key saved to your downloads.`))},children:`Save this key`})]})]})})}var yt=e=>(e??0).toLocaleString(),bt=e=>e?new Date(e).toLocaleString():`—`;function xt({keyId:e}){let t=Z(),[n,r]=(0,Q.useState)(null),[i,a]=(0,Q.useState)(!1);return(0,$.jsxs)(`div`,{className:`flex min-w-0 items-center gap-4 rounded-control border border-inner-border bg-surface-2 px-5 py-4 text-text-tertiary`,children:[(0,$.jsx)(`code`,{title:i&&n?n:void 0,className:`min-w-0 flex-auto overflow-hidden font-mono text-caption text-text-primary text-ellipsis whitespace-nowrap`,children:i&&n?n:`••••••••••••••••`}),(0,$.jsx)(m,{variant:`secondary`,size:`sm`,icon:i?(0,$.jsx)(S,{size:13}):(0,$.jsx)(C,{size:13}),loading:t.isPending,disabled:t.isPending,onClick:()=>{if(n!==null){a(e=>!e);return}t.mutate({keyId:e},{onSuccess:e=>{r(e.secret),a(!0)},onError:e=>h.error(R(e,`Could not reveal the key.`))})},children:i?`Hide`:`Reveal`}),i&&n?(0,$.jsx)(k,{value:n,size:`sm`,variant:`secondary`,label:`Copy`,copiedLabel:`Copied`}):null]})}function St({label:e,value:t}){return(0,$.jsxs)(`div`,{className:`min-w-0 flex-1 basis-60 rounded-control border border-inner-border bg-surface-2 px-5 py-3`,children:[(0,$.jsx)(`dt`,{className:`text-badge font-normal tracking-label text-text-tertiary uppercase`,children:e}),(0,$.jsx)(`dd`,{className:`mt-1 text-caption font-normal text-text-primary tabular-nums`,children:t==null?`Unlimited`:yt(t)})]})}function Ct(e){return e?{title:`Regenerate this key?`,message:`This rotates the key credential. Any client still using the current secret starts getting 401s immediately, and the old secret cannot be recovered. The handoff link is re-pointed to reveal the new key.`,confirmLabel:`Regenerate key`}:{title:`Regenerate this link?`,message:`This replaces the link URL; the current URL stops resolving immediately. Recipients keep the keys they already generated and keep working — but no one can enroll through the old link again.`,confirmLabel:`Regenerate link`}}function wt({consumed:e,budget:t}){let n=t==null||t<=0,r=n?100:Math.min(100,e/t*100),i=!n&&e>=t;return(0,$.jsxs)(`div`,{className:`grid flex-auto basis-full gap-2.5 rounded-control border border-inner-border bg-surface-2 px-5 py-3.5`,children:[(0,$.jsxs)(`div`,{className:`flex items-baseline justify-between gap-4 text-badge tracking-label text-text-tertiary uppercase`,children:[(0,$.jsx)(`span`,{children:`Lifetime budget`}),(0,$.jsx)(`span`,{className:`text-caption font-normal text-text-primary tabular-nums normal-case tracking-normal`,children:n?`${W(e)} · Unlimited`:`${W(e)} / ${W(t)}`})]}),(0,$.jsx)(`div`,{className:`h-3 overflow-hidden rounded bg-inner-border`,role:`progressbar`,"aria-label":`Lifetime token budget consumed`,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":Math.round(r),"aria-valuetext":n?`${W(e)} tokens consumed, no lifetime budget set`:`${W(e)} of ${W(t)} tokens consumed`,children:(0,$.jsx)(`div`,{className:i?`h-full rounded bg-status-danger`:`h-full rounded bg-status-success`,style:{width:`${r}%`}})})]})}var Tt=25,Et=25,Dt=500;function Ot({consumed:e,budget:t}){if(t==null)return(0,$.jsx)(`div`,{className:`grid flex-auto basis-full gap-2.5 rounded-control border border-inner-border bg-surface-2 px-5 py-3.5`,children:(0,$.jsxs)(`div`,{className:`flex items-baseline justify-between gap-4 text-badge tracking-label text-text-tertiary uppercase`,children:[(0,$.jsx)(`span`,{children:`Total quota used`}),(0,$.jsx)(`span`,{className:`text-caption font-normal text-text-primary tabular-nums normal-case tracking-normal`,children:W(e)})]})});let n=t>0?Math.min(100,e/t*100):0,r=t>0?Math.max(0,100-e/t*100):100,i=Math.max(0,t-e),a=ze(e>=t?0:r),o=e>=t;return(0,$.jsxs)(`div`,{className:`grid flex-auto basis-full gap-2.5 rounded-control border border-inner-border bg-surface-2 px-5 py-3.5`,children:[(0,$.jsxs)(`div`,{className:`flex items-baseline justify-between gap-4 text-badge tracking-label text-text-tertiary uppercase`,children:[(0,$.jsx)(`span`,{children:`Total quota`}),(0,$.jsxs)(`span`,{className:`text-caption font-normal text-text-primary tabular-nums normal-case tracking-normal`,children:[W(e),` / `,W(t)]}),(0,$.jsx)(`span`,{className:`border rounded-chip px-4 py-0.5 text-caption font-bold whitespace-nowrap tabular-nums`,style:{color:a.text,borderColor:a.text},children:o?`Exhausted`:`${W(i)} left`})]}),(0,$.jsx)(`div`,{className:`h-3 overflow-hidden rounded bg-inner-border`,role:`progressbar`,"aria-label":`Total quota consumed`,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":Math.round(n),"aria-valuetext":`${W(e)} of ${W(t)} tokens consumed`,children:(0,$.jsx)(`div`,{className:o?`h-full rounded bg-status-danger`:`h-full rounded`,style:{width:`${n}%`,background:o?void 0:a.bar}})})]})}function kt({parentId:e,childId:t}){let n=X(e,t);if(n.isPending)return(0,$.jsx)(E,{label:`Loading activity…`,compact:!0});if(n.isError)return(0,$.jsx)(T,{compact:!0,message:R(n.error,`Could not load activity.`),onRetry:()=>void n.refetch()});let r=n.data;return r?(0,$.jsxs)(`div`,{className:`grid min-w-0 gap-6 border-t border-inner-border bg-surface-1 px-6 py-5`,children:[(0,$.jsxs)(`section`,{children:[(0,$.jsx)(`h4`,{className:`mb-3 text-caption font-bold text-text-primary`,children:`Top models`}),r.models.length?(0,$.jsx)(`div`,{className:`data-table-container`,children:(0,$.jsxs)(`table`,{className:`data-table text-caption`,children:[(0,$.jsx)(`thead`,{children:(0,$.jsxs)(`tr`,{children:[(0,$.jsx)(`th`,{scope:`col`,children:`Model`}),(0,$.jsx)(`th`,{scope:`col`,children:`Today`}),(0,$.jsx)(`th`,{scope:`col`,children:`Errors`}),(0,$.jsx)(`th`,{scope:`col`,children:`Tokens`})]})}),(0,$.jsx)(`tbody`,{children:r.models.map((e,t)=>(0,$.jsxs)(`tr`,{children:[(0,$.jsx)(`td`,{children:e.modelId}),(0,$.jsx)(`td`,{children:yt(e.todayRequests)}),(0,$.jsx)(`td`,{children:yt(e.todayErrors)}),(0,$.jsx)(`td`,{children:W(e.todayTokens)})]},`${e.providerId??``}-${e.modelId}-${t}`))})]})}):(0,$.jsx)(`p`,{className:`py-3 text-caption text-text-tertiary`,children:`No model activity yet.`})]}),(0,$.jsxs)(`section`,{children:[(0,$.jsx)(`h4`,{className:`mb-3 text-caption font-bold text-text-primary`,children:`Recent requests`}),r.requests.length?(0,$.jsx)(`div`,{className:`data-table-container`,children:(0,$.jsxs)(`table`,{className:`data-table text-caption`,children:[(0,$.jsx)(`thead`,{children:(0,$.jsxs)(`tr`,{children:[(0,$.jsx)(`th`,{scope:`col`,children:`Model`}),(0,$.jsx)(`th`,{scope:`col`,children:`Status`}),(0,$.jsx)(`th`,{scope:`col`,children:`Tokens`}),(0,$.jsx)(`th`,{scope:`col`,children:`Time`})]})}),(0,$.jsx)(`tbody`,{children:r.requests.map(e=>(0,$.jsxs)(`tr`,{children:[(0,$.jsxs)(`td`,{children:[e.providerId??`Provider`,`/`,e.modelId??`Model`]}),(0,$.jsxs)(`td`,{children:[e.status,e.httpStatus?` · ${e.httpStatus}`:``]}),(0,$.jsx)(`td`,{children:W(e.totalTokens)}),(0,$.jsx)(`td`,{children:bt(e.startedAt)})]},e.requestId))})]})}):(0,$.jsx)(`p`,{className:`py-3 text-caption text-text-tertiary`,children:`No recent requests.`})]})]}):null}function At({parent:e,onSecretRevealed:t}){let[n,r]=(0,Q.useState)(null),[i,c]=(0,Q.useState)(`active`),[l,u]=(0,Q.useState)(Tt),[d,f]=(0,Q.useState)(`createdAt`),[p,ee]=(0,Q.useState)(`desc`),[g,_]=(0,Q.useState)(null),y=Ce(),b=xe(),x=Oe(),S=Ne(),C=we(e.id),w=e.keyMode!==`share`,O=ke(w?null:e.id,{limit:l,offset:0,sortBy:d,order:p,status:i}),te=O.data,A=te?.rows??[],j=te?.active??0,M=A,re=()=>{r(null),u(Tt)},N=e=>{d===e?ee(e=>e===`asc`?`desc`:`asc`):(f(e),ee(`asc`)),re()},P=e=>{let t=e.currentTarget;t.scrollHeight-t.scrollTop-t.clientHeight<40&&!O.isFetching&&A.length>=l&&l<Dt&&u(e=>Math.min(e+Et,Dt))},F=({column:e,children:t})=>{let n=d===e;return(0,$.jsx)(`th`,{scope:`col`,children:(0,$.jsxs)(`button`,{type:`button`,onClick:()=>N(e),className:`inline-flex cursor-pointer items-center gap-1 border-0 bg-transparent p-0 font-inherit text-inherit hover:text-text-primary`,"aria-label":`Sort by ${String(e)}`,children:[t,n?p===`asc`?(0,$.jsx)(o,{size:12,"aria-hidden":`true`}):(0,$.jsx)(a,{size:12,"aria-hidden":`true`}):(0,$.jsx)(Ue,{size:12,"aria-hidden":`true`,className:`text-text-tertiary`})]})})};(0,Q.useEffect)(()=>{r(null)},[e.id]);let I=async t=>{try{let n=await S.mutateAsync({parentKeyId:e.id,scope:t});u(Tt),h.success(`Revoked ${n.deleted.toLocaleString()} recipient${n.deleted===1?``:`s`}.`)}catch(e){h.error(R(e,`Could not revoke recipients.`))}},ae=y.isPending||b.isPending,[oe,L]=(0,Q.useState)(!1),se=async()=>{if(w){let n=await b.mutateAsync({keyId:e.id});t?.(n.secret);return}await y.mutateAsync({keyId:e.id,regenerate:!0}),h.success(`Link regenerated; the previous URL no longer works.`)},ce=()=>{y.mutate({keyId:e.id},{onError:e=>h.error(R(e,`Could not create link.`))})},le=C.data?.url??null,z=Ct(w);return(0,$.jsxs)(`div`,{className:`grid min-w-0 gap-6`,children:[(0,$.jsx)(`section`,{"aria-label":`Link`,children:C.isPending?(0,$.jsx)(E,{label:`Loading link…`,compact:!0}):C.isError?(0,$.jsx)(T,{compact:!0,message:R(C.error,`Could not load the link.`),onRetry:()=>void C.refetch()}):le?(0,$.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-4 rounded-control border border-inner-border bg-surface-2 px-5 py-4 text-text-tertiary`,children:[(0,$.jsx)(ne,{size:14,"aria-hidden":`true`,className:`shrink-0`}),(0,$.jsx)(`code`,{title:le,className:`min-w-0 flex-auto overflow-hidden font-mono text-caption text-text-primary text-ellipsis whitespace-nowrap`,children:le}),(0,$.jsx)(k,{value:le,size:`sm`,variant:`secondary`,label:`Copy`,copiedLabel:`Copied`}),(0,$.jsx)(m,{variant:`secondary`,size:`sm`,icon:(0,$.jsx)(qe,{size:13}),loading:ae,disabled:ae,onClick:()=>L(!0),children:`Regenerate`})]}):(0,$.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-4 rounded-control border border-inner-border bg-surface-2 px-5 py-4 text-text-tertiary`,children:[(0,$.jsx)(ne,{size:14,"aria-hidden":`true`,className:`shrink-0`}),(0,$.jsx)(`span`,{className:`flex-auto text-caption text-text-tertiary`,children:`No link yet.`}),(0,$.jsx)(m,{variant:`primary`,size:`sm`,loading:ae,disabled:ae,onClick:ce,children:`Create link`})]})}),w?(0,$.jsxs)(`section`,{"aria-label":`API key`,className:`grid gap-3`,children:[(0,$.jsx)(`div`,{className:`flex items-center justify-between gap-4`,children:(0,$.jsx)(`strong`,{className:`text-caption`,children:`API key`})}),(0,$.jsx)(xt,{keyId:e.id})]}):null,w?(0,$.jsxs)(`section`,{"aria-label":`Usage`,className:`grid gap-3`,children:[(0,$.jsx)(`div`,{className:`flex items-center justify-between gap-4`,children:(0,$.jsx)(`strong`,{className:`text-caption`,children:`Usage`})}),(0,$.jsxs)(`dl`,{className:`m-0 flex flex-wrap gap-3`,children:[(0,$.jsxs)(`div`,{className:`min-w-0 flex-1 basis-60 rounded-control border border-inner-border bg-surface-2 px-5 py-3`,children:[(0,$.jsx)(`dt`,{className:`text-badge font-normal tracking-label text-text-tertiary uppercase`,children:`Lifetime tokens`}),(0,$.jsx)(`dd`,{className:`mt-1 text-caption font-normal text-text-primary tabular-nums`,children:W(e.tokensConsumed)})]}),(0,$.jsx)(St,{label:`Requests / min`,value:e.requestsPerMinute}),(0,$.jsx)(St,{label:`Daily tokens`,value:e.dailyTokenLimit}),(0,$.jsx)(St,{label:`Monthly tokens`,value:e.monthlyTokenLimit}),(0,$.jsx)(wt,{consumed:e.tokensConsumed,budget:e.lifetimeTokenBudget})]})]}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`section`,{"aria-label":`Total quota`,className:`grid gap-3`,children:[(0,$.jsx)(`div`,{className:`flex items-center justify-between gap-4`,children:(0,$.jsx)(`strong`,{className:`text-caption`,children:`Total quota`})}),(0,$.jsx)(Ot,{consumed:te?.consumed??0,budget:e.lifetimeTokenBudget})]}),(0,$.jsxs)(`section`,{"aria-label":`Recipients`,className:`grid gap-3`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,$.jsx)(`strong`,{className:`text-caption`,children:`Recipients`}),(0,$.jsxs)(`span`,{className:`mr-2 ml-auto text-caption text-text-tertiary tabular-nums`,children:[`Active users: `,j.toLocaleString()]}),(0,$.jsx)(`div`,{className:`inline-flex items-center gap-1 rounded-chip border border-inner-border p-0.5`,role:`group`,"aria-label":`Filter recipients by status`,children:[`active`,`revoked`].map(e=>(0,$.jsx)(`button`,{type:`button`,"aria-pressed":i===e,onClick:()=>{re(),c(e)},className:`rounded-chip border-0 px-3 py-1 text-badge font-semibold capitalize cursor-pointer ${i===e?`bg-surface-1 text-text-primary`:`bg-transparent text-text-secondary hover:text-text-primary`}`,children:e},e))}),g===null?null:(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-2 rounded-chip border border-danger-border bg-surface-2 px-3 py-1`,children:[(0,$.jsx)(`span`,{className:`text-badge text-text-secondary`,children:g===`all`?`Revoke all active recipients?`:`Revoke all active recipients that never spent a token?`}),(0,$.jsx)(m,{variant:`danger`,size:`sm`,loading:S.isPending,onClick:()=>{let e=g===`all`?`active`:`unused`;_(null),I(e)},children:`Confirm`}),(0,$.jsx)(m,{variant:`ghost`,size:`sm`,onClick:()=>_(null),children:`Cancel`})]}),(0,$.jsx)(m,{variant:`ghost`,size:`sm`,disabled:j===0||S.isPending,title:j===0?`No active recipients`:`Revoke every active recipient (${j.toLocaleString()})`,onClick:()=>_(`unused`),icon:(0,$.jsx)(s,{size:13}),children:`Revoke no-usage`}),(0,$.jsx)(m,{variant:`ghost`,size:`sm`,disabled:j===0||S.isPending,title:j===0?`No active recipients`:`Revoke all active recipients (${j.toLocaleString()})`,onClick:()=>_(`all`),icon:(0,$.jsx)(s,{size:13}),children:`Revoke all`}),(0,$.jsx)(m,{variant:`ghost`,size:`sm`,onClick:()=>void O.refetch(),icon:(0,$.jsx)(ie,{size:13,className:O.isFetching?`animate-spin`:void 0}),children:`Refresh`})]}),O.isPending&&!O.data?(0,$.jsx)(E,{label:`Loading recipients…`,compact:!0}):O.isError?(0,$.jsx)(T,{compact:!0,message:R(O.error,`Could not load recipients.`),onRetry:()=>void O.refetch()}):M.length===0?(0,$.jsx)(D,{compact:!0,title:i===`revoked`?`No revoked recipients`:`No active recipients`,message:i===`revoked`?`Revoked keys appear here once a recipient's key is revoked.`:`Keys generated through this link appear here with their masked client IP and token usage.`}):(0,$.jsxs)(`div`,{className:`data-table-container max-h-[46vh]`,onScroll:P,children:[(0,$.jsxs)(`table`,{className:`data-table text-caption`,children:[(0,$.jsx)(`thead`,{children:(0,$.jsxs)(`tr`,{children:[(0,$.jsx)(`th`,{scope:`col`,className:`w-12`,"aria-label":`Expand`}),(0,$.jsx)(F,{column:`label`,children:`Key`}),(0,$.jsx)(F,{column:`revokedAt`,children:`Status`}),(0,$.jsx)(`th`,{scope:`col`,children:`Today`}),(0,$.jsx)(`th`,{scope:`col`,children:`Lifetime`}),(0,$.jsx)(`th`,{scope:`col`,children:`Last activity`}),(0,$.jsx)(F,{column:`createdAt`,children:`Created`}),(0,$.jsx)(`th`,{scope:`col`,className:`text-right whitespace-nowrap`,children:`Actions`})]})}),(0,$.jsx)(`tbody`,{children:M.map(t=>{let i=n===t.id;return(0,$.jsxs)(Q.Fragment,{children:[(0,$.jsxs)(`tr`,{children:[(0,$.jsx)(`td`,{children:(0,$.jsx)(`button`,{type:`button`,className:`grid h-11 w-11 place-items-center rounded-chip border-0 bg-transparent p-0 text-text-secondary hover:bg-hover hover:text-text-primary`,"aria-expanded":i,"aria-label":i?`Collapse recipient`:`Expand recipient`,onClick:()=>r(i?null:t.id),children:i?(0,$.jsx)(pe,{size:14}):(0,$.jsx)(v,{size:14})})}),(0,$.jsxs)(`td`,{children:[(0,$.jsxs)(`code`,{children:[t.label||t.keyPrefix||`key`,`…`]}),(0,$.jsx)(`div`,{className:`mt-1 text-badge text-text-tertiary wrap-anywhere`,children:t.issuedClientIp??`IP hidden`})]}),(0,$.jsx)(`td`,{children:t.revokedAt?`revoked`:`active`}),(0,$.jsx)(`td`,{children:W(t.today.totalTokens)}),(0,$.jsx)(`td`,{children:W(t.allTime.totalTokens)}),(0,$.jsx)(`td`,{children:bt(t.lastUsedAt)}),(0,$.jsx)(`td`,{children:bt(t.createdAt)}),(0,$.jsx)(`td`,{className:`text-right whitespace-nowrap`,children:(0,$.jsx)(m,{variant:`danger`,size:`sm`,disabled:x.isPending||!!t.revokedAt,onClick:()=>x.mutate({parentKeyId:e.id,childKeyId:t.id},{onError:e=>h.error(R(e,`Could not revoke key.`))}),children:`Revoke`})})]}),i?(0,$.jsx)(`tr`,{children:(0,$.jsx)(`td`,{colSpan:8,className:`p-0`,children:(0,$.jsx)(kt,{parentId:e.id,childId:t.id})})}):null]},t.id)})})]}),O.isFetching&&A.length>0?(0,$.jsx)(`div`,{className:`border-t border-inner-border py-2 text-center text-badge text-text-tertiary`,children:`Loading more…`}):null,A.length>0&&A.length>=l&&l<Dt?(0,$.jsx)(`div`,{className:`py-2 text-center text-badge text-text-tertiary`,children:`Scroll for more`}):null]})]})]}),(0,$.jsx)(de,{open:oe,onClose:()=>L(!1),onConfirm:se,title:z.title,message:z.message,confirmLabel:z.confirmLabel,danger:!0})]})}function jt({parent:e,onClose:t,onSecretRevealed:n}){let r=e.keyMode!==`share`;return(0,$.jsx)(j,{open:!0,onClose:t,title:`Sharing — ${e.label||`API key`}`,description:r?`One stable handoff link for this key. Regenerating rotates the key itself.`:`One stable enrollment link. Regenerating replaces the URL; recipients keep the keys they already generated.`,size:`lg`,children:(0,$.jsx)(At,{parent:e,onSecretRevealed:n})})}function Mt(e){if(!e.bannedUntil)return`Permanent — lift manually`;let t=new Date(e.bannedUntil).getTime();if(!Number.isFinite(t))return`—`;let n=t-Date.now(),r=new Date(e.bannedUntil).toLocaleString();if(n<=0)return`${r} (lapsed)`;let i=Math.ceil(n/6e4);if(i<60)return`${r} (in ${i}m)`;let a=Math.floor(i/60);return a<24?`${r} (in ${a}h)`:`${r} (in ${Math.floor(a/24)}d)`}function Nt({onClose:e}){let t=je(),n=Ee(),[r,i]=(0,Q.useState)(null),a=Date.now(),o=(t.data??[]).filter(e=>e.bannedAt?!e.bannedUntil||new Date(e.bannedUntil).getTime()>a:!1);return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(j,{open:!0,onClose:e,title:`Banned Users`,description:`API keys that have been banned. A timed ban lapses on its own; lifting one early is the escape hatch for a mistake.`,size:`lg`,children:(0,$.jsxs)(`div`,{className:`flex flex-col gap-7 min-w-0`,children:[(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsxs)(`h4`,{className:`text-caption font-semibold text-text-secondary mb-4`,children:[`Active bans (`,o.length,`)`]}),t.isPending&&!t.data?(0,$.jsx)(E,{label:`Loading active bans…`}):t.isError&&!t.data?(0,$.jsx)(T,{message:R(t.error,`Could not load active bans.`),onRetry:()=>void t.refetch()}):o.length===0?(0,$.jsx)(D,{compact:!0,title:`No banned keys`,message:`No API key is currently banned.`,icon:(0,$.jsx)(Xe,{size:20})}):(0,$.jsx)(`div`,{className:`rounded-inset border border-inner-border`,children:(0,$.jsx)(Re,{maxHeight:480,scrollRegion:!0,headers:[`API key`,`Reason`,`Lapses`,``],children:o.map(e=>(0,$.jsxs)(`tr`,{children:[(0,$.jsx)(`td`,{className:`font-mono tabular-nums text-badge text-text-primary whitespace-nowrap`,children:e.label||e.id.slice(0,8)}),(0,$.jsx)(`td`,{className:`text-badge text-text-secondary`,children:e.banReason??`—`}),(0,$.jsx)(`td`,{className:`text-badge text-text-secondary whitespace-nowrap`,children:Mt(e)}),(0,$.jsx)(`td`,{className:`text-right whitespace-nowrap`,children:(0,$.jsx)(m,{variant:`secondary`,size:`sm`,icon:(0,$.jsx)(Qe,{size:13}),disabled:n.isPending,onClick:()=>i(e),children:`Unban`})})]},e.id))})})]}),(0,$.jsx)(Y,{justify:`flex-end`,gap:`0px`,children:(0,$.jsx)(m,{variant:`secondary`,size:`sm`,onClick:e,children:`Close`})})]})}),(0,$.jsx)(de,{open:r!==null,onClose:()=>i(null),onConfirm:async()=>{if(r)try{await n.mutateAsync({keyId:r.id}),h.success(`Unbanned ${r.label||r.id.slice(0,8)}.`),i(null)}catch(e){h.error(R(e,`Could not unban key.`))}},title:`Lift this ban?`,message:`Lift the ban on ${r?.label||`this key`}? The caller can reach the gateway again immediately.`,confirmLabel:`Unban`,danger:!0})]})}function Pt(){let e=Me(),t=De(),n=Te(),r=Se(),i=Ee(),a=xe(),o=Z(),s=Ae(),{copy:c}=U(),l=Ve(),u=Be(),f=l.data?.invokeDisabled===!0,[p,ee]=(0,Q.useState)(!1),[g,v]=(0,Q.useState)(!1),[y,x]=(0,Q.useState)(null),[S,w]=(0,Q.useState)(null),[te,ne]=(0,Q.useState)(!1),[k,A]=(0,Q.useState)(null),[ie,P]=(0,Q.useState)(null),[F,I]=(0,Q.useState)(null),[ae,L]=(0,Q.useState)(null),[se,ce]=(0,Q.useState)(null),[le,z]=(0,Q.useState)(null),ue=e.data??[],B=e=>{I(null),L(e)},fe=async e=>{try{let{secret:t}=await o.mutateAsync({keyId:e.id});await c(t)?h.success(`API key copied`):h.error(`Clipboard unavailable on this origin`)}catch(e){h.error(R(e,`Could not reveal API key.`))}},pe=Ct(!0),V=e=>{u.mutate({invokeDisabled:!e},{onSuccess:()=>h.success(e?`Invoke enabled — routing has resumed.`:`Invoke disabled — every API key is now refused (503).`),onError:e=>h.error(e instanceof Error?e.message:`Could not save the setting`)})};return(0,$.jsxs)(he,{children:[(0,$.jsx)(H,{title:`API Credentials`,subtitle:`Manage tenant API keys, model access, budgets, and sharing.`,icon:(0,$.jsx)(O,{size:16}),action:(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(m,{variant:f?`primary`:`secondary`,size:`sm`,loading:l.isLoading||u.isPending,onClick:()=>ee(!0),icon:(0,$.jsx)(N,{size:13}),children:f?`Enable Invoke`:`Disable Invoke`}),(0,$.jsx)(m,{variant:`secondary`,size:`sm`,onClick:()=>ne(!0),icon:(0,$.jsx)(Xe,{size:13}),children:`Banned Users`}),(0,$.jsx)(m,{variant:`primary`,size:`sm`,onClick:()=>{I(null),v(!0)},icon:(0,$.jsx)(re,{size:13}),children:`Create Key`})]})}),(0,$.jsx)(me,{children:e.isPending&&!e.data?(0,$.jsx)(E,{label:`Loading API keys…`}):e.isError&&!e.data?(0,$.jsx)(T,{message:R(e.error,`Could not load credentials.`),onRetry:()=>void e.refetch()}):ue.length===0?(0,$.jsx)(D,{title:`No API keys issued`,message:`Generate a secret key to authenticate your SDK or CLI client against the gateway.`,icon:(0,$.jsx)(O,{size:20})}):(0,$.jsx)(`div`,{className:`scroll-region max-h-280 pr-1`,children:(0,$.jsx)(b,{items:ue,label:`API credentials`,disabled:s.isPending,onReorder:e=>s.mutate(e,{onError:e=>h.error(R(e,`Could not save the new order.`))}),renderItem:e=>(0,$.jsxs)(`div`,{className:`api-key-card flex items-start justify-between gap-6 px-6 py-4 rounded-chip border border-inner-border bg-surface-2 max-medium:flex-col max-medium:items-stretch max-medium:gap-4 max-medium:p-5 [&>div:last-child]:flex-wrap`,children:[(0,$.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-4 flex-wrap`,children:[(0,$.jsx)(`strong`,{className:`text-body`,children:e.label||`Unnamed credential`}),(0,$.jsx)(K,{tone:e.revokedAt||e.bannedAt?`err`:e.enabled?`ok`:`warn`,children:e.revokedAt?`revoked`:e.bannedAt?`banned`:e.enabled?`enabled`:`disabled`}),e.bannedAt&&!e.revokedAt?(0,$.jsx)(K,{tone:`err`,title:e.banReason??`Banned`,children:(0,$.jsxs)(`button`,{type:`button`,className:`inline-flex items-center gap-1 cursor-pointer bg-transparent border-0 p-0 text-inherit`,onClick:()=>A(e),children:[(0,$.jsx)(C,{size:11,"aria-hidden":`true`}),`See reason`]})}):null,(0,$.jsx)(K,{tone:e.keyMode===`share`?`accent`:`default`,children:e.keyMode===`share`?`share template`:`personal`}),e.isDefault?(0,$.jsx)(K,{tone:`warn`,title:`Required by the gateway. Rotate it; it cannot be deleted.`,children:`default · rotate only`}):null]}),(0,$.jsxs)(`div`,{className:`api-key-facts flex items-center flex-wrap gap-2 mt-3 min-w-0 max-medium:grid max-medium:grid-cols-3 max-medium:gap-2 max-medium:mt-0`,children:[(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-2.5 px-3.5 py-1 border border-inner-border rounded-chip bg-surface-1 text-text-secondary text-badge leading-normal whitespace-nowrap max-medium:justify-between`,children:[(0,$.jsx)(`span`,{className:`text-text-tertiary text-micro font-semibold uppercase tracking-label`,children:`Created`}),new Date(e.createdAt).toLocaleDateString()]}),(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-2.5 px-3.5 py-1 border border-inner-border rounded-chip bg-surface-1 text-text-secondary text-badge leading-normal whitespace-nowrap max-medium:justify-between`,children:[(0,$.jsx)(`span`,{className:`text-text-tertiary text-micro font-semibold uppercase tracking-label`,children:e.keyMode===`share`?`Total usage`:`Usage`}),W(e.tokensConsumed)]}),(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-2.5 px-3.5 py-1 border border-inner-border rounded-chip bg-surface-1 text-text-secondary text-badge leading-normal whitespace-nowrap max-medium:justify-between`,children:[(0,$.jsx)(`span`,{className:`text-text-tertiary text-micro font-semibold uppercase tracking-label`,children:`RPM`}),_e(e.requestsPerMinute)]})]}),(0,$.jsxs)(`div`,{className:`api-key-facts flex items-center flex-wrap gap-2 mt-3 min-w-0 max-medium:grid max-medium:grid-cols-3 max-medium:gap-2 max-medium:mt-0`,children:[(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-2.5 px-3.5 py-1 border border-inner-border rounded-chip bg-surface-1 text-text-secondary text-badge leading-normal whitespace-nowrap max-medium:justify-between`,children:[(0,$.jsx)(`span`,{className:`text-text-tertiary text-micro font-semibold uppercase tracking-label`,children:`Daily`}),_e(e.dailyTokenLimit)]}),(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-2.5 px-3.5 py-1 border border-inner-border rounded-chip bg-surface-1 text-text-secondary text-badge leading-normal whitespace-nowrap max-medium:justify-between`,children:[(0,$.jsx)(`span`,{className:`text-text-tertiary text-micro font-semibold uppercase tracking-label`,children:`Monthly`}),_e(e.monthlyTokenLimit)]}),(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-2.5 px-3.5 py-1 border border-inner-border rounded-chip bg-surface-1 text-text-secondary text-badge leading-normal whitespace-nowrap max-medium:justify-between`,children:[(0,$.jsx)(`span`,{className:`text-text-tertiary text-micro font-semibold uppercase tracking-label`,children:`One-time`}),_e(e.lifetimeTokenBudget)]}),(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-2.5 px-3.5 py-1 border border-inner-border rounded-chip bg-surface-1 text-text-secondary text-badge leading-normal whitespace-nowrap max-medium:justify-between`,children:[(0,$.jsx)(`span`,{className:`text-text-tertiary text-micro font-semibold uppercase tracking-label`,children:`Concurrent`}),_e(e.maxConcurrentRequests),e.keyMode===`share`?(0,$.jsx)(`span`,{className:`font-semibold text-text-tertiary`,title:e.concurrencyScope===`per_key`?`Each recipient key has its own concurrency cap and counter.`:`All recipients share one concurrency cap and counter.`,children:e.concurrencyScope===`per_key`?`· per key`:`· family`}):null]}),(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-2.5 px-3.5 py-1 border border-inner-border rounded-chip bg-surface-1 text-text-secondary text-badge leading-normal whitespace-nowrap max-medium:justify-between`,children:[(0,$.jsx)(`span`,{className:`text-text-tertiary text-micro font-semibold uppercase tracking-label`,children:e.modelAccessMode===`blacklist`?`Blocked`:`Models`}),e.modelAccessMode===`blacklist`?e.modelList?.length??0:e.modelList?.length?e.modelList.length:`All`]})]})]}),(0,$.jsxs)(`div`,{className:`flex gap-3 shrink-0 flex-wrap`,children:[e.revokedAt?null:(0,$.jsx)(G,{checked:e.enabled,disabled:n.isPending,id:`api-key-enabled-${e.id}`,label:``,"aria-label":`${e.enabled?`Disable`:`Enable`} ${e.label||`API credential`}`,onChange:t=>n.mutate({keyId:e.id,request:{enabled:t}},{onSuccess:()=>h.success(`${e.label||`API credential`} ${t?`enabled`:`disabled`}`),onError:e=>h.error(R(e,`Could not update credential state.`))})}),(0,$.jsx)(m,{variant:`secondary`,size:`sm`,icon:(0,$.jsx)(M,{size:13}),onClick:()=>{I(null),x(e)},children:`Edit`}),!e.revokedAt&&e.keyMode!==`share`?(0,$.jsx)(m,{variant:`secondary`,size:`sm`,icon:(0,$.jsx)(d,{size:13}),onClick:()=>void fe(e),disabled:o.isPending,children:`Copy`}):null,!e.revokedAt&&(0,$.jsx)(m,{variant:`secondary`,size:`sm`,icon:(0,$.jsx)(Ye,{size:13}),onClick:()=>B(e),children:e.keyMode===`share`?`Recipients`:`Share`}),!e.revokedAt&&e.keyMode!==`share`&&(0,$.jsx)(m,{variant:`secondary`,size:`sm`,icon:(0,$.jsx)(qe,{size:13}),onClick:()=>{I(null),P(e)},disabled:a.isPending,children:`Rotate`}),!e.revokedAt&&!e.isDefault&&(0,$.jsx)(m,{variant:`danger`,size:`sm`,icon:(0,$.jsx)(oe,{size:13}),onClick:()=>w(e),disabled:r.isPending,children:`Revoke`}),e.bannedAt&&!e.revokedAt?(0,$.jsx)(m,{variant:`secondary`,size:`sm`,icon:(0,$.jsx)(_,{size:13}),onClick:()=>{i.mutate({keyId:e.id},{onSuccess:()=>h.success(`Unbanned ${e.label||e.id}.`),onError:e=>h.error(R(e,`Could not unban key.`))})},disabled:i.isPending,children:`Unban`}):null]})]})})})}),(0,$.jsx)(j,{open:g,onClose:()=>v(!1),title:`Create API Key`,description:`Create a tenant-scoped credential. Choose model access, permissions, limits, and optional blocked client routers.`,size:`lg`,footer:se,children:(0,$.jsx)(_t,{mode:`create`,record:null,busy:t.isPending,onClose:()=>v(!1),actionsRef:ce,onDone:e=>{t.mutate(e,{onSuccess:t=>{v(!1),I(ht(e.keyMode,t.secret)),h.success(`API key created`)},onError:e=>h.error(R(e,`Could not create API key.`))})}})}),(0,$.jsx)(j,{open:y!==null,onClose:()=>x(null),title:`Edit API Key`,description:`Update the key's model access, permissions, limits, share notes, and optional public popup.`,size:`lg`,footer:le,children:(0,$.jsx)(_t,{mode:`edit`,record:y,busy:n.isPending,onClose:()=>x(null),actionsRef:z,onDone:e=>{y&&n.mutate({keyId:y.id,request:e},{onSuccess:t=>{x(null),I(ht(e.keyMode,t.secret)),h.success(`API key updated`)},onError:e=>h.error(R(e,`Could not update API key.`))})}})}),ae?(0,$.jsx)(jt,{parent:ae,onClose:()=>L(null),onSecretRevealed:e=>{L(null),I(e)}}):null,(0,$.jsx)(de,{open:ie!==null,onClose:()=>P(null),onConfirm:async()=>{if(!ie)return;let e=await a.mutateAsync({keyId:ie.id});I(e.secret),h.success(`Rotated ${ie.label||ie.id}.`),P(null)},title:pe.title,message:pe.message,confirmLabel:pe.confirmLabel,danger:!0}),(0,$.jsx)(de,{open:S!==null,onClose:()=>w(null),onConfirm:async()=>{S&&(await r.mutateAsync(S.id),h.success(`Revoked ${S.label||S.id}.`),w(null))},title:`Revoke API key?`,message:S?`Revoke ${S.label||S.id}? Clients using it will be rejected.${S.keyMode===`share`?` All child keys and enrollment links will also be revoked.`:``}`:`Revoke this API key?`,confirmLabel:`Revoke`,danger:!0}),(0,$.jsx)(de,{open:p,onClose:()=>ee(!1),onConfirm:async()=>{V(f)},title:f?`Enable Invoke?`:`Disable Invoke?`,message:f?`Allow this tenant's API keys to invoke /v1/* routes again. Traffic resumes immediately.`:`Disable invocation for every API key in this tenant? All /v1/* requests will be refused with 503, and nothing upstream is dialed. No keys, accounts, or models are deleted — the dashboard stays reachable so you can re-enable.`,confirmLabel:f?`Enable Invoke`:`Disable Invoke`,danger:!f}),(0,$.jsx)(vt,{secret:F,onClose:()=>I(null)}),te?(0,$.jsx)(Nt,{onClose:()=>ne(!1)}):null,(0,$.jsx)(j,{open:k!==null,onClose:()=>A(null),title:`Ban reason`,size:`sm`,footer:(0,$.jsx)(m,{variant:`secondary`,size:`sm`,onClick:()=>A(null),children:`Close`}),children:(0,$.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,$.jsxs)(`p`,{className:`text-caption text-text-secondary`,children:[k?.label||`API key`,` was banned.`]}),(0,$.jsx)(`div`,{className:`rounded-control border border-warning-line bg-surface-2 px-4 py-5 text-caption text-text-primary`,children:k?.banReason??`No reason recorded.`})]})})]})}var Ft=[{value:`lite`,label:`Lite`},{value:`full`,label:`Full`},{value:`ultra`,label:`Ultra`}],It={lite:`Lite`,full:`Full`,ultra:`Ultra`};function Lt({id:e,label:t,description:n,icon:r,enabled:i,strength:a,strengthSelectId:o,onToggle:s,onStrength:c}){return(0,$.jsx)(`div`,{className:`rounded-control border border-inner-border bg-surface-2 p-5`,children:(0,$.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,$.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2.5`,children:[(0,$.jsx)(`label`,{htmlFor:e,children:(0,$.jsxs)(Y,{gap:`6px`,className:`text-body font-semibold`,children:[r,t]})}),(0,$.jsx)(K,{tone:i?`ok`:`default`,dot:!0,children:i?`Active · ${It[a]??a}`:`Off`})]}),(0,$.jsx)(`p`,{className:`mt-2 text-badge leading-normal text-text-tertiary`,children:n})]}),(0,$.jsxs)(Y,{gap:`8px`,className:`shrink-0 items-center`,children:[(0,$.jsx)(ye,{id:o,"aria-label":`${t} strength`,value:a,onValueChange:c,options:Ft}),(0,$.jsx)(G,{id:e,"aria-label":`Enable ${t}`,checked:i,onChange:s})]})]})})}function Rt(){let e=Ve(),t=Be(),n=e.data;if(e.isPending)return(0,$.jsx)(E,{label:`Loading compression settings…`});if(e.isError||!n)return(0,$.jsx)(T,{message:R(e.error,`Failed to load compression settings`),onRetry:()=>void e.refetch()});let r=n.rtkPruneEnabled,a=n.ponyTailEnabled;return(0,$.jsxs)(he,{children:[(0,$.jsx)(H,{title:`Compression`,subtitle:`Shrink requests before they reach the provider`,icon:(0,$.jsx)(c,{size:16})}),(0,$.jsx)(me,{children:(0,$.jsxs)(J,{gap:`14px`,children:[r||a?(0,$.jsx)(He,{tone:`warning`,surface:`raised`,live:`status`,children:(0,$.jsxs)(`span`,{className:`flex items-start gap-3`,children:[(0,$.jsx)(_,{size:14,className:`mt-0.5 shrink-0`,"aria-hidden":`true`}),(0,$.jsx)(`span`,{children:`Your AI may produce degraded quality while compression is active: it sees a shortened history and a minimal-code directive, so fewer tokens but a chance of missing detail. Turn it off if answers get worse.`})]})}):null,(0,$.jsx)(Lt,{id:`compression-rtk`,label:`Prune tool output (RTK)`,description:`Compact bulky tool results (diffs, grep dumps, listings) in the message history so a long conversation stops re-sending megabytes of raw output. Higher strength compresses more aggressively.`,icon:(0,$.jsx)(Je,{size:16,className:`shrink-0 text-text-secondary`}),enabled:r,strength:n.rtkPruneLevel,strengthSelectId:`compression-rtk-level`,onToggle:e=>t.mutate({rtkPruneEnabled:e},{onError:e=>h.error(R(e,`Could not update RTK prune.`))}),onStrength:e=>t.mutate({rtkPruneLevel:e===`lite`||e===`full`||e===`ultra`?e:`full`},{onError:e=>h.error(R(e,`Could not update RTK strength.`))})}),(0,$.jsx)(Lt,{id:`compression-ponytail`,label:`PonyTail (system directive)`,description:`Appends a minimal-code directive to the system content, biasing the model toward the smallest working change. Higher strength pushes harder toward deletion over addition.`,icon:(0,$.jsx)(i,{size:16,className:`shrink-0 text-text-secondary`}),enabled:a,strength:n.ponyTailLevel,strengthSelectId:`compression-ponytail-level`,onToggle:e=>t.mutate({ponyTailEnabled:e},{onError:e=>h.error(R(e,`Could not update PonyTail.`))}),onStrength:e=>t.mutate({ponyTailLevel:e===`lite`||e===`full`||e===`ultra`?e:`full`},{onError:e=>h.error(R(e,`Could not update PonyTail strength.`))})})]})})]})}function zt(){return L({queryKey:ue.remoteSupport.status,queryFn:()=>z(`/remote-support/status`)})}function Bt(){let e=se();return B({mutationFn:e=>z(`/remote-support/start`,{method:`POST`,body:JSON.stringify({tool:e})}),onSuccess:async()=>{await e.invalidateQueries({queryKey:ue.remoteSupport.status})}})}function Vt(){let e=se();return B({mutationFn:e=>z(`/remote-support/stop`,{method:`POST`,body:JSON.stringify(e===void 0?{}:{tool:e})}),onSuccess:async()=>{await e.invalidateQueries({queryKey:ue.remoteSupport.status})}})}var Ht={cloudflared:`cloudflared`,tailscale:`Tailscale`},Ut={cloudflared:`Publish a temporary public URL without opening a port.`,tailscale:`Give a helper a private address on your own tailnet.`};function Wt({tool:e}){return e===`cloudflared`?(0,$.jsxs)(`svg`,{viewBox:`0 0 24 24`,className:`size-8 shrink-0`,"aria-hidden":`true`,fill:`currentColor`,children:[(0,$.jsx)(`path`,{d:`M16.5 18.4a4.6 4.6 0 0 1-3.2-1.3l-6-5.9a2.4 2.4 0 0 0-3.3 0 2.3 2.3 0 0 0 0 3.3l5.4 5.3a.9.9 0 0 1-1.3 1.3L2.7 15.8a4.1 4.1 0 0 1 0-5.8 4.2 4.2 0 0 1 5.8 0l6 5.9a2.4 2.4 0 0 0 3.3 0 2.3 2.3 0 0 0 0-3.3l-4.2-4.1a.9.9 0 0 1 1.3-1.3l4.2 4.1a4.1 4.1 0 0 1 0 5.8 4.2 4.2 0 0 1-2.6 1.3Z`}),(0,$.jsx)(`path`,{d:`M7.6 18.4a4.5 4.5 0 0 1-3-1.1 5.4 5.4 0 0 1-1.5-3.5 6 6 0 0 1 .4-2 .9.9 0 0 1 1.7.6 4.2 4.2 0 0 0-.3 1.4 3.6 3.6 0 0 0 1 2.3 2.7 2.7 0 0 0 1.8.7.9.9 0 0 1 0 1.8Z`})]}):(0,$.jsxs)(`svg`,{viewBox:`0 0 24 24`,className:`size-8 shrink-0`,"aria-hidden":`true`,fill:`currentColor`,children:[(0,$.jsx)(`path`,{d:`M12 3.2a4.4 4.4 0 0 0-4.4 4.4v2.2H4.6a2.2 2.2 0 0 0 0 4.4h3v2.2a4.4 4.4 0 0 0 8.8 0v-2.2h1.1a3.3 3.3 0 0 0 0-6.6h-1.1V7.6A4.4 4.4 0 0 0 12 3.2Zm0 2.2a2.2 2.2 0 0 1 2.2 2.2v6.6a2.2 2.2 0 0 1-4.4 0V7.6A2.2 2.2 0 0 1 12 5.4Z`}),(0,$.jsx)(`path`,{d:`M6.6 11h4.2v2.2H6.6zM13.2 11h4.2v2.2h-4.2z`})]})}function Gt({tool:e}){let t=zt(),n=Bt(),r=Vt(),{copied:i,copy:a}=U(2e3),o=t.data?.active===e,s=n.isPending||r.isPending,c=o?t.data?.url??null:null,[l,u]=(0,Q.useState)(null),[f,g]=(0,Q.useState)(o);(0,Q.useEffect)(()=>{!n.isPending&&!r.isPending&&g(o)},[o,n.isPending,r.isPending]);let _=async t=>{g(t);try{let i=t?await n.mutateAsync(e):await r.mutateAsync(e);if(i.blocker!==null&&i.message!==null){u(i.message),h.error(i.message),g(!t);return}u(null),h.success(t?`${Ht[e]} started`:`${Ht[e]} stopped`)}catch{h.error(`Could not ${t?`start`:`stop`} ${Ht[e]}`),g(!t)}},v=async()=>{if(c!==null){if(await a(c)){h.success(`Remote URL copied`,c);return}h.error(`Clipboard unavailable on this origin`)}};return(0,$.jsxs)(`div`,{className:`rounded-control border border-inner-border bg-surface-2 p-5`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,$.jsxs)(`div`,{className:`flex min-w-0 items-center gap-3`,children:[(0,$.jsx)(Wt,{tool:e}),(0,$.jsx)(`h3`,{className:`text-caption font-semibold`,children:Ht[e]})]}),(0,$.jsx)(G,{checked:f,disabled:s,onChange:e=>void _(e),"aria-label":`Toggle ${Ht[e]} remote support`})]}),n.isPending?(0,$.jsxs)(`div`,{className:`mt-3 flex items-center justify-between gap-3`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-badge text-text-secondary`,children:[(0,$.jsx)(p,{size:14,className:`animate-spin`,"aria-hidden":`true`}),(0,$.jsx)(`span`,{className:`animate-pulse`,children:`Waiting for address…`})]}),(0,$.jsx)(m,{variant:`secondary`,size:`sm`,onClick:()=>void _(!1),children:`Cancel`})]}):c===null?l===null?(0,$.jsx)(`p`,{className:`mt-2 text-badge leading-normal text-text-tertiary`,children:Ut[e]}):(0,$.jsxs)(`div`,{className:`mt-2 rounded-control border border-warning/30 bg-warning/10 p-3 text-badge leading-normal text-text-secondary`,children:[(0,$.jsx)(`p`,{className:`font-medium text-warning`,children:`Setup needed`}),(0,$.jsx)(`p`,{className:`mt-1 whitespace-pre-wrap break-words`,children:l}),(()=>{let e=l.match(/https:\/\/login\.tailscale\.com\/f\/serve\?[^\s]+/);return e?(0,$.jsx)(`a`,{href:e[0],target:`_blank`,rel:`noreferrer`,className:`mt-2 inline-block font-medium text-accent underline`,children:`Enable Tailscale Serve →`}):null})()]}):(0,$.jsxs)(`div`,{className:`mt-3 flex items-center gap-3`,children:[(0,$.jsx)(`code`,{className:`min-w-0 flex-1 truncate font-mono text-badge text-text-primary`,title:c,children:c}),(0,$.jsxs)(m,{variant:`secondary`,size:`sm`,onClick:()=>void v(),children:[i?(0,$.jsx)(ee,{size:14}):(0,$.jsx)(d,{size:14}),i?`Copied`:`Copy`]})]})]})}function Kt(){let{copied:e,copy:t}=U(2e3),n=`${window.location.origin}/v1`,r=async()=>{if(await t(n)){h.success(`Gateway endpoint copied`,n);return}h.error(`Clipboard unavailable on this origin`)};return(0,$.jsxs)(he,{children:[(0,$.jsx)(H,{title:`Gateway Endpoint`,subtitle:`Universal OpenAI & Anthropic Wire API Endpoint Compatible`,icon:(0,$.jsx)(g,{size:16})}),(0,$.jsx)(me,{children:(0,$.jsxs)(J,{gap:`10px`,children:[(0,$.jsxs)(`div`,{className:`nested-panel flex items-center gap-4 rounded-control border border-inner-border bg-code-surface px-7 py-5 font-mono text-body font-semibold tabular-nums`,children:[(0,$.jsx)(`code`,{className:`min-w-0 flex-1 truncate`,title:n,children:n}),(0,$.jsx)(m,{variant:`secondary`,size:`sm`,icon:e?(0,$.jsx)(ee,{size:13}):(0,$.jsx)(d,{size:13}),"aria-label":`Copy endpoint`,title:`Copy endpoint`,onClick:()=>void r(),className:`shrink-0`,children:e?`Copied`:`Copy`})]}),(0,$.jsxs)(`p`,{className:`text-caption leading-normal text-text-secondary`,children:[`Point any SDK, CLI, or coding agent — OpenCode, Pi, OMP, Kilo, Cline, Droid, and more — at this same-origin base URL.`,(0,$.jsxs)(`span`,{className:`mt-1 block text-text-tertiary`,children:[`For Claude Code, leave off `,(0,$.jsx)(`code`,{className:`font-mono`,children:`/v1`}),` — its CLI appends it automatically.`]})]})]})})]})}function qt(){let e=zt();return(0,$.jsxs)(he,{children:[(0,$.jsx)(H,{title:`Remote Support`,subtitle:`Reach this gateway from outside the local network`,icon:(0,$.jsx)(Ge,{size:16})}),(0,$.jsx)(me,{children:(0,$.jsxs)(J,{gap:`10px`,children:[(0,$.jsxs)(`div`,{className:`grid grid-cols-2 gap-4 max-medium:grid-cols-1`,children:[(0,$.jsx)(Gt,{tool:`cloudflared`}),(0,$.jsx)(Gt,{tool:`tailscale`})]}),e.data?.blocker!==null&&e.data?.message!==null?(0,$.jsx)(`p`,{className:`text-badge leading-normal text-red-primary`,children:e.data?.message}):null,(0,$.jsxs)(`p`,{className:`text-caption leading-normal text-text-secondary`,children:[`No matter which tunnel you pick, the gateway sees the tunnel's address as the client. Add the forwarding edge to`,` `,(0,$.jsx)(`code`,{className:`font-mono`,children:`TRUSTED_PROXY_CIDRS`}),` so remote callers aren't recorded as loopback.`]}),(0,$.jsx)(`p`,{className:`text-badge leading-normal text-text-tertiary`,children:`Cartethyia doesn't install cloudflared or Tailscale for you — set up either one yourself. Tunnels run detached from the gateway, so they keep working across restarts.`})]})})]})}function Jt(){return(0,$.jsxs)(J,{gap:`16px`,children:[(0,$.jsx)(Kt,{}),(0,$.jsx)(qt,{}),(0,$.jsx)(Rt,{}),(0,$.jsx)(y,{}),(0,$.jsx)(Pt,{})]})}export{Jt as default};