@xenon-device-management/xenon 1.7.0 → 1.7.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/package.json +1 -1
- package/lib/public/assets/{ApiKeyGate-BSN8crwz.js → ApiKeyGate-BousCIQZ.js} +1 -1
- package/lib/public/assets/{BugReportButton-DNja1wQ1.js → BugReportButton-Gw4lnGnV.js} +1 -1
- package/lib/public/assets/{DeviceMosaicView-DVk1IpIR.js → DeviceMosaicView-BX2hfhBf.js} +2 -2
- package/lib/public/assets/{EmptyState-CqQ21n-H.js → EmptyState-CPOfuV3O.js} +1 -1
- package/lib/public/assets/{FieldGroup-DE3u01Nu.js → FieldGroup-C5UkCHbe.js} +1 -1
- package/lib/public/assets/{Modal-BJcFdiBP.js → Modal-MMGhL8eW.js} +1 -1
- package/lib/public/assets/{SegmentedControl-CSHjmrvy.js → SegmentedControl-CZfAicws.js} +1 -1
- package/lib/public/assets/{SettingCard-M-lFn_Wm.js → SettingCard-Dp7XIdcl.js} +1 -1
- package/lib/public/assets/{Table-B3EUgBi6.js → Table-DsN_IX6J.js} +1 -1
- package/lib/public/assets/{activity-DK3R5GAb.js → activity-DCBAvxuo.js} +1 -1
- package/lib/public/assets/ai-settings-yNS_bU1m.js +21 -0
- package/lib/public/assets/api-keys-CQ9g1g1b.js +1 -0
- package/lib/public/assets/apps-Bqh1eav9.js +21 -0
- package/lib/public/assets/apps-CTrGClro.css +1 -0
- package/lib/public/assets/{arrow-left-9933DNlF.js → arrow-left-GX0vzYtn.js} +1 -1
- package/lib/public/assets/{arrow-up-right-B7q_1mXs.js → arrow-up-right-DePHHOby.js} +1 -1
- package/lib/public/assets/auth-shell-BBGlC6i3.js +1 -0
- package/lib/public/assets/builds-page-Czf7RsmD.js +6 -0
- package/lib/public/assets/{button-lkxVyarW.js → button-ybNY3GYx.js} +1 -1
- package/lib/public/assets/{check-BkT38An9.js → check-BZMx8AhR.js} +1 -1
- package/lib/public/assets/{chevron-right-WELZ1Z8v.js → chevron-right-WL_bcB02.js} +1 -1
- package/lib/public/assets/{circle-check--2DSsfaI.js → circle-check-CI2xUlDo.js} +1 -1
- package/lib/public/assets/{circle-x-x7R8vTBo.js → circle-x-De3thbcr.js} +1 -1
- package/lib/public/assets/{clock-DIpGd4Pn.js → clock-BFVLE7wW.js} +1 -1
- package/lib/public/assets/{copy-CEcFYYHm.js → copy-ve3lNhva.js} +1 -1
- package/lib/public/assets/device-explorer-elRO7T00.css +1 -0
- package/lib/public/assets/device-explorer-vzZxT4-Y.js +210 -0
- package/lib/public/assets/{download-CaKkGvKw.js → download-BDZj44ke.js} +1 -1
- package/lib/public/assets/forgot-password-BSYQX2oR.js +1 -0
- package/lib/public/assets/{funnel-D2rLIKlM.js → funnel-CptlpFZ9.js} +1 -1
- package/lib/public/assets/index-BW3kENYH.css +1 -0
- package/lib/public/assets/{index-BrVV0Kla.js → index-PtnKslHU.js} +12 -12
- package/lib/public/assets/{layers-DZwF8z_0.js → layers-DRpwoKhI.js} +1 -1
- package/lib/public/assets/{lock-CVUUnm1V.js → lock-CrQhC34I.js} +1 -1
- package/lib/public/assets/login-DaJOt8Qz.js +1 -0
- package/lib/public/assets/maintenance-settings-D629C2IC.js +6 -0
- package/lib/public/assets/{mouse-pointer-2-n4xUMxHJ.js → mouse-pointer-2-Dpcc76zN.js} +1 -1
- package/lib/public/assets/overview-CGEKYX62.js +11 -0
- package/lib/public/assets/{page-header-C0pnt4xz.js → page-header-CSvuGbSO.js} +1 -1
- package/lib/public/assets/{plus-BObE-_z6.js → plus-vJJF9g79.js} +1 -1
- package/lib/public/assets/profile-page-CF7ZQNQz.js +6 -0
- package/lib/public/assets/reset-password-BgpjbCac.js +1 -0
- package/lib/public/assets/runbook-page-Dxuzftyv.js +124 -0
- package/lib/public/assets/selector-detail-page-B_puCd9g.js +1 -0
- package/lib/public/assets/{selector-health-DraY2a4b.js → selector-health-BjMHf106.js} +1 -1
- package/lib/public/assets/selector-health-page-Du_bGD2p.js +16 -0
- package/lib/public/assets/session-detail-page-lQTe5_B1.js +13 -0
- package/lib/public/assets/settings-Cxx_aYWT.css +1 -0
- package/lib/public/assets/settings-DhxWGUzy.js +1 -0
- package/lib/public/assets/{shield-BBc4qisQ.js → shield-JGzamJo5.js} +1 -1
- package/lib/public/assets/{shield-alert-BfoPJ8q_.js → shield-alert-DzE36jcb.js} +1 -1
- package/lib/public/assets/status-pill-outline-50aN0wRU.js +1 -0
- package/lib/public/assets/{tablet-CaOqzQv_.js → tablet-DHY88mxw.js} +1 -1
- package/lib/public/assets/teams-EOAIPbZC.js +1 -0
- package/lib/public/assets/time-B8FIgwPE.js +1 -0
- package/lib/public/assets/{trash-2-CE5TRHb2.js → trash-2-BrTSfFh5.js} +1 -1
- package/lib/public/assets/{useSocket-Bkt5i-U6.js → useSocket-BRto9a5m.js} +1 -1
- package/lib/public/assets/users-Dd44jLAB.js +11 -0
- package/lib/public/assets/webhook-settings-DBYmqim_.js +1 -0
- package/lib/public/assets/{webhook-settings-DEZQtSgr.css → webhook-settings-tW1oXXrJ.css} +1 -1
- package/lib/public/assets/{zap-BzdRuL9F.js → zap-JUbOoK3o.js} +1 -1
- package/lib/public/index.html +2 -2
- package/lib/src/app/routers/auth.js +19 -2
- package/lib/src/scripts/run-migrations.js +14 -3
- package/lib/test/unit/auth-me-auth-disabled.test.js +77 -0
- package/lib/test/unit/run-migrations-fail-fast.test.js +87 -0
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/lib/public/assets/ai-settings-AKMDh8pd.js +0 -21
- package/lib/public/assets/api-keys-B5Q1EkGN.js +0 -1
- package/lib/public/assets/apps-CWWrkTZW.js +0 -21
- package/lib/public/assets/apps-Dt5dUIag.css +0 -1
- package/lib/public/assets/builds-page-DgWXOgh5.js +0 -6
- package/lib/public/assets/device-explorer-3H1hf8ld.css +0 -1
- package/lib/public/assets/device-explorer-nV6L3w7x.js +0 -210
- package/lib/public/assets/forgot-password-CsAF11d2.js +0 -1
- package/lib/public/assets/index-Dz1K6OJU.css +0 -1
- package/lib/public/assets/login-BavGkTli.js +0 -1
- package/lib/public/assets/maintenance-settings-Vr_u8hoR.js +0 -6
- package/lib/public/assets/overview-DVgoOoYF.js +0 -11
- package/lib/public/assets/profile-page-DNKD4MS2.js +0 -1
- package/lib/public/assets/reset-password-C2gSMy8a.js +0 -1
- package/lib/public/assets/runbook-page-BRxjWJVQ.js +0 -104
- package/lib/public/assets/selector-detail-page-DcV8jQuX.js +0 -1
- package/lib/public/assets/selector-health-page-tb5e3CXy.js +0 -16
- package/lib/public/assets/session-detail-page-CEtQr37W.js +0 -13
- package/lib/public/assets/settings-CpRbubta.css +0 -1
- package/lib/public/assets/settings-Cr-YjLbX.js +0 -1
- package/lib/public/assets/status-pill-outline-Cc4PF7Mg.js +0 -1
- package/lib/public/assets/teams-B3Tt_9i2.js +0 -1
- package/lib/public/assets/users-BIvjvjM6.js +0 -11
- package/lib/public/assets/webhook-settings-dAp8wwEB.js +0 -1
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import{g as z,r as d,X as _,m as D,j as e,L as B,p as G,c as Y,u as Q}from"./index-BrVV0Kla.js";import{u as q,h as Z,a as ee,d as te,p as re,o as se,f as ae,S as ne}from"./status-pill-outline-Cc4PF7Mg.js";import{B as ie,P as j}from"./BugReportButton-DNja1wQ1.js";import{A as oe}from"./arrow-left-9933DNlF.js";import{C as $}from"./chevron-right-WELZ1Z8v.js";import{C as L}from"./copy-CEcFYYHm.js";import{A as le}from"./arrow-up-right-B7q_1mXs.js";import{E}from"./EmptyState-CqQ21n-H.js";import{T as ce,a as de,b as M,c as S,d as xe,e as R}from"./Table-B3EUgBi6.js";import{u as ue}from"./useSocket-Bkt5i-U6.js";import{M as me}from"./Modal-BJcFdiBP.js";import{D as fe}from"./download-CaKkGvKw.js";/**
|
|
2
|
-
* @license lucide-react v0.555.0 - ISC
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the ISC license.
|
|
5
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/const pe=[["rect",{x:"16",y:"16",width:"6",height:"6",rx:"1",key:"4q2zg0"}],["rect",{x:"2",y:"16",width:"6",height:"6",rx:"1",key:"8cvhb9"}],["rect",{x:"9",y:"2",width:"6",height:"6",rx:"1",key:"1egb70"}],["path",{d:"M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3",key:"1jsf9p"}],["path",{d:"M12 12V8",key:"2874zd"}]],he=z("network",pe);/**
|
|
7
|
-
* @license lucide-react v0.555.0 - ISC
|
|
8
|
-
*
|
|
9
|
-
* This source code is licensed under the ISC license.
|
|
10
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
11
|
-
*/const ve=[["path",{d:"M10.66 6H14a2 2 0 0 1 2 2v2.5l5.248-3.062A.5.5 0 0 1 22 7.87v8.196",key:"w8jjjt"}],["path",{d:"M16 16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h2",key:"1xawa7"}],["path",{d:"m2 2 20 20",key:"1ooewy"}]],be=z("video-off",ve);function ge(t){const[r,s]=d.useState(null),[a,n]=d.useState([]),[l,c]=d.useState([]),[i,x]=d.useState([]),[u,m]=d.useState([]),[p,v]=d.useState(!0),[N,y]=d.useState(null),[w,g]=d.useState(!1),[C,O]=d.useState(0);return d.useEffect(()=>{if(!t){s(null),n([]),c([]),x([]),m([]),g(!1),v(!1);return}let h=!0;return v(!0),Promise.all([_.getSession(t),_.getSessionLogs(t),_.getDeviceLogs(t),_.getDebugLogs(t),_.getProfilingData(t).catch(()=>[])]).then(([o,b,k,f,T])=>{if(!h)return;const H=o&&typeof o=="object"&&typeof o.id=="string"&&typeof o.status=="string";s(H?o:null),H?(g(!1),y(null)):(g(!!o&&typeof o=="object"&&(o.error===!0||typeof o.message=="string")),y(typeof(o==null?void 0:o.message)=="string"?o.message:"Session not found")),n(Array.isArray(b)?b:[]),c(Array.isArray(k)?k:[]),x(Array.isArray(f)?f:[]),m(Array.isArray(T)?T:[])}).catch(o=>{h&&y(o instanceof Error?o.message:String(o))}).finally(()=>{h&&v(!1)}),()=>{h=!1}},[t,C]),{session:r,sessionLogs:a,deviceLogs:l,debugLogs:i,profiling:u,loading:p,error:N,notFound:w,refresh:()=>O(h=>h+1)}}const J=({buildId:t,buildName:r,sessionId:s})=>{const{toast:a}=D(),n=async()=>{try{await navigator.clipboard.writeText(s),a("Session ID copied","success")}catch{a("Failed to copy (clipboard unavailable)","error")}};return e.jsxs("header",{className:"flex items-center gap-2 px-4 py-3 border-b border-[var(--border)] bg-[var(--surface)]",children:[e.jsxs(B,{to:`/builds/${t}`,className:"inline-flex items-center gap-1.5 text-xs text-[var(--text-muted)] hover:text-[var(--text)] transition-colors",children:[e.jsx(oe,{className:"h-3.5 w-3.5"}),"Builds"]}),e.jsx($,{className:"h-3 w-3 text-[var(--text-dim)]"}),e.jsx(B,{to:`/builds/${t}`,className:"text-[10px] uppercase tracking-widest font-mono text-[var(--green)] hover:underline",children:r}),e.jsx($,{className:"h-3 w-3 text-[var(--text-dim)]"}),e.jsx("span",{className:"text-[10px] uppercase tracking-widest text-[var(--text-dim)]",children:"Sessions"}),e.jsx($,{className:"h-3 w-3 text-[var(--text-dim)]"}),e.jsxs("span",{className:"font-mono text-xs text-[var(--text)]",title:s,children:["#",s]}),e.jsx("button",{type:"button",onClick:n,"aria-label":"Copy session ID",className:"p-1 rounded text-[var(--text-dim)] hover:text-[var(--text)] hover:bg-[var(--surface-2)] transition-colors",children:e.jsx(L,{className:"h-3 w-3"})}),e.jsx("div",{className:"ml-auto",children:e.jsx(ie,{sessionId:s,mode:"full",variant:"inline"})})]})},je={default:"text-[var(--text)]",red:"text-[var(--red)]",green:"text-[var(--green)]",amber:"text-[var(--amber)]"},A=({label:t,rows:r})=>e.jsxs("div",{className:"flex-1 min-w-0 p-4",children:[e.jsx("div",{className:"text-[10px] font-mono font-semibold uppercase tracking-widest text-[var(--text-dim)] mb-3",children:t}),e.jsx("dl",{className:"space-y-2",children:r.map((s,a)=>e.jsxs("div",{className:"flex items-baseline justify-between gap-3",children:[e.jsx("dt",{className:"text-[10px] font-mono uppercase tracking-wider text-[var(--text-dim)] shrink-0",children:s.label}),e.jsx("dd",{className:`text-xs text-right truncate min-w-0 ${s.mono?"font-mono":""} ${je[s.tone??"default"]}`,children:s.value})]},`${s.label}-${a}`))})]}),ye=({identity:t,run:r,result:s})=>e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 rounded-lg border border-[var(--border)] bg-[var(--surface)] divide-y md:divide-y-0 md:divide-x divide-[var(--border)]",children:[e.jsx(A,{label:"Identity",rows:t}),e.jsx(A,{label:"Run",rows:r}),e.jsx(A,{label:"Result",rows:s})]});function Ne(t){if(!t||t.length===0)return null;const r=t.find(s=>s.is_success===!1);return r||(t[t.length-1]??null)}function we(t,r=8){if(!t)return[];const s=t.split(/\r?\n/),a=[];for(const n of s){const l=n.trim();if(/^at\s+/.test(l)&&(a.push(l),a.length>=r))break}return a}function F(t){return t?t.split(/[_\s]+/).filter(Boolean).map(r=>r.charAt(0).toUpperCase()+r.slice(1).toLowerCase()).join(" "):""}function U(t){if(!t)return{};try{const r=JSON.parse(t);return r&&typeof r=="object"&&!Array.isArray(r)?r:{}}catch{return{}}}function I(t,r=200){if(t==null)return"";if(typeof t=="string")return t;if(typeof t=="number"||typeof t=="boolean")return String(t);try{const s=JSON.stringify(t);return s.length>r?s.slice(0,r)+"…":s}catch{return String(t)}}function ke(t,r,s,a,n){var u;const l=F(t.failure_category),c=((u=t.device_name)==null?void 0:u.trim())||"Unknown Device",i=t.device_version?` ${t.device_version}`:"",x=(n==null?void 0:n.message)||(n?JSON.stringify(n).slice(0,200):"(no logs captured)");return[`**Session:** ${t.id}`,`**Build:** ${r} (#${s})`,`**Device:** ${c} (${t.node_id||"unknown-node"}) · ${t.device_platform||"unknown"}${i}`,`**Duration:** ${a}`,`**Failure category:** ${l||"(uncategorized)"}`,`**Failure reason:** ${t.failure_reason||"(not set)"}`,`**First error:** ${x}`].join(`
|
|
12
|
-
`)}const Se=({session:t,buildName:r,buildId:s,allLogs:a,durationText:n})=>{const{toast:l}=D(),c=F(t.failure_category),i=Ne(a),x=we(t.failure_reason),u=x.length>0,m=async()=>{const v=ke(t,r,s,n,i);try{await navigator.clipboard.writeText(v),l("Failure report copied","success")}catch{l("Clipboard unavailable","error")}},p=t.failure_category?`/xenon/runbooks/${encodeURIComponent(t.failure_category.toLowerCase())}`:void 0;return e.jsxs("section",{className:"rounded-lg border border-[var(--red)]/30 bg-[var(--surface)] overflow-hidden",children:[e.jsxs("header",{className:"flex items-center justify-between gap-4 px-4 py-3 border-b border-[var(--border)] bg-[var(--red)]/5",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(G,{className:"h-4 w-4 text-[var(--red)]"}),e.jsx("span",{className:"text-sm font-semibold text-[var(--red)]",children:"Failure summary"}),c&&e.jsx("span",{className:"text-[10px] font-mono uppercase tracking-widest text-[var(--text-dim)] ml-2",children:c})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("button",{type:"button",onClick:m,className:"inline-flex items-center gap-1.5 h-7 px-2.5 rounded-md border border-[var(--border)] text-xs text-[var(--text)] hover:border-[var(--border-strong)] hover:bg-[var(--surface-2)] transition-colors",children:[e.jsx(L,{className:"h-3 w-3"}),"Copy"]}),e.jsxs("a",{...p?{href:p,target:"_blank",rel:"noreferrer"}:{"aria-disabled":!0,onClick:v=>v.preventDefault()},className:`inline-flex items-center gap-1.5 h-7 px-2.5 rounded-md border border-[var(--border)] text-xs text-[var(--text)] hover:border-[var(--border-strong)] hover:bg-[var(--surface-2)] transition-colors ${p?"":"opacity-50 cursor-not-allowed"}`,title:p?"Open runbook in new tab":"No runbook — failure category not set",children:[e.jsx(le,{className:"h-3 w-3"}),"Open runbook"]})]})]}),e.jsxs("div",{className:"px-4 py-4 space-y-4",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-[10px] font-mono font-semibold uppercase tracking-widest text-[var(--text-dim)] mb-1",children:"Reason"}),e.jsx("div",{className:"text-sm text-[var(--text)]",children:t.failure_reason||e.jsx("span",{className:"text-[var(--text-dim)]",children:"(not set)"})})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-[10px] font-mono font-semibold uppercase tracking-widest text-[var(--text-dim)] mb-1",children:"First error"}),e.jsx("div",{className:"text-sm text-[var(--text-muted)]",children:i!=null&&i.message?i.message:i?e.jsx("code",{className:"font-mono text-xs",children:JSON.stringify(i).slice(0,400)}):e.jsx("span",{className:"text-[var(--text-dim)]",children:"(no logs captured before failure)"})})]}),u&&e.jsxs("div",{children:[e.jsx("div",{className:"text-[10px] font-mono font-semibold uppercase tracking-widest text-[var(--text-dim)] mb-1",children:"Stack trace"}),e.jsx("pre",{className:"rounded-md border border-[var(--border)] bg-[var(--bg)] p-3 font-mono text-[11px] leading-relaxed text-[var(--green)] overflow-x-auto",children:x.join(`
|
|
13
|
-
`)})]})]})]})},Re=({session:t})=>{const r=t.status==="running",s=!!t.video_recording;return e.jsxs("section",{className:"rounded-lg border border-[var(--border)] bg-[var(--surface)] overflow-hidden",children:[e.jsxs("header",{className:"px-3 py-2 border-b border-[var(--border)] flex items-center justify-between",children:[e.jsx("span",{className:"text-[10px] font-mono font-semibold uppercase tracking-widest text-[var(--text-dim)]",children:"Recording"}),r&&e.jsxs("span",{className:"inline-flex items-center gap-1.5 text-[10px] font-mono uppercase tracking-widest text-[var(--red)]",children:[e.jsx("span",{className:"h-1.5 w-1.5 rounded-full bg-[var(--red)] pulse-dot"}),"Live"]})]}),e.jsx("div",{className:"aspect-video bg-[var(--bg)] flex items-center justify-center",children:r&&t.has_live_video?e.jsx("img",{src:_.getSessionLiveVideoUrl(t.id),alt:`Live view of session ${t.id}`,className:"w-full h-full object-contain"}):s?e.jsx("video",{controls:!0,src:_.getAssetUrl(t.video_recording),className:"w-full h-full object-contain"}):e.jsxs("div",{className:"flex flex-col items-center text-center px-6 py-8 gap-2",children:[e.jsx("div",{className:"h-10 w-10 rounded-full bg-[var(--surface-2)] border border-[var(--border)] flex items-center justify-center",children:e.jsx(be,{className:"h-5 w-5 text-[var(--text-dim)]"})}),e.jsx("div",{className:"text-sm text-[var(--text)] font-medium",children:"No video available"}),e.jsx("div",{className:"text-xs text-[var(--text-dim)] max-w-xs",children:t.status==="failed"?"Session failed before recording started.":t.video_recording_enabled===!1?"Recording was disabled for this session.":"No recording was captured."})]})})]})},_e=({session:t})=>{const[r,s]=d.useState("desired"),a=U(t.desired_capabilities),n=U(t.session_capabilities),c=Object.entries(r==="desired"?a:n);return e.jsxs("section",{className:"rounded-lg border border-[var(--border)] bg-[var(--surface)] overflow-hidden",children:[e.jsx("header",{className:"flex items-center border-b border-[var(--border)]",children:["desired","session"].map(i=>e.jsx("button",{type:"button",onClick:()=>s(i),"aria-pressed":r===i,className:`flex-1 h-9 text-[10px] font-mono font-semibold uppercase tracking-widest transition-colors border-b-2 ${r===i?"border-[var(--green)] text-[var(--text)]":"border-transparent text-[var(--text-muted)] hover:text-[var(--text)]"}`,children:i},i))}),c.length===0?e.jsxs("div",{className:"px-3 py-6 text-center text-xs text-[var(--text-dim)]",children:["No ",r," capabilities reported for this session."]}):e.jsx("dl",{className:"divide-y divide-[var(--border)]",children:c.map(([i,x])=>e.jsxs("div",{className:"flex items-baseline justify-between gap-3 px-3 py-2",children:[e.jsx("dt",{className:"text-xs text-[var(--text-muted)] truncate shrink-0 max-w-[45%]",children:i}),e.jsx("dd",{className:"font-mono text-xs text-[var(--text)] truncate text-right min-w-0",title:I(x,500),children:I(x)})]},i))})]})},Ce=({tabs:t,active:r,onChange:s,errorsOnly:a,onErrorsOnlyChange:n})=>{const l=t.filter(c=>!(c.hideWhenEmpty&&c.count===0));return e.jsxs("div",{className:"flex items-center justify-between gap-4 px-3 border-b border-[var(--border)] bg-[var(--surface)]",children:[e.jsx("div",{className:"flex items-center gap-1 overflow-x-auto",children:l.map(c=>{const i=c.key===r;return e.jsxs("button",{type:"button",onClick:()=>s(c.key),"aria-pressed":i,className:`relative inline-flex items-center gap-1.5 h-9 px-3 text-xs whitespace-nowrap transition-colors ${i?"text-[var(--text)]":"text-[var(--text-muted)] hover:text-[var(--text)]"}`,children:[e.jsx("span",{children:c.label}),e.jsx("span",{className:`font-mono text-[10px] ${i?"text-[var(--text-muted)]":"text-[var(--text-dim)]"}`,children:c.count}),i&&e.jsx("span",{className:"absolute left-2 right-2 bottom-0 h-[2px] bg-[var(--green)] rounded-t"})]},c.key)})}),e.jsxs("label",{className:"inline-flex items-center gap-2 text-[11px] text-[var(--text-muted)] cursor-pointer select-none whitespace-nowrap",children:[e.jsx("input",{type:"checkbox",checked:a,onChange:c=>n(c.target.checked),"aria-label":"Show only error rows"}),"Errors only"]})]})};function W(t){const r=t.timestamp;if(!r){const c=t.createdAt;return c?W({timestamp:c}):"--:--:--"}const s=typeof r=="number"?new Date(r):new Date(String(r));if(Number.isNaN(s.getTime()))return"--:--:--";const a=String(s.getHours()).padStart(2,"0"),n=String(s.getMinutes()).padStart(2,"0"),l=String(s.getSeconds()).padStart(2,"0");return`${a}:${n}:${l}`}function Te(t){if(t.healed===!0)return{label:String(t.command_name||"healed"),tone:"amber"};if(t.is_success===!1)return{label:String(t.command_name||t.title||"error"),tone:"red"};if(t.is_success===!0)return{label:String(t.command_name||t.title||"ok"),tone:"green"};const r=t.title||t.event||t.command_name;return typeof r=="string"?/stop|fail|error/i.test(r)?{label:r,tone:"red"}:/start|begin|init/i.test(r)?{label:r,tone:"green"}:{label:r,tone:"blue"}:{label:"log",tone:"neutral"}}function $e(t,r=220){const s=t.body;let a;if(typeof s=="string"&&s.trim().length>0)a=s;else if(s&&typeof s=="object")try{a=JSON.stringify(s)}catch{a=String(s)}else try{a=JSON.stringify(t)}catch{a=String(t)}return a=a.replace(/\s+/g," ").trim(),a.length>r?a.slice(0,r)+"…":a}function De(t){if(t==null)return"";if(typeof t=="string")try{return JSON.stringify(JSON.parse(t),null,2)}catch{return t}try{return JSON.stringify(t,null,2)}catch{return String(t)}}function Le(t){if(!t||typeof t!="string")return[{text:String(t??""),kind:"plain"}];const r=[],s=/("(?:\\.|[^"\\])*")(\s*:)|("(?:\\.|[^"\\])*")|(-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?)|\b(true|false)\b|\b(null)\b|([{}[\],])/g;let a=0,n;for(;(n=s.exec(t))!==null;)n.index>a&&r.push({text:t.slice(a,n.index),kind:"plain"}),n[1]&&n[2]!==void 0?(r.push({text:n[1],kind:"key"}),r.push({text:n[2],kind:"punct"})):n[3]?r.push({text:n[3],kind:"string"}):n[4]?r.push({text:n[4],kind:"number"}):n[5]?r.push({text:n[5],kind:"boolean"}):n[6]?r.push({text:n[6],kind:"null"}):n[7]&&r.push({text:n[7],kind:"punct"}),a=s.lastIndex;return a<t.length&&r.push({text:t.slice(a),kind:"plain"}),r}function Oe(t,r){return r?t.filter(s=>s.is_success===!1):t}const Ee={key:"text-[var(--blue)]",string:"text-[var(--green)]",number:"text-[var(--amber)]",boolean:"text-[var(--amber)]",null:"text-[var(--text-dim)] italic",punct:"text-[var(--text-muted)]",plain:"text-[var(--text)]"},Ae=({value:t,maxHeightPx:r})=>{const s=De(t);if(!s)return e.jsx("span",{className:"text-[var(--text-dim)] text-xs",children:"(empty)"});let a;try{a=Le(s)}catch{a=[{text:s,kind:"plain"}]}return e.jsx("pre",{className:"font-mono text-[11px] leading-relaxed bg-[var(--bg)] border border-[var(--border)] rounded-md p-3 overflow-x-auto whitespace-pre",style:r?{maxHeight:r,overflowY:"auto"}:void 0,children:a.map((n,l)=>e.jsx("span",{className:Ee[n.kind],children:n.text},l))})},Fe={green:"bg-[var(--green)]",red:"bg-[var(--red)]",amber:"bg-[var(--amber)]",blue:"bg-[var(--blue)]",neutral:"bg-[var(--text-dim)]"},Pe={green:"text-[var(--green)]",red:"text-[var(--red)]",amber:"text-[var(--amber)]",blue:"text-[var(--blue)]",neutral:"text-[var(--text-muted)]"},He=({log:t})=>{const[r,s]=d.useState(!1),{toast:a}=D(),n=W(t),l=Te(t),c=$e(t),i=async x=>{x.stopPropagation();try{const u=t.body??t,m=typeof u=="string"?u:JSON.stringify(u,null,2);await navigator.clipboard.writeText(m),a("Log entry copied","success")}catch{a("Clipboard unavailable","error")}};return e.jsxs("div",{className:"border-b border-[var(--border)] last:border-b-0",children:[e.jsxs("button",{type:"button",onClick:()=>s(x=>!x),"aria-expanded":r,className:"group w-full flex items-center gap-2 px-3 py-2 text-left hover:bg-[var(--surface-2)]/60 transition-colors",children:[e.jsx($,{className:`h-3 w-3 text-[var(--text-dim)] transition-transform shrink-0 ${r?"rotate-90":""}`}),e.jsx("span",{className:"font-mono text-[11px] text-[var(--text-muted)] w-[64px] shrink-0",children:n}),e.jsx("span",{className:`h-1.5 w-1.5 rounded-full shrink-0 ${Fe[l.tone]}`}),e.jsx("span",{className:`font-mono text-[11px] font-medium shrink-0 ${Pe[l.tone]}`,children:l.label}),e.jsx("span",{className:"font-mono text-[11px] text-[var(--text-dim)] truncate min-w-0 flex-1",children:c}),e.jsx("span",{role:"button",tabIndex:0,onClick:i,onKeyDown:x=>{(x.key==="Enter"||x.key===" ")&&i(x)},"aria-label":"Copy log entry",className:"opacity-0 group-hover:opacity-100 p-1 rounded text-[var(--text-dim)] hover:text-[var(--text)] transition-opacity shrink-0",children:e.jsx(L,{className:"h-3 w-3"})})]}),r&&e.jsx("div",{className:"px-3 pb-3 pl-9",children:e.jsx(Ae,{value:t.body??t,maxHeightPx:400})})]})},Be=({sessionLogs:t,deviceLogs:r,debugLogs:s,profiling:a})=>{const[n,l]=d.useState("text"),[c,i]=d.useState(!1),x=d.useMemo(()=>[{key:"text",label:"Text Logs",count:t.length},{key:"performance",label:"Performance Trace",count:0},{key:"evidence",label:"Evidence",count:0},{key:"device",label:"Device Logs",count:r.length},{key:"debug",label:"Debug Logs",count:s.length},{key:"profiling",label:"System Profiling",count:a.length,hideWhenEmpty:!0}],[t.length,r.length,s.length,a.length]),u=d.useMemo(()=>{let m=[];return n==="text"?m=t:n==="device"?m=r:n==="debug"?m=s:n==="profiling"&&(m=a),Oe(m,c)},[n,t,r,s,a,c]);return e.jsxs("section",{className:"rounded-lg border border-[var(--border)] bg-[var(--surface)] flex flex-col min-h-[280px]",children:[e.jsx(Ce,{tabs:x,active:n,onChange:l,errorsOnly:c,onErrorsOnlyChange:i}),e.jsxs("div",{className:"flex-1 overflow-y-auto",children:[n==="performance"&&e.jsx("div",{className:"px-4 py-10 text-center text-xs text-[var(--text-dim)]",children:"Performance Trace will be wired up once a session emits trace data."}),n==="evidence"&&e.jsx("div",{className:"px-4 py-10 text-center text-xs text-[var(--text-dim)]",children:"Evidence (screenshots) will be wired up alongside the screenshot service."}),(n==="text"||n==="device"||n==="debug"||n==="profiling")&&(u.length===0?e.jsx("div",{className:"px-4 py-10 text-center text-xs text-[var(--text-dim)]",children:c?"No error rows in this tab.":"No log entries in this tab."}):u.map((m,p)=>e.jsx(He,{log:m},m.id??p)))]})]})},Me=({header:t,footer:r,action:s,padded:a=!0,className:n,children:l})=>e.jsxs("div",{className:`card${n?" "+n:""}`,children:[(t||s)&&e.jsxs("div",{className:"card-header",children:[e.jsx("div",{className:"card-header-title",children:t}),s&&e.jsx("div",{className:"card-header-action",children:s})]}),e.jsx("div",{className:a?"card-body":"card-body-flush",children:l}),r&&e.jsx("div",{className:"card-footer",children:r})]});function X(t){if(!t)return"failed";switch(t){case"HTTPS_CLIENT_ERROR":case"HTTPS_SERVER_ERROR":case"OPEN_HTTPS_SERVER_ERROR":case"ON_CONNECT_ERROR":return"tls";case"PROXY_TO_SERVER_REQUEST_ERROR":return"net";default:return"failed"}}const P="/xenon/api/interceptor";async function Je(t){const r=await fetch(`${P}/sessions/${encodeURIComponent(t)}/requests`);if(r.status===404){const a=await r.json().catch(()=>({}));return{active:!1,error:a==null?void 0:a.error}}return r.ok?{active:!0,requests:(await r.json()).requests||[]}:{active:!1,error:`request failed (${r.status})`}}async function Ue(t,r){const s=await fetch(`${P}/sessions/${encodeURIComponent(t)}/requests/${encodeURIComponent(r)}`);return s.ok?s.json():null}function Ie(t){return`${P}/sessions/${encodeURIComponent(t)}/har`}function Ve(t){return t>=200&&t<300?"ready":t>=300&&t<400?"neutral":t>=400&&t<500?"busy":t>=500?"error":"neutral"}const V=({headers:t})=>{const r=Object.entries(t||{});return r.length===0?e.jsx("div",{className:"text-xs text-[var(--text-dim)]",children:"No headers"}):e.jsx("div",{className:"space-y-0.5 font-mono text-xs",children:r.map(([s,a])=>e.jsxs("div",{className:"flex gap-2",children:[e.jsxs("span",{className:"text-[var(--text-dim)] shrink-0",children:[s,":"]}),e.jsx("span",{className:"break-all",children:a})]},s))})},K=({body:t})=>{if(t==null||t==="")return e.jsx("div",{className:"text-xs text-[var(--text-dim)]",children:"No body"});let r=t;try{r=JSON.stringify(JSON.parse(t),null,2)}catch{}return e.jsx("pre",{className:"font-mono text-xs whitespace-pre-wrap break-all bg-[var(--surface-2,var(--surface))] rounded p-2 max-h-64 overflow-auto",children:r})},Ke=({request:t,onClose:r})=>{if(!t)return null;const s=e.jsxs("div",{className:"flex items-center gap-2 text-sm",children:[e.jsx(j,{tone:"accent",children:t.method}),t.failed?e.jsx(j,{tone:"error",children:X(t.failureKind)}):e.jsx(j,{tone:Ve(t.resStatus),children:t.resStatus||"—"}),e.jsx("span",{className:"font-mono text-xs truncate",title:t.url,children:t.url})]});return e.jsx(me,{open:!!t,title:s,onClose:r,width:720,children:e.jsxs("div",{className:"space-y-4 text-xs",children:[t.failed&&e.jsxs("div",{className:"border border-[var(--red,#dc2626)] rounded p-2 bg-[var(--red-soft,rgba(220,38,38,0.08))]",children:[e.jsx("div",{className:"text-[var(--red,#dc2626)] uppercase tracking-wide text-[10px] mb-1",children:"Failure"}),e.jsx("div",{className:"text-xs",children:t.failureReason||"Request failed"}),t.failureKind&&e.jsx("div",{className:"font-mono text-[10px] text-[var(--text-dim)] mt-1",children:t.failureKind})]}),!t.failed&&e.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-[var(--text-dim)] uppercase tracking-wide text-[10px] mb-1",children:"Duration"}),e.jsxs("div",{className:"font-mono",children:[t.durationMs," ms"]})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-[var(--text-dim)] uppercase tracking-wide text-[10px] mb-1",children:"Flags"}),e.jsxs("div",{className:"flex gap-1",children:[t.mocked&&e.jsx(j,{tone:"accent",children:"mocked"}),t.modified&&e.jsx(j,{tone:"busy",children:"modified"}),!t.mocked&&!t.modified&&e.jsx("span",{className:"text-[var(--text-dim)]",children:"passthrough"})]})]})]}),t.commandHint&&e.jsxs("div",{children:[e.jsx("div",{className:"text-[var(--text-dim)] uppercase tracking-wide text-[10px] mb-1",children:"Triggered by"}),e.jsx("div",{className:"font-mono",children:t.commandHint.commandName})]}),!t.failed&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-[var(--text-dim)] uppercase tracking-wide text-[10px] mb-1",children:"Request Headers"}),e.jsx(V,{headers:t.reqHeaders})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-[var(--text-dim)] uppercase tracking-wide text-[10px] mb-1",children:"Request Body"}),e.jsx(K,{body:t.reqBody})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-[var(--text-dim)] uppercase tracking-wide text-[10px] mb-1",children:"Response Headers"}),e.jsx(V,{headers:t.resHeaders})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-[var(--text-dim)] uppercase tracking-wide text-[10px] mb-1",children:"Response Body"}),e.jsx(K,{body:t.resBody})]})]})]})})};function ze(t){return t?new Date(t).toLocaleTimeString(void 0,{hour12:!1}):"—"}function We(t){return t>=200&&t<300?"ready":t>=300&&t<400?"neutral":t>=400&&t<500?"busy":t>=500?"error":"neutral"}const Xe=({sessionId:t,sessionEnded:r})=>{const[s,a]=d.useState(null),[n,l]=d.useState(null),[c,i]=d.useState([]),[x,u]=d.useState(!0),[m,p]=d.useState(null),v=d.useRef(new Set),{on:N,isConnected:y}=ue();d.useEffect(()=>{let o=!0;return u(!0),Je(t).then(b=>{if(!o)return;a(b.active),l(b.error||null);const k=b.requests||[];i(k),v.current=new Set(k.map(f=>f.id))}).finally(()=>{o&&u(!1)}),()=>{o=!1}},[t]),d.useEffect(()=>{if(r)return;const o=N("interceptor_request",f=>{!f||f.sessionId!==t||v.current.has(f.id)||(v.current.add(f.id),i(T=>[f,...T]),a(!0))}),b=N("interceptor_session_started",f=>{(f==null?void 0:f.sessionId)===t&&a(!0)}),k=N("interceptor_session_stopped",f=>{(f==null?void 0:f.sessionId)===t&&a(!1)});return()=>{o(),b(),k()}},[N,t,r,y]);const w=d.useMemo(()=>[...c].sort((o,b)=>b.ts-o.ts),[c]),g=async o=>{if(p(o),s){const b=await Ue(t,o.id);b&&p(b)}},C=s&&c.length>0?e.jsxs("a",{href:Ie(t),className:"inline-flex items-center gap-1 text-xs text-[var(--text-dim)] hover:text-[var(--text)]",title:"Download HAR",children:[e.jsx(fe,{className:"h-3 w-3"}),"HAR"]}):null,O=e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(he,{className:"h-3.5 w-3.5 text-[var(--text-dim)]"}),e.jsx("span",{children:"Network"}),s&&c.length>0&&e.jsxs("span",{className:"text-xs text-[var(--text-dim)]",children:["(",c.length,")"]})]});let h;return x?h=e.jsx("div",{className:"p-4 text-xs text-[var(--text-dim)]",children:"Loading…"}):s===!1&&r?h=e.jsx(E,{title:"No network capture",description:"Network interception was not enabled for this session."}):s===!1?h=e.jsx(E,{title:"Network interception disabled",description:"Enable interceptor.enabled in plugin config to capture requests for Android sessions."}):n?h=e.jsxs("div",{className:"p-4 text-xs text-[var(--red)]",children:["Failed to load requests: ",n]}):w.length===0?h=e.jsx(E,{title:"Waiting for requests",description:r?"No HTTP traffic was captured during this session.":"Captured requests will appear here as the device makes calls."}):h=e.jsx("div",{className:"overflow-auto max-h-96",children:e.jsxs(ce,{children:[e.jsx(de,{children:e.jsxs(M,{children:[e.jsx(S,{style:{width:80},children:"Time"}),e.jsx(S,{style:{width:70},children:"Method"}),e.jsx(S,{style:{width:70},children:"Status"}),e.jsx(S,{children:"Host"}),e.jsx(S,{children:"Path"}),e.jsx(S,{style:{width:80},children:"Duration"}),e.jsx(S,{style:{width:90},children:"Flags"})]})}),e.jsx(xe,{children:w.map(o=>e.jsxs(M,{onClick:()=>g(o),style:{cursor:"pointer"},title:o.failed?o.failureReason:void 0,children:[e.jsx(R,{className:"font-mono text-[11px]",children:ze(o.ts)}),e.jsx(R,{children:e.jsx(j,{tone:"accent",children:o.method})}),e.jsx(R,{children:o.failed?e.jsx(j,{tone:"error",children:X(o.failureKind)}):e.jsx(j,{tone:We(o.resStatus),children:o.resStatus||"—"})}),e.jsx(R,{className:"font-mono text-[11px] truncate",title:o.host,children:o.host}),e.jsx(R,{className:"font-mono text-[11px] truncate",title:o.path,children:o.failed?"—":o.path}),e.jsx(R,{className:"font-mono text-[11px]",children:o.failed?"—":`${o.durationMs}ms`}),e.jsx(R,{children:e.jsxs("div",{className:"flex gap-1",children:[o.mocked&&e.jsx(j,{tone:"accent",children:"mock"}),o.modified&&e.jsx(j,{tone:"busy",children:"mod"})]})})]},o.id))})]})}),e.jsxs(e.Fragment,{children:[e.jsx(Me,{header:O,action:C,padded:!1,children:h}),e.jsx(Ke,{request:m,onClose:()=>p(null)})]})};function Ge(t){return t==="running"?{label:"RUNNING",tone:"running"}:t==="failed"?{label:"FAILED",tone:"failed"}:t==="ended"||t==="passed"?{label:"PASSED",tone:"passed"}:{label:((typeof t=="string"?t:"")||"UNKNOWN").toUpperCase(),tone:"offline"}}const lt=()=>{const{buildId:t="",sessionId:r=""}=Y(),{toast:s}=D(),a=Q(),n=q(),l=ge(r||null),c=d.useMemo(()=>{const g=n.builds.find(C=>C.id===t);return(g==null?void 0:g.name)||"Build"},[n.builds,t]);if(d.useEffect(()=>{!l.loading&&l.notFound&&(s("Session not available — it may belong to a team you are not on.","info"),a("/builds",{replace:!0}))},[l.loading,l.notFound,a,s]),l.loading)return e.jsx("div",{className:"p-6 text-xs text-[var(--text-dim)]",children:"Loading session…"});if(l.error||!l.session)return e.jsxs("div",{className:"p-6 space-y-2",children:[e.jsx(J,{buildId:t,buildName:c,sessionId:r}),e.jsx("div",{className:"mt-6 rounded-md border border-[var(--red)]/30 bg-[var(--surface)] p-4 text-xs text-[var(--red)]",children:l.error||"Session not found."})]});const i=l.session,x=Ge(i.status),u=Z(ee(i)),m=[...l.sessionLogs,...l.deviceLogs,...l.debugLogs],p=async()=>{try{await navigator.clipboard.writeText(i.id),s("Session ID copied","success")}catch{s("Clipboard unavailable","error")}},v=[{label:"Device",value:te(i)},{label:"Node ID",value:i.node_id||"—",mono:!0},{label:"Platform",value:re(i)},{label:"OS Version",value:i.device_version?se(i):"—",mono:!0}],N=[{label:"Session ID",value:e.jsxs("span",{className:"inline-flex items-center gap-1",children:[e.jsx("span",{className:"truncate",title:i.id,children:i.id}),e.jsx("button",{type:"button",onClick:p,"aria-label":"Copy session ID",className:"p-0.5 rounded text-[var(--text-dim)] hover:text-[var(--text)]",children:e.jsx(L,{className:"h-3 w-3"})})]}),mono:!0},{label:"Start Time",value:ae(i.startTime),mono:!0},{label:"Duration",value:u,mono:!0}],y=i.status==="failed",w=[{label:"Status",value:e.jsx(ne,{label:x.label,tone:x.tone})}];if(y&&i.failure_category){const g=F(i.failure_category);w.push({label:"Category",value:e.jsx("a",{href:`/xenon/runbooks/${encodeURIComponent(i.failure_category.toLowerCase())}`,target:"_blank",rel:"noreferrer",className:"text-[var(--red)] hover:underline",children:g})})}return y&&i.failure_reason&&w.push({label:"Failure Reason",value:i.failure_reason,tone:"red"}),e.jsxs("div",{className:"flex flex-col h-full min-h-0",children:[e.jsx(J,{buildId:t,buildName:c,sessionId:i.id}),e.jsx("div",{className:"flex-1 overflow-y-auto",children:e.jsxs("div",{className:"px-4 py-4 space-y-4",children:[e.jsx(ye,{identity:v,run:N,result:w}),y&&e.jsx(Se,{session:i,buildName:c,buildId:t,allLogs:m,durationText:u}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-[1fr_340px] gap-4",children:[e.jsx(Be,{sessionLogs:l.sessionLogs,deviceLogs:l.deviceLogs,debugLogs:l.debugLogs,profiling:l.profiling}),e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx(Re,{session:i}),e.jsx(_e,{session:i})]})]}),e.jsx(Xe,{sessionId:i.id,sessionEnded:i.status!=="running"})]})})]})};export{lt as SessionDetailPage,lt as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.settings-container{padding:24px 32px;max-width:1440px;margin:0 auto;color:var(--text);animation:fadeIn .3s ease;min-height:calc(100vh - 40px);display:flex;flex-direction:column;font-family:Inter,-apple-system,sans-serif;position:relative;background:var(--bg);width:100%}.settings-header{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}.settings-header h2{margin:0;font-size:1.75rem;font-weight:700;font-family:Outfit,sans-serif;color:var(--text);letter-spacing:-.01em;text-transform:uppercase}.settings-title-group{display:flex;align-items:center;gap:12px}.settings-title-group .settings-icon{color:var(--text-muted);flex-shrink:0}.settings-subtitle{color:var(--text-muted);font-size:.85rem;margin-top:6px;line-height:1.5}.settings-subtitle span{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--text-dim)}.badge-elite{font-size:10px;padding:3px 8px;border-radius:4px;background:#00ff8814;color:var(--green);border:1px solid rgba(0,255,136,.25);font-family:JetBrains Mono,monospace;font-weight:500;text-transform:uppercase;letter-spacing:.08em}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:6px;font-size:11px;font-weight:800;font-family:JetBrains Mono,monospace;background:#0006;border:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em}.status-pill.success{border-color:#00ff884d;color:var(--green)}.status-pill.error{border-color:#ff44444d;color:var(--status-error-fg)}.locked-indicator{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--text-dim);font-family:JetBrains Mono,monospace;margin-top:var(--space-4)}.locked-indicator code{background:#ffffff0d;color:var(--text-muted);padding:2px 6px;border-radius:4px}.settings-content{display:flex;flex-direction:column;gap:var(--space-8);flex-grow:1}.settings-section h3{display:flex;align-items:center;gap:var(--space-2);font-size:1.125rem;color:var(--text);font-weight:700;margin-bottom:var(--space-2)}.settings-content{display:flex;flex-direction:column;gap:var(--space-8);flex-grow:1;position:relative}.settings-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-6);margin-bottom:var(--space-6)}.settings-grid>*{grid-column:span 12}@media (min-width: 1024px){.settings-grid{grid-template-columns:repeat(3,1fr)}.settings-grid>*{grid-column:span 1}}.settings-grid--three{display:grid;grid-template-columns:1fr;gap:var(--space-5);margin-bottom:var(--space-6);align-items:stretch}.settings-grid--three>*{grid-column:auto}@media (min-width: 1024px){.settings-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}}.settings-grid--two-equal{display:grid;grid-template-columns:1fr;gap:var(--space-5);margin-bottom:var(--space-6);align-items:stretch}.settings-grid--two-equal>*{grid-column:auto}@media (min-width: 1024px){.settings-grid--two-equal{grid-template-columns:repeat(2,minmax(0,1fr))}}.card-spacer{flex-grow:1;min-height:24px}.section-description{color:var(--text-muted);font-size:.875rem;margin-bottom:var(--space-6);max-width:640px;line-height:1.6}.input-group{display:flex;align-items:center;gap:8px;background:var(--bg);border-radius:6px;padding:0 12px;height:42px;border:1px solid var(--border);transition:all .2s ease;position:relative}.input-group:hover{border-color:var(--border-strong)}.mesh-gradient-infra .input-group:focus-within,.mesh-gradient-ai .input-group:focus-within{border-color:var(--green);background:#00ff8808;box-shadow:0 0 0 1px var(--green)}.input-group input,.input-group select{background:transparent;border:none;color:var(--text);font-size:.95rem;width:100%;height:100%;outline:none;font-family:JetBrains Mono,monospace;font-weight:500}.input-group input::placeholder{color:var(--text-dim);opacity:.5}.input-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0 center;padding-right:2rem}.input-group .code-font{color:var(--text-dim);font-size:.7rem;font-weight:500;letter-spacing:1px;font-family:JetBrains Mono,monospace}.health-monitor-alert{display:flex;align-items:center;gap:12px;background:#ffb8000f;border:1px solid rgba(255,184,0,.2);padding:12px 16px;border-radius:6px;color:var(--status-busy-fg);font-size:11px;font-weight:500;font-family:JetBrains Mono,monospace;text-transform:uppercase}.status-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:6px;font-size:11px;animation:slideIn .3s ease;margin-top:16px;font-family:JetBrains Mono,monospace;text-transform:uppercase;font-weight:500}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.status-banner.success{background:#00ff880f;border:1px solid rgba(0,255,136,.25);color:var(--green)}.status-banner.error{background:#ff44440f;border:1px solid rgba(255,68,68,.25);color:var(--status-error-fg)}.cron-presets{margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.presets-label{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:500;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.preset-chip{padding:5px 12px;margin:2px;background:var(--bg);border:1px solid var(--border);color:var(--text-muted);font-size:10px;font-weight:500;border-radius:4px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em;font-family:JetBrains Mono,monospace;white-space:nowrap}.preset-chip:hover{background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.preset-chip.active{background:#00ff8814;color:var(--green);border-color:#00ff884d}.settings-footer{position:sticky;bottom:0;background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border-strong);padding:16px 32px;display:flex;justify-content:space-between;align-items:center;margin-top:auto;z-index:1000}.footer-left{display:flex;align-items:center;gap:16px}.footer-right{display:flex;gap:16px}.footer-dirty{display:inline-flex;align-items:center;gap:8px;color:var(--amber);font-family:Inter,sans-serif;font-size:13px;font-weight:500}.footer-dirty__dot{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 6px #f59e0b8c;animation:dirty-pulse 2s ease-in-out infinite}@keyframes dirty-pulse{0%,to{opacity:1}50%{opacity:.55}}.footer-divider{width:1px;height:18px;background:var(--border-strong)}.save-btn{background:var(--green);color:var(--bg);padding:10px 24px;border-radius:6px;font-weight:600;font-size:11px;border:none;transition:all .2s;display:flex;align-items:center;gap:6px;text-transform:uppercase;font-family:JetBrains Mono,monospace}.save-btn:hover:not(:disabled){background:var(--green-dim);transform:translateY(-1px);box-shadow:0 0 30px var(--accent-subtle)}.save-btn:active:not(:disabled){transform:translateY(0)}.reset-btn{background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:9px 20px;border-radius:6px;font-weight:500;font-size:11px;transition:all .2s;text-transform:uppercase;font-family:JetBrains Mono,monospace}.reset-btn:hover:not(:disabled){background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.reset-to-defaults-btn{background:transparent;border:1px solid rgba(255,68,68,.2);color:#f44;padding:9px 20px;border-radius:6px;font-size:10px;font-weight:500;display:flex;align-items:center;gap:6px;transition:all .2s;text-transform:uppercase;font-family:JetBrains Mono,monospace}.reset-to-defaults-btn:hover:not(:disabled){background:#ff4d4d0d;border-color:#ff4d4d}.save-btn:disabled,.reset-btn:disabled,.reset-to-defaults-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;filter:grayscale(.2)}.setting-field{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.setting-input-wrapper{display:flex;align-items:center;gap:var(--space-4);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:8px 12px;transition:border-color .15s,box-shadow .15s}.setting-input-wrapper:focus-within{border-color:var(--green);box-shadow:0 0 0 2px #3fb95066}.setting-input-wrapper input,.setting-input-wrapper select{background:transparent;border:none;color:var(--text);font-size:.875rem;width:100%;outline:none}.settings-loading{height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);color:var(--text-muted)}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.settings-container{padding:var(--space-6)}.settings-footer{flex-direction:column;gap:var(--space-3);padding:var(--space-6)}.footer-left,.footer-right{width:100%;display:flex;flex-direction:column;gap:var(--space-2)}.reset-btn,.save-btn,.reset-to-defaults-btn{width:100%;justify-content:center;white-space:nowrap}}.save-btn,.reset-btn,.reset-to-defaults-btn{white-space:nowrap}.glow-error{box-shadow:0 0 15px #ef444426;border-color:#ef444466!important;animation:pulse-error 2s infinite}@keyframes pulse-error{0%{box-shadow:0 0 10px #ef44441a}50%{box-shadow:0 0 20px #ef444440}to{box-shadow:0 0 10px #ef44441a}}.critical-alert-card{background:#7f1d1d4d;border:2px solid var(--status-error-fg);border-radius:var(--radius-lg);overflow:hidden;margin-top:var(--space-8);box-shadow:0 10px 30px #dc262666;animation:shake-entry .4s ease-out}@keyframes shake-entry{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.critical-header{background:var(--status-error-fg);color:var(--text);padding:16px 24px;display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.1rem;letter-spacing:.02em}.setting-input-wrapper select{background:transparent;color:var(--text);font-family:Inter,sans-serif;font-weight:500;cursor:pointer;padding-right:32px;-moz-appearance:none;appearance:none;-webkit-appearance:none;color-scheme:dark}.setting-input-wrapper{position:relative}.setting-input-wrapper:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--text-dim);pointer-events:none}.setting-input-wrapper:hover:after{border-top-color:var(--green)}.setting-input-wrapper select option{background-color:var(--surface);color:var(--text);padding:12px}.critical-body{padding:24px;color:#fca5a5}.critical-body p{margin:0 0 16px;line-height:1.6;font-size:.95rem}.terminal-block-critical{background:var(--bg);border:1px solid rgba(127,29,29,.6);border-radius:8px;padding:16px;font-family:JetBrains Mono,monospace;font-size:.85rem;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.terminal-block-critical code{color:#a5f3fc;font-weight:600}.copy-btn-critical{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.copy-btn-critical:hover{background:#fff3;transform:scale(1.05)}.setting-input-wrapper:focus-within{border-color:var(--green);background:#22c55e08;box-shadow:0 0 0 1px var(--green),0 0 15px #22c55e33,inset 0 0 0 1px #22c55e1a;transform:translateY(-1px)}.live-signal{width:6px;height:6px;background-color:var(--green);border-radius:50%;margin-right:6px;position:relative}.live-signal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--green);animation:ping-signal 1.5s cubic-bezier(0,0,.2,1) infinite}@keyframes ping-signal{75%,to{transform:scale(2.5);opacity:0}}.input-container{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);height:42px}.status-pill{height:42px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.card-header-dense{border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:16px;margin-bottom:24px}.form-field{display:flex;flex-direction:column;gap:10px}.field-label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding-left:2px}.status-badge{display:flex;align-items:center;gap:8px;padding:0 16px;border-radius:6px;font-size:.8rem;font-weight:600;font-family:JetBrains Mono,monospace;height:42px;width:100%;transition:all .2s}.status-badge.success-filled{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.status-badge.error-filled{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.2)}.ghost-btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);padding:0 20px;height:40px;border-radius:6px;font-weight:600;font-size:.85rem;transition:all .2s;display:flex;align-items:center;gap:8px}.ghost-btn:hover{background:#ffffff0d;color:var(--text);border-color:#fff3}.save-btn.primary{height:40px;box-shadow:0 4px 12px #22c55e40}.ai-provider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-4)}.ai-provider-card{display:flex;flex-direction:column;gap:12px;padding:16px 20px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;cursor:pointer;transition:all .2s ease;text-align:left;color:var(--text)}.ai-provider-card:hover:not(.disabled){border-color:#fff3;background:#ffffff0f}.ai-provider-card.active{border-color:var(--green);background:#22c55e0f;box-shadow:0 0 0 1px var(--green),0 4px 16px #22c55e1f}.ai-provider-card.disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.5)}.ai-provider-card-header{display:flex;align-items:center;gap:12px}.ai-provider-icon{width:36px;height:36px;border-radius:8px;background:#ffffff0f;display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.ai-provider-card.active .ai-provider-icon{background:#22c55e26;color:var(--green)}.ai-provider-info{display:flex;flex-direction:column;gap:2px;min-width:0}.ai-provider-name{font-weight:700;font-size:.95rem;color:var(--text)}.ai-provider-desc{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-provider-status{display:flex;align-items:center}.ai-config-display{display:flex;flex-direction:column;gap:1px;background:#ffffff0a;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.ai-config-row{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#02061780}.ai-config-row+.ai-config-row{border-top:1px solid rgba(255,255,255,.04)}.ai-config-label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.ai-config-value{font-size:.9rem;font-weight:500;color:var(--text);display:flex;align-items:center;gap:8px}.ai-config-value.mono{font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--text)}.ai-config-default{font-size:11px;background:#ffffff0f;color:var(--text-dim);padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.05em}.toggle-group{display:flex;align-items:center;gap:12px}.switch{position:relative;display:inline-block;width:38px;height:22px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff14;border:1px solid var(--border);transition:all .2s ease;cursor:pointer;border-radius:999px}.slider:before{content:"";position:absolute;width:16px;height:16px;left:2px;top:50%;transform:translateY(-50%);background:var(--text-muted);border-radius:50%;transition:all .2s ease}.switch input:checked+.slider{background:#00ff8826;border-color:var(--green);box-shadow:0 0 12px #00ff8826}.switch input:checked+.slider:before{left:calc(100% - 18px);background:var(--green)}.switch input:focus-visible+.slider{outline:2px solid var(--green);outline-offset:2px}.toggle-label{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase}.cron-preview{margin-top:12px;padding:10px 12px;background:#00000040;border:1px solid var(--border);border-radius:6px;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.cron-preview .preview-label{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.cron-preview .preview-value{font-size:13px;color:var(--text);font-weight:500}.cron-presets{margin-top:12px}.presets-label{display:flex;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.presets-grid{display:flex;flex-wrap:wrap;gap:8px}.preset-chip{padding:6px 12px;border-radius:6px;border:1px solid var(--border);background:#ffffff08;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.preset-chip:hover{border-color:var(--border);color:var(--text)}.preset-chip.active{background:#00ff882e;border-color:var(--green);color:var(--green);box-shadow:inset 0 0 0 1px #22c55e59}.preset-chip__check{color:var(--green)}.active-pill{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:4px 10px;border-radius:999px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;color:var(--green);background:#22c55e1a;border:1px solid rgba(34,197,94,.3);letter-spacing:.01em}.card-title-row{display:inline-flex;align-items:center;gap:6px}.modified-dot{width:6px;height:6px;border-radius:50%;background:var(--amber);box-shadow:0 0 6px #f59e0b80;display:inline-block}.input-group.has-error{border-color:#ef44448c;background:#ef44440a}.input-group.has-error:focus-within{border-color:var(--red);box-shadow:0 0 0 1px var(--red);background:#ef44440f}.input-status{display:flex;align-items:center;gap:6px;margin-top:4px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;letter-spacing:.01em}.input-status--ok{color:var(--green)}.input-status--error{color:var(--status-error-fg)}.presets-grid--stacked{display:flex;flex-direction:column;gap:8px;align-items:stretch}.presets-grid--stacked .preset-chip{justify-content:flex-start;width:100%}.switch--header{margin-left:auto}.healing-state{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-top:-4px}.healing-state.is-on{color:var(--green)}.healing-state.is-off{color:var(--text-dim)}.healing-events{margin-top:auto;padding:12px;border-radius:var(--radius-md);background:#ffffff06;border:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.healing-events__link{margin-left:auto;display:inline-flex;align-items:center;gap:3px;text-decoration:none;color:var(--green);font-family:JetBrains Mono,monospace;font-size:9.5px;font-weight:600;letter-spacing:.06em;padding:2px 6px;border-radius:4px;border:1px solid rgba(16,185,129,.25);background:#10b9810f;transition:all .15s ease;text-transform:none}.healing-events__link:hover{background:#10b9811f;border-color:#10b98166}.healing-events__header{display:flex;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--text-dim);text-transform:uppercase}.healing-events__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.healing-events__empty{font-size:11.5px;color:var(--text-dim);line-height:1.45;padding:6px 2px}.healing-event{display:flex;gap:10px;align-items:flex-start}.healing-event__icon{color:var(--green);flex-shrink:0;margin-top:1px}.healing-event__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.healing-event__row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.healing-event__kind{font-size:12px;font-weight:700;color:var(--text)}.healing-event__when{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-dim);white-space:nowrap}.healing-event__message{font-size:11.5px;color:var(--text-muted);line-height:1.4}.settings-footer{animation:dirty-slide-up .2s cubic-bezier(.2,0,0,1)}@keyframes dirty-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-header-subnote{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim);margin-left:8px}.provider-count-pill{display:inline-flex;align-items:center;margin-left:auto;padding:4px 10px;border-radius:6px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.provider-count-pill.is-ok{background:#22c55e1a;color:var(--green);border:1px solid rgba(34,197,94,.3)}.provider-count-pill.is-empty{background:#8a938f14;color:var(--text-muted);border:1px solid var(--border-strong)}.provider-list{display:flex;flex-direction:column;gap:10px}.provider-row{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff05;color:var(--text);text-align:left;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;width:100%}.provider-row:hover:not(:disabled):not(.is-active){border-color:var(--border-strong);background:#ffffff0a}.provider-row.is-active{border-color:var(--green);background:#22c55e0f;box-shadow:inset 0 0 0 1px #22c55e66}.provider-row.is-disabled{cursor:not-allowed;opacity:.55}.provider-row__icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:#ffffff0d;color:var(--text-muted);flex-shrink:0;font-family:Outfit,sans-serif;font-weight:700;font-size:16px}.provider-row.is-active .provider-row__icon{background:#22c55e2e;color:var(--green)}.ai-provider-glyph{font-family:Outfit,sans-serif;font-weight:700;font-size:18px;line-height:1}.provider-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.provider-row__name{font-weight:700;font-size:14px;color:var(--text)}.provider-row__desc{font-size:12px;color:var(--text-muted);line-height:1.4}.provider-row__status{margin-top:6px}.provider-status{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1px solid transparent}.provider-status--active{color:var(--green);background:#22c55e1f;border-color:#22c55e59}.provider-status--off{color:var(--text-dim);background:#ffffff0a;border-color:var(--border-strong)}.model-params{display:flex;flex-direction:column;gap:14px;margin-top:8px;padding:14px;border-radius:var(--radius-md);background:#ffffff06;border:1px solid var(--border)}.model-params__header{display:flex;align-items:center;gap:8px;color:var(--text);font-family:Outfit,sans-serif;font-size:13px;font-weight:700;letter-spacing:.01em}.model-param{display:flex;flex-direction:column;gap:6px}.model-param__label-row{display:flex;justify-content:space-between;align-items:baseline}.model-param__label-row label{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--text-dim);text-transform:uppercase}.model-param__value{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;color:var(--text)}.model-param__slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:#ffffff14;border-radius:999px;outline:none;cursor:pointer}.model-param__slider::-webkit-slider-runnable-track{height:4px;background:linear-gradient(to right,var(--green) 0%,var(--green) var(--slider-pct, 50%),rgba(255,255,255,.08) var(--slider-pct, 50%),rgba(255,255,255,.08) 100%);border-radius:999px}.model-param__slider::-moz-range-track{height:4px;background:#ffffff14;border-radius:999px}.model-param__slider::-moz-range-progress{height:4px;background:var(--green);border-radius:999px}.model-param__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--green);cursor:pointer;margin-top:-5px;box-shadow:0 0 8px #22c55e80;border:2px solid var(--bg)}.model-param__slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--green);cursor:pointer;box-shadow:0 0 8px #22c55e80;border:2px solid var(--bg)}.test-connection-btn{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:var(--radius-md);background:#ffffff0a;border:1px solid var(--border-strong);color:var(--text);font-family:Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;width:100%}.test-connection-btn:hover:not(:disabled){background:#22c55e0f;border-color:#22c55e66;color:var(--green)}.test-connection-btn:disabled{opacity:.5;cursor:not-allowed}.ai-config-row .ai-config-default{margin-left:auto}.maintenance-notice{background:#3b82f60d!important;border-color:#3b82f640!important;color:var(--blue)!important}.page-header-action{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);background:var(--green);color:var(--bg);font-family:Inter,sans-serif;font-size:13px;font-weight:700;border:1px solid transparent;cursor:pointer;transition:filter .15s,transform .15s}.page-header-action:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.page-header-action:disabled{opacity:.5;cursor:not-allowed}.page-header-action--ghost{background:transparent;color:var(--text);border-color:var(--border-strong)}.page-header-action--ghost:hover:not(:disabled){background:#ffffff0a;border-color:#22c55e66;color:var(--green)}.stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-5)}.stat-strip__cell{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:16px 20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:4px}.stat-strip__value{font-family:Outfit,sans-serif;font-size:28px;font-weight:700;line-height:1.1;color:var(--text);letter-spacing:-.02em}.stat-strip__value--accent{color:var(--green)}.stat-strip__label{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em}.data-card{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.data-card .table-row:hover{background:#ffffff08}.pill-chip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:600;letter-spacing:.04em;border:1px solid transparent;line-height:1.4}.pill-chip--shared{background:#ffffff0a;color:var(--text-muted);border-color:var(--border-strong)}.pill-chip--team{background:#22c55e1a;color:var(--green);border-color:#22c55e4d}.pill-chip--scope{background:#3b82f61a;color:var(--blue);border-color:#3b82f64d}.pill-chip--admin{background:#f59e0b1f;color:var(--amber);border-color:#f59e0b59}.scope-chips{display:inline-flex;flex-wrap:wrap;gap:4px}.row-meta-mono{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-dim);margin-top:2px}.row-mono{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-muted)}.row-action{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:var(--radius-md);background:transparent;border:1px solid var(--border-strong);color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .15s ease}.row-action:hover:not(:disabled){background:#ffffff0a;border-color:#fff3;color:var(--text)}.row-action--danger{color:var(--status-error-fg);border-color:#ef444440}.row-action--danger:hover:not(:disabled){background:#ef44440f;border-color:#ef444480;color:#fca5a5}.row-action:disabled{opacity:.4;cursor:not-allowed}.empty-state{background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);padding:56px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.empty-state__icon{width:56px;height:56px;border-radius:50%;background:#22c55e14;color:var(--green);display:flex;align-items:center;justify-content:center;margin-bottom:4px;border:1px solid rgba(34,197,94,.18)}.empty-state__title{margin:0;font-family:Outfit,sans-serif;font-size:18px;font-weight:700;color:var(--text);letter-spacing:-.005em}.empty-state__copy{margin:0;font-size:13px;color:var(--text-muted);line-height:1.55;max-width:480px}.empty-state__action{margin-top:12px}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.team-card{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:14px;text-align:left;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s;color:var(--text);width:100%}.team-card:hover{border-color:#22c55e66;transform:translateY(-1px);box-shadow:var(--shadow-md)}.team-card__header{display:flex;align-items:flex-start;gap:12px}.team-card__icon{width:36px;height:36px;border-radius:var(--radius-md);background:#22c55e1a;color:var(--green);display:flex;align-items:center;justify-content:center;flex-shrink:0}.team-card__title{flex:1;min-width:0}.team-card__name{font-family:Outfit,sans-serif;font-size:15px;font-weight:700;color:var(--text);letter-spacing:-.005em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-card__id{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-dim);margin-top:2px}.team-card__delete{flex-shrink:0}.team-card__metrics{display:flex;gap:20px;border-top:1px dashed var(--border);padding-top:12px}.team-card__metric{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:12px}.team-card__metric svg{color:var(--text-dim)}.team-card__metric-value{font-family:Outfit,sans-serif;font-size:16px;font-weight:700;color:var(--text)}.team-card__metric-label{color:var(--text-dim);font-size:11px;letter-spacing:.02em}.team-card__footer{margin-top:auto;font-family:JetBrains Mono,monospace;font-size:10.5px;color:var(--text-dim);letter-spacing:.04em}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{m as R,r as c,X as m,j as e,v as F,C as T,L as B,y as P}from"./index-BrVV0Kla.js";/* empty css */import{S as x,A as q}from"./SettingCard-M-lFn_Wm.js";import{P as X}from"./page-header-C0pnt4xz.js";import{u as V}from"./useSocket-Bkt5i-U6.js";import{S as G,C as O}from"./shield-BBc4qisQ.js";import{C as _}from"./circle-check--2DSsfaI.js";import{C as U}from"./clock-DIpGd4Pn.js";import{M as W,F as K}from"./mouse-pointer-2-n4xUMxHJ.js";import{C as J}from"./check-BkT38An9.js";import{A as Q}from"./activity-DK3R5GAb.js";import{A as Y}from"./arrow-up-right-B7q_1mXs.js";const f={healthCheckIntervalMs:3e4,healthCheckSchedule:"",enableSelfHealing:!0},j=5e3,Z=[{label:"Battery Saver (2 AM)",value:"0 2 * * *"},{label:"Standard (Hourly)",value:"0 * * * *"},{label:"Operational Coverage (30m)",value:"*/30 * * * *"},{label:"High Performance (10m)",value:"*/10 * * * *"}],S=5;function ee(t){const s=Date.parse(t);if(!Number.isFinite(s))return"";const n=Math.max(0,Date.now()-s),l=Math.floor(n/1e3);if(l<60)return`${l}s ago`;const o=Math.floor(l/60);if(o<60)return`${o}m ago`;const h=Math.floor(o/60);return h<24?`${h}h ago`:`${Math.floor(h/24)}d ago`}function A(t){var h,u;const s=(h=t.originalSelector)==null?void 0:h.trim(),n=(u=t.healedSelector)==null?void 0:u.trim(),l=t.tier&&t.commandName?`${t.commandName}: `:"";if(s&&n&&s!==n)return`${l}${s} → ${n}`;if(n)return`${l}Recovered locator ${n}`;if(s)return`${l}Recovered locator ${s}`;const o=typeof t.confidence=="number"?` (${Math.round(t.confidence*100)}%)`:"";return`${l||""}Self-healed${o}`}function ae(t){return t.tier?t.tier:t.commandName?t.commandName:t.deviceName?t.deviceName:"Self-heal"}const se=(t,s)=>t.healthCheckIntervalMs===s.healthCheckIntervalMs&&t.healthCheckSchedule===s.healthCheckSchedule&&t.enableSelfHealing===s.enableSelfHealing,ge=()=>{const{toast:t}=R(),[s,n]=c.useState(f),[l,o]=c.useState(f),[h,u]=c.useState(!0),[N,C]=c.useState(!1),[b,y]=c.useState([]),[E,H]=c.useState(!1),{on:k}=V();c.useEffect(()=>{I()},[]),c.useEffect(()=>{let a=!1;return m.getRecentHealingEvents(S).then(i=>{if(a||!i)return;const d=Array.isArray(i.events)?i.events.slice(0,S):[];y(d)}).catch(()=>{}).finally(()=>{a||H(!0)}),()=>{a=!0}},[]),c.useEffect(()=>{const a=k("healing_event",i=>{const d=i;!d||!d.id||y(p=>p.some(D=>D.id===d.id)?p:[d,...p].slice(0,S))});return()=>{a&&a()}},[k]);const I=async()=>{u(!0);try{const a=await m.getGlobalConfig(),i={healthCheckIntervalMs:a.healthCheckIntervalMs||3e4,healthCheckSchedule:a.healthCheckSchedule||"",enableSelfHealing:a.enableSelfHealing!==void 0?a.enableSelfHealing:!0};n(i),o(i)}catch(a){console.error("Failed to load settings",a),t("Failed to access infrastructure parameters.","error")}finally{u(!1)}},g=!se(s,l),r=Number.isNaN(s.healthCheckIntervalMs)||s.healthCheckIntervalMs<j?`Below minimum safe value of ${j}ms.`:null,w=g&&!r,v={interval:s.healthCheckIntervalMs!==l.healthCheckIntervalMs,schedule:s.healthCheckSchedule!==l.healthCheckSchedule,healing:s.enableSelfHealing!==l.enableSelfHealing},M=async a=>{const i=a??s;if(!a&&r){t(r,"error");return}C(!0);try{await m.updateGlobalConfig(i),o(i),n(i),t("Infrastructure parameters synchronized across fleet.","success")}catch(d){console.error("Failed to save settings",d),t("Synchronization failed. Check network integrity.","error")}finally{C(!1)}},$=async()=>{n(f),await M(f);try{await m.resetMetrics()}catch(a){console.error("Failed to reset metrics",a)}},z=()=>{n(l)},L=s.healthCheckSchedule!=="";return h?e.jsxs("div",{className:"settings-loading",children:[e.jsx(F,{className:"animate-spin",size:32}),e.jsx("span",{children:"Synchronizing Global Infrastructure..."})]}):e.jsxs("div",{className:"settings-container",children:[e.jsx(X,{icon:G,title:"Infrastructure Control",subtitle:"Manage core farm parameters, heartbeat frequency, and maintenance orchestrations across the global registry."}),e.jsx("div",{className:"settings-content",children:e.jsxs("div",{className:"settings-grid settings-grid--three",children:[e.jsxs(x,{icon:e.jsx(U,{size:16}),title:e.jsxs("span",{className:"card-title-row",children:["Idle Health Frequency",v.interval&&e.jsx("span",{className:"modified-dot","aria-label":"Modified"})]}),description:"Frequency of passive health pings when the system is in idle state.",hint:"Minimum safe value: 5000ms. Note: This frequency is overridden when a schedule is active.",children:[e.jsx("div",{className:"card-spacer"}),e.jsxs("div",{className:`input-group ${r?"has-error":""}`,children:[e.jsx("input",{type:"number",value:s.healthCheckIntervalMs,onChange:a=>n({...s,healthCheckIntervalMs:parseInt(a.target.value,10)}),min:j,step:5e3,"aria-invalid":!!r,"aria-describedby":r?"interval-error":"interval-status"}),e.jsx("span",{className:"code-font",children:"MS"})]}),r?e.jsxs("div",{id:"interval-error",className:"input-status input-status--error",role:"alert",children:[e.jsx(T,{size:12}),e.jsx("span",{children:r})]}):e.jsxs("div",{id:"interval-status",className:"input-status input-status--ok",children:[e.jsx(_,{size:12}),e.jsx("span",{children:"Valid frequency"})]})]}),e.jsxs(x,{icon:e.jsx(O,{size:16}),title:e.jsxs("span",{className:"card-title-row",children:["Deep Diagnostic Schedule",v.schedule&&e.jsx("span",{className:"modified-dot","aria-label":"Modified"})]}),titleExtra:L?e.jsxs("span",{className:"active-pill",children:[e.jsx(Q,{size:11}),e.jsx("span",{children:"Active"})]}):null,description:"Execute intensive reliability bursts (WDA restarts, Cache purges) using standardized Cron syntax.",children:[e.jsx("div",{className:"setting-input-wrapper",children:e.jsx("input",{type:"text",placeholder:"e.g. 0 * * * * (At internal min 0)",value:s.healthCheckSchedule,onChange:a=>n({...s,healthCheckSchedule:a.target.value})})}),e.jsxs("div",{className:"cron-presets",children:[e.jsxs("div",{className:"presets-label",children:[e.jsx(W,{size:12}),e.jsx("span",{children:"Intent-Based Presets"})]}),e.jsx("div",{className:"presets-grid presets-grid--stacked",children:Z.map(a=>{const i=s.healthCheckSchedule===a.value;return e.jsxs("button",{type:"button",className:`preset-chip ${i?"active":""}`,onClick:()=>n({...s,healthCheckSchedule:a.value}),"aria-pressed":i,children:[i&&e.jsx(J,{size:11,className:"preset-chip__check"}),e.jsx("span",{children:a.label})]},a.label)})})]})]}),e.jsxs(x,{icon:e.jsx(P,{size:16}),title:e.jsxs("span",{className:"card-title-row",children:["AI Self-Healing",v.healing&&e.jsx("span",{className:"modified-dot","aria-label":"Modified"})]}),titleExtra:e.jsxs("label",{className:"switch switch--header",children:[e.jsx("input",{type:"checkbox",checked:s.enableSelfHealing,onChange:a=>n({...s,enableSelfHealing:a.target.checked}),"aria-label":"Toggle AI Self-Healing"}),e.jsx("span",{className:"slider round"})]}),children:[e.jsx("div",{className:`healing-state ${s.enableSelfHealing?"is-on":"is-off"}`,children:s.enableSelfHealing?"ENABLED":"DISABLED"}),e.jsx("p",{className:"setting-card-description",children:"Automatically intercept and recover from failing locators using Xenon's 5-tier strategy. When enabled, Xenon will attempt to find elements via Fuzzy XML, OCR, Visual AI, and LLM before failing a test."}),s.enableSelfHealing&&e.jsxs("div",{className:"healing-events",children:[e.jsxs("div",{className:"healing-events__header",children:[e.jsx(K,{size:11}),e.jsx("span",{children:"Recent Healing Events"}),e.jsxs(B,{to:"/selector-health",className:"healing-events__link",children:["Selector Health ",e.jsx(Y,{size:10})]})]}),b.length>0?e.jsx("ul",{className:"healing-events__list",children:b.map(a=>e.jsxs("li",{className:"healing-event",children:[e.jsx(_,{size:14,className:"healing-event__icon"}),e.jsxs("div",{className:"healing-event__body",children:[e.jsxs("div",{className:"healing-event__row",children:[e.jsx("span",{className:"healing-event__kind",children:ae(a)}),e.jsx("span",{className:"healing-event__when",children:ee(a.createdAt)})]}),e.jsx("div",{className:"healing-event__message",title:A(a),children:A(a)})]})]},a.id))}):e.jsx("div",{className:"healing-events__empty",children:E?"No healing events recorded yet — the dashboard will populate as locators are recovered.":"Loading recent events…"})]})]})]})}),(g||N)&&e.jsx(q,{onSave:()=>M(),onDiscard:z,onRestoreDefaults:$,isSaving:N,isValidating:!!r,isDirty:g,saveLabel:w?"Save Configuration":"Resolve errors to save"})]})};export{ge as Settings};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as s,X as g,j as x}from"./index-BrVV0Kla.js";import{u as y}from"./useSocket-Bkt5i-U6.js";const $=3e3;function N(){const[e,t]=s.useState([]),[r,a]=s.useState([]),[o,i]=s.useState(null),[c,m]=s.useState(""),[v,p]=s.useState(!0),[b,S]=s.useState(null),l=s.useRef(!0),{on:d}=y(),u=s.useCallback(async()=>{try{const[n,f]=await Promise.all([g.getBuilds(),o?g.getSessions({buildId:o,query:c}):Promise.resolve([])]);if(!l.current)return;t(Array.isArray(n)?n:[]),a(Array.isArray(f)?f:[]),S(null)}catch(n){if(!l.current)return;S(n instanceof Error?n.message:String(n))}finally{l.current&&p(!1)}},[o,c]);return s.useEffect(()=>{l.current=!0,u();const n=setInterval(u,$);return()=>{l.current=!1,clearInterval(n)}},[u]),s.useEffect(()=>{const n=()=>u(),f=[d("session_started",n),d("session_stopped",n),d("device_added",n),d("device_removed",n)];return()=>{for(const h of f)h()}},[d,u]),{builds:e,selectedBuildId:o,sessions:r,loading:v,error:b,selectBuild:i,searchQuery:c,setSearchQuery:m,refresh:u}}function A(e){const t={all:e.length,passed:0,failed:0,running:0};for(const r of e)r.status==="ended"||r.status==="passed"?t.passed+=1:r.status==="failed"?t.failed+=1:r.status==="running"&&(t.running+=1);return t}function w(e){var r;const t=(r=e.device_name)==null?void 0:r.trim();return t&&t.length>0?t:"Unknown Device"}function F(e){const t=e.device_platform??"";if(!t)return"—";const r=t.toLowerCase();return r==="ios"?"iOS":r==="tvos"?"tvOS":r.charAt(0).toUpperCase()+r.slice(1)}function I(e){return e.device_version?`v${e.device_version}`:""}function L(e){if(!e)return"—";const t=typeof e=="string"?new Date(e):e;if(Number.isNaN(t.getTime()))return"—";const r=String(t.getDate()).padStart(2,"0"),a=String(t.getMonth()+1).padStart(2,"0"),o=t.getFullYear(),i=String(t.getHours()).padStart(2,"0"),c=String(t.getMinutes()).padStart(2,"0"),m=String(t.getSeconds()).padStart(2,"0");return`${r}/${a}/${o}, ${i}:${c}:${m}`}function M(e){if(!e.startTime)return null;const t=Date.parse(e.startTime);if(!Number.isFinite(t))return null;const r=e.endTime?Date.parse(e.endTime):Date.now();return Number.isFinite(r)?Math.max(0,r-t):null}function T(e){if(e==null||!Number.isFinite(e)||e<0)return"—";const t=e/1e3,r=Math.floor(t/3600),a=Math.floor(t%3600/60),i=(t-r*3600-a*60).toFixed(1);return r>0?`${r}h ${a}m ${i}s`:a>0?`${a}m ${i}s`:`${i}s`}function k(e,t=10,r=4){return e?e.length<=t+r+1?e:`${e.slice(0,t)}…${e.slice(-r)}`:""}const D={ready:"border-[var(--green)]/40 text-[var(--green)]",passed:"border-[var(--green)]/40 text-[var(--green)]",running:"border-[var(--amber)]/40 text-[var(--amber)]",failed:"border-[var(--red)]/40 text-[var(--red)]",offline:"border-[var(--text-dim)]/40 text-[var(--text-dim)]"},B=({label:e,tone:t})=>x.jsx("span",{className:`inline-flex items-center justify-center h-6 px-2.5 rounded border text-[10px] font-mono font-semibold tracking-wider ${D[t]}`,children:e});export{B as S,M as a,A as b,w as d,L as f,T as h,I as o,F as p,k as s,N as u};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{m as D,r as n,j as e,v as z,z as f,S as B}from"./index-BrVV0Kla.js";/* empty css */import{T as E,a as M,b as T,c as u,d as R,e as j}from"./Table-B3EUgBi6.js";import{F as G}from"./FieldGroup-DE3u01Nu.js";import{P as U}from"./page-header-C0pnt4xz.js";import{M as Y}from"./Modal-BJcFdiBP.js";import{l as K}from"./users-cwrwUhwo.js";import{S as Q}from"./shield-alert-BfoPJ8q_.js";import{P as N}from"./plus-BObE-_z6.js";import{A as V}from"./arrow-left-9933DNlF.js";import{T as L}from"./trash-2-CE5TRHb2.js";const P={SUPER_ADMIN:"Super Admin",ADMIN:"Admin",MEMBER:"Member"};async function p(i,r){const t=await fetch(i,{credentials:"include",...r});if(!t.ok){const l=await t.json().catch(()=>({}));throw Object.assign(new Error(l.error||`HTTP ${t.status}`),{status:t.status})}return t.json()}const me=()=>{const{toast:i}=D(),[r,t]=n.useState([]),[l,m]=n.useState(!0),[c,h]=n.useState(!1),[x,d]=n.useState(!1),[_,S]=n.useState(null),v=async()=>{m(!0);try{const a=await p("/xenon/api/teams");t(a),h(!1)}catch(a){a.status===403?h(!0):i(`Failed to load teams: ${a.message}`,"error")}finally{m(!1)}};if(n.useEffect(()=>{v()},[]),l)return e.jsxs("div",{className:"settings-loading",children:[e.jsx(z,{className:"animate-spin",size:32}),e.jsx("span",{children:"Loading teams…"})]});if(c)return e.jsx("div",{className:"settings-container",children:e.jsx(U,{icon:Q,title:"Teams",subtitle:e.jsxs(e.Fragment,{children:["Your key lacks the ",e.jsx("code",{children:"admin"})," scope. Ask an administrator to promote your key before you can manage teams."]})})});if(_)return e.jsx(Z,{team:_,onBack:()=>{S(null),v()}});const C=r.reduce((a,o)=>a+o.deviceCount,0),y=r.reduce((a,o)=>a+o.memberCount,0);return e.jsxs("div",{className:"settings-container",children:[e.jsx(U,{icon:f,title:"Teams",subtitle:"Group devices and members by team. Devices with no team assignment stay in the shared pool — visible to every authenticated user.",action:r.length>0?e.jsxs("button",{type:"button",className:"page-header-action",onClick:()=>d(!0),children:[e.jsx(N,{size:16}),e.jsx("span",{children:"New team"})]}):void 0}),e.jsxs("div",{className:"settings-content",children:[r.length>0&&e.jsxs("div",{className:"stat-strip",children:[e.jsxs("div",{className:"stat-strip__cell",children:[e.jsx("div",{className:"stat-strip__value stat-strip__value--accent",children:r.length}),e.jsx("div",{className:"stat-strip__label",children:"Teams"})]}),e.jsxs("div",{className:"stat-strip__cell",children:[e.jsx("div",{className:"stat-strip__value",children:y}),e.jsx("div",{className:"stat-strip__label",children:"Members"})]}),e.jsxs("div",{className:"stat-strip__cell",children:[e.jsx("div",{className:"stat-strip__value",children:C}),e.jsx("div",{className:"stat-strip__label",children:"Devices assigned"})]})]}),r.length===0?e.jsxs("div",{className:"empty-state",children:[e.jsx("div",{className:"empty-state__icon",children:e.jsx(f,{size:28})}),e.jsx("h3",{className:"empty-state__title",children:"No teams yet"}),e.jsx("p",{className:"empty-state__copy",children:"Every device is in the shared pool until you create a team and assign it. Teams let you scope an API key to a subset of devices — useful for separating CI runners, staging fleets, or per-team device pools."}),e.jsxs("button",{type:"button",className:"page-header-action empty-state__action",onClick:()=>d(!0),children:[e.jsx(N,{size:16}),e.jsx("span",{children:"Create your first team"})]})]}):e.jsx("div",{className:"team-grid",children:r.map(a=>e.jsxs("button",{type:"button",className:"team-card",onClick:()=>S(a),children:[e.jsxs("div",{className:"team-card__header",children:[e.jsx("div",{className:"team-card__icon",children:e.jsx(f,{size:16})}),e.jsxs("div",{className:"team-card__title",children:[e.jsx("div",{className:"team-card__name",children:a.name}),e.jsx("div",{className:"team-card__id",children:a.id.slice(0,8)})]}),e.jsx("span",{className:"team-card__delete",role:"button",tabIndex:0,onClick:o=>o.stopPropagation(),children:e.jsx(X,{team:a,onDeleted:v})})]}),e.jsxs("div",{className:"team-card__metrics",children:[e.jsxs("div",{className:"team-card__metric",children:[e.jsx(B,{size:13}),e.jsx("span",{className:"team-card__metric-value",children:a.deviceCount}),e.jsx("span",{className:"team-card__metric-label",children:"devices"})]}),e.jsxs("div",{className:"team-card__metric",children:[e.jsx(f,{size:13}),e.jsx("span",{className:"team-card__metric-value",children:a.memberCount}),e.jsx("span",{className:"team-card__metric-label",children:"members"})]})]}),e.jsxs("div",{className:"team-card__footer",children:["Created ",new Date(a.createdAt).toLocaleDateString()]})]},a.id))})]}),x&&e.jsx(W,{onClose:()=>d(!1),onCreated:()=>{d(!1),v()}})]})},W=({onClose:i,onCreated:r})=>{const{toast:t}=D(),[l,m]=n.useState(""),[c,h]=n.useState(!1),x=async()=>{if(!l.trim())return t("Name required","error");h(!0);try{await p("/xenon/api/teams",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:l.trim()})}),t("Team created","success"),r()}catch(d){t(d.message,"error")}finally{h(!1)}};return e.jsx(Y,{open:!0,onClose:i,title:"New team",footer:e.jsxs(e.Fragment,{children:[e.jsx("button",{className:"reset-btn",onClick:i,disabled:c,children:"Cancel"}),e.jsxs("button",{className:"save-btn",onClick:x,disabled:c,children:[c?e.jsx(z,{className:"animate-spin",size:18}):e.jsx(N,{size:18}),c?"Creating…":"Create"]})]}),children:e.jsx("div",{style:{display:"flex",flexDirection:"column"},children:e.jsx(G,{label:"Name",htmlFor:"team-name",children:e.jsx("input",{id:"team-name",type:"text",value:l,onChange:d=>m(d.target.value),placeholder:"android-team, qa-ios, …",style:A,autoFocus:!0})})})})},X=({team:i,onDeleted:r})=>{const{toast:t}=D(),[l,m]=n.useState(!1),c=async h=>{if(h.stopPropagation(),!!window.confirm(`Delete team "${i.name}"? It must have no devices and no members.`)){m(!0);try{await p(`/xenon/api/teams/${i.id}`,{method:"DELETE"}),t("Team deleted","success"),r()}catch(x){t(x.message,"error")}finally{m(!1)}}};return e.jsxs("button",{className:"reset-btn",disabled:l,onClick:c,style:{color:"var(--status-error-fg)"},children:[e.jsx(L,{size:14}),l?"Deleting…":"Delete"]})},Z=({team:i,onBack:r})=>{const{toast:t}=D(),[l,m]=n.useState([]),[c,h]=n.useState([]),[x,d]=n.useState([]),[_,S]=n.useState([]),[v,C]=n.useState(!0),[y,a]=n.useState(""),[o,k]=n.useState(""),b=async()=>{C(!0);try{const[s,g,q]=await Promise.all([p(`/xenon/api/teams/${i.id}/members`),K(),p("/xenon/api/device")]);m(s),h(g);const I=q;d(I.filter(w=>w.teamId===i.id)),S(I.filter(w=>!w.teamId))}catch(s){t(`Failed to load team detail: ${s.message}`,"error")}finally{C(!1)}};n.useEffect(()=>{b()},[i.id]);const $=async()=>{if(y)try{await p(`/xenon/api/teams/${i.id}/members`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({userId:y})}),t("Member added","success"),a(""),b()}catch(s){t(s.message,"error")}},F=async s=>{if(window.confirm("Remove this member from the team?"))try{await p(`/xenon/api/teams/${i.id}/members/${encodeURIComponent(s)}`,{method:"DELETE"}),t("Member removed","success"),b()}catch(g){t(g.message,"error")}},O=async()=>{if(o)try{await p(`/xenon/api/device/${encodeURIComponent(o)}/team`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({teamId:i.id})}),t("Device assigned","success"),k(""),b()}catch(s){t(s.message,"error")}},H=async s=>{if(window.confirm("Return this device to the shared pool?"))try{await p(`/xenon/api/device/${encodeURIComponent(s)}/team`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({teamId:null})}),t("Device unassigned","success"),b()}catch(g){t(g.message,"error")}},J=c.filter(s=>!l.some(g=>g.userId===s.id));return e.jsxs("div",{className:"settings-container mesh-gradient-infra",children:[e.jsxs("div",{className:"settings-header",children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:12},children:[e.jsx("button",{onClick:r,className:"reset-btn",style:{padding:"4px 8px"},"aria-label":"Back",children:e.jsx(V,{size:18})}),e.jsxs("div",{className:"settings-title-group",children:[e.jsx(f,{className:"settings-icon infra-icon",size:28}),e.jsx("h2",{children:i.name})]})]}),e.jsx("p",{className:"settings-subtitle",children:'Manage members and devices assigned to this team. To add a device, go to Devices and use "Assign to team."'})]}),v?e.jsx("div",{className:"settings-loading",children:e.jsx(z,{className:"animate-spin",size:32})}):e.jsxs("div",{className:"settings-content",style:{display:"flex",flexDirection:"column",gap:24},children:[e.jsxs("section",{children:[e.jsxs("h3",{style:{marginBottom:12},children:["Members (",l.length,")"]}),e.jsxs("div",{className:"surface-card",style:{padding:12},children:[e.jsxs("div",{style:{display:"flex",gap:8,marginBottom:12},children:[e.jsxs("select",{value:y,onChange:s=>a(s.target.value),style:{...A,flex:1},children:[e.jsx("option",{value:"",children:"Select a user to add…"}),J.map(s=>e.jsxs("option",{value:s.id,children:[s.name," (",s.email,") — ",P[s.role]]},s.id))]}),e.jsxs("button",{className:"save-btn",onClick:$,disabled:!y,children:[e.jsx(N,{size:16})," Add"]})]}),l.length===0?e.jsx("p",{style:{opacity:.6,textAlign:"center",padding:24},children:"No members yet. Add a user above."}):e.jsxs(E,{children:[e.jsx(M,{children:e.jsxs(T,{children:[e.jsx(u,{children:"Name"}),e.jsx(u,{children:"Email"}),e.jsx(u,{children:"Role"}),e.jsx(u,{children:"Added"}),e.jsx(u,{style:{textAlign:"right"},children:"Action"})]})}),e.jsx(R,{children:l.map(s=>e.jsxs(T,{children:[e.jsx(j,{children:s.name}),e.jsx(j,{children:e.jsx("code",{style:{fontSize:"11px",color:"var(--text-muted)"},children:s.email})}),e.jsx(j,{children:P[s.role]}),e.jsx(j,{children:new Date(s.addedAt).toLocaleDateString()}),e.jsx(j,{style:{textAlign:"right"},children:e.jsx("button",{className:"reset-btn",onClick:()=>F(s.userId),style:{color:"var(--status-error-fg)"},"aria-label":"Remove member",title:"Remove member",children:e.jsx(L,{size:14})})})]},s.userId))})]})]})]}),e.jsxs("section",{children:[e.jsxs("h3",{style:{marginBottom:12},children:["Devices (",x.length,")"]}),e.jsxs("div",{className:"surface-card",style:{padding:12},children:[e.jsxs("div",{style:{display:"flex",gap:8,marginBottom:12},children:[e.jsxs("select",{value:o,onChange:s=>k(s.target.value),style:{...A,flex:1},children:[e.jsx("option",{value:"",children:"Select a shared-pool device to assign…"}),_.map(s=>e.jsxs("option",{value:s.udid,children:[s.name," (",s.platform,") — ",s.udid.slice(0,12),"…"]},s.udid))]}),e.jsxs("button",{className:"save-btn",onClick:O,disabled:!o,children:[e.jsx(N,{size:16})," Assign"]})]}),x.length===0?e.jsx("p",{style:{opacity:.6,textAlign:"center",padding:24},children:"No devices assigned. Use the Devices page to move devices into this team."}):e.jsxs(E,{children:[e.jsx(M,{children:e.jsxs(T,{children:[e.jsx(u,{children:"Name"}),e.jsx(u,{children:"Platform"}),e.jsx(u,{children:"UDID"}),e.jsx(u,{style:{textAlign:"right"},children:"Actions"})]})}),e.jsx(R,{children:x.map(s=>e.jsxs(T,{children:[e.jsxs(j,{children:[e.jsx(B,{size:14,style:{marginRight:6,verticalAlign:"middle"}}),s.name]}),e.jsx(j,{children:s.platform}),e.jsx(j,{children:e.jsxs("code",{style:{fontSize:"11px"},children:[s.udid.slice(0,14),"…"]})}),e.jsx(j,{style:{textAlign:"right"},children:e.jsx("button",{className:"reset-btn",onClick:()=>H(s.udid),children:"Return to shared pool"})})]},s.udid))})]})]})]})]})]})},A={width:"100%",padding:"8px 12px",background:"rgba(0,0,0,0.3)",border:"1px solid rgba(255,255,255,0.1)",borderRadius:6,color:"inherit",fontSize:"0.95em",boxSizing:"border-box"};export{me as Teams};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import{g,b as w,r as s,j as e,f as S}from"./index-BrVV0Kla.js";import{l as E,d as k,c as M,u as C}from"./users-cwrwUhwo.js";import{P as R}from"./plus-BObE-_z6.js";import{T as A}from"./trash-2-CE5TRHb2.js";/**
|
|
2
|
-
* @license lucide-react v0.555.0 - ISC
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the ISC license.
|
|
5
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/const I=[["path",{d:"M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z",key:"1s6t7t"}],["circle",{cx:"16.5",cy:"7.5",r:".5",fill:"currentColor",key:"w0ekpg"}]],P=g("key-round",I);/**
|
|
7
|
-
* @license lucide-react v0.555.0 - ISC
|
|
8
|
-
*
|
|
9
|
-
* This source code is licensed under the ISC license.
|
|
10
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
11
|
-
*/const U=[["path",{d:"M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7",key:"1m0v6g"}],["path",{d:"M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z",key:"ohrbg2"}]],D=g("square-pen",U),N={SUPER_ADMIN:"Super Admin",ADMIN:"Admin",MEMBER:"Member"};function V(){const{me:r}=w(),[v,f]=s.useState([]),[c,p]=s.useState(!0),[n,j]=s.useState(null),[u,b]=s.useState(!1),[m,o]=s.useState(null),[i,x]=s.useState(null);async function h(){p(!0),j(null);try{f(await E())}catch(t){j(t.message||"Failed to load")}finally{p(!1)}}s.useEffect(()=>{h()},[]);async function l(t){if(confirm(`Delete ${t.email}? This cannot be undone.`))try{await k(t.id),f(d=>d.filter(y=>y.id!==t.id))}catch(d){alert(d.message)}}async function a(t){if(confirm(`Send a password-reset link to ${t.email}?`))try{await S(t.email),alert(`Reset link sent (or logged) for ${t.email}.`)}catch(d){alert(d.message)}}return e.jsxs("div",{className:"px-8 py-6 max-w-5xl",children:[e.jsxs("div",{className:"flex items-center justify-between mb-6",children:[e.jsx("h1",{className:"text-2xl font-semibold",children:"Users"}),e.jsxs("button",{onClick:()=>b(!0),className:"h-9 px-4 rounded-md bg-[var(--green)] text-black font-medium text-sm flex items-center gap-1",children:[e.jsx(R,{size:14})," Invite User"]})]}),n&&e.jsx("div",{className:"text-sm text-[var(--red)] mb-4",children:n}),c?e.jsx("div",{className:"text-sm text-[var(--text-dim)]",children:"Loading…"}):v.length===0?e.jsx("div",{className:"text-sm text-[var(--text-dim)] py-8 text-center border border-dashed border-[var(--border)] rounded-md",children:"No users to show — invite the first one above."}):e.jsxs("table",{className:"w-full text-sm",children:[e.jsx("thead",{className:"text-[11px] text-[var(--text-dim)] uppercase tracking-wide",children:e.jsxs("tr",{children:[e.jsx("th",{className:"text-left py-2",children:"Name"}),e.jsx("th",{className:"text-left py-2",children:"Email"}),e.jsx("th",{className:"text-left py-2",children:"Role"}),e.jsx("th",{className:"text-left py-2",children:"Status"}),e.jsx("th",{className:"text-left py-2",children:"Last Login"}),e.jsx("th",{className:"w-px"})]})}),e.jsx("tbody",{children:v.map(t=>{const d=(r==null?void 0:r.userId)===t.id;return e.jsxs("tr",{className:"border-t border-[var(--border)]",children:[e.jsx("td",{className:"py-2",children:t.name}),e.jsx("td",{className:"py-2 text-[var(--text-muted)]",children:t.email}),e.jsx("td",{className:"py-2",children:N[t.role]}),e.jsx("td",{className:"py-2",children:t.status==="ACTIVE"?e.jsx("span",{className:"text-[var(--green)]",children:"Active"}):e.jsx("span",{className:"text-[var(--text-dim)]",children:"Inactive"})}),e.jsx("td",{className:"py-2 text-[var(--text-muted)]",children:t.lastLoginAt?new Date(t.lastLoginAt).toLocaleString():"—"}),e.jsxs("td",{className:"py-2 text-right space-x-2",children:[e.jsx("button",{onClick:()=>o(t),disabled:d,title:d?"Use a different super-admin to manage your own account":"Edit",className:"text-[var(--text-dim)] hover:text-[var(--text)] disabled:opacity-30",children:e.jsx(D,{size:14})}),e.jsx("button",{onClick:()=>a(t),title:"Send password-reset link",className:"text-[var(--text-dim)] hover:text-[var(--text)]",children:e.jsx(P,{size:14})}),e.jsx("button",{onClick:()=>l(t),disabled:d,title:d?"Use a different super-admin to manage your own account":"Delete",className:"text-[var(--red)] hover:opacity-80 disabled:opacity-30",children:e.jsx(A,{size:14})})]})]},t.id)})})]}),u&&e.jsx(L,{onClose:()=>b(!1),onCreated:t=>{b(!1),t.temporaryPassword&&x({email:t.email,password:t.temporaryPassword}),h()},callerRole:(r==null?void 0:r.role)??"MEMBER"}),m&&e.jsx(z,{user:m,onClose:()=>o(null),onSaved:()=>{o(null),h()}}),i&&e.jsx("div",{className:"fixed inset-0 z-30 bg-black/50 flex items-center justify-center",role:"dialog",children:e.jsxs("div",{className:"bg-[var(--bg)] border border-[var(--border)] rounded-lg w-full max-w-md p-6",children:[e.jsx("h3",{className:"text-base font-semibold mb-2",children:"User created"}),e.jsxs("p",{className:"text-xs text-[var(--text-dim)] mb-3",children:["Temporary password for ",i.email,". Copy now — it will not be shown again."]}),e.jsx("code",{className:"block break-all px-3 py-2 rounded bg-[var(--surface)] border border-[var(--border)] text-xs mb-3",children:i.password}),e.jsx("div",{className:"flex justify-end",children:e.jsx("button",{onClick:()=>x(null),className:"h-9 px-4 rounded-md bg-[var(--green)] text-black text-sm font-medium",children:"Done"})})]})})]})}function L({onClose:r,onCreated:v,callerRole:f}){const[c,p]=s.useState(""),[n,j]=s.useState(""),[u,b]=s.useState("MEMBER"),[m,o]=s.useState(!1),[i,x]=s.useState(null),h=f==="SUPER_ADMIN"?["SUPER_ADMIN","ADMIN","MEMBER"]:["MEMBER"];async function l(a){a.preventDefault(),o(!0),x(null);try{const t=await M({email:c,name:n,role:u});v({email:t.email,temporaryPassword:t.temporaryPassword})}catch(t){x(t.message)}finally{o(!1)}}return e.jsx("div",{className:"fixed inset-0 z-30 bg-black/50 flex items-center justify-center",role:"dialog",children:e.jsxs("form",{onSubmit:l,className:"bg-[var(--bg)] border border-[var(--border)] rounded-lg w-full max-w-md p-6",children:[e.jsx("h3",{className:"text-lg font-semibold mb-4",children:"Invite User"}),e.jsx("label",{className:"block text-xs text-[var(--text-dim)] mb-1",children:"Email"}),e.jsx("input",{type:"email",value:c,onChange:a=>p(a.target.value),autoFocus:!0,required:!0,className:"w-full mb-3 h-10 px-3 rounded-md bg-[var(--surface)] border border-[var(--border)] text-sm"}),e.jsx("label",{className:"block text-xs text-[var(--text-dim)] mb-1",children:"Name"}),e.jsx("input",{value:n,onChange:a=>j(a.target.value),required:!0,className:"w-full mb-3 h-10 px-3 rounded-md bg-[var(--surface)] border border-[var(--border)] text-sm"}),e.jsx("label",{className:"block text-xs text-[var(--text-dim)] mb-1",children:"Role"}),e.jsx("select",{value:u,onChange:a=>b(a.target.value),className:"w-full mb-4 h-10 px-3 rounded-md bg-[var(--surface)] border border-[var(--border)] text-sm",children:h.map(a=>e.jsx("option",{value:a,children:N[a]},a))}),i&&e.jsx("div",{className:"text-xs text-[var(--red)] mb-2",children:i}),e.jsxs("div",{className:"flex justify-end gap-2",children:[e.jsx("button",{type:"button",onClick:r,className:"h-9 px-3 rounded-md border border-[var(--border)] text-sm",children:"Cancel"}),e.jsx("button",{type:"submit",disabled:m||!c||!n,className:"h-9 px-4 rounded-md bg-[var(--green)] text-black text-sm font-medium disabled:opacity-50",children:m?"Creating…":"Create"})]})]})})}function z({user:r,onClose:v,onSaved:f}){const[c,p]=s.useState(r.name),[n,j]=s.useState(r.role),[u,b]=s.useState(r.status),[m,o]=s.useState(!1),[i,x]=s.useState(null);async function h(l){l.preventDefault(),o(!0),x(null);try{await C(r.id,{name:c,role:n,status:u}),f()}catch(a){x(a.message)}finally{o(!1)}}return e.jsx("div",{className:"fixed inset-0 z-30 bg-black/50 flex items-center justify-center",role:"dialog",children:e.jsxs("form",{onSubmit:h,className:"bg-[var(--bg)] border border-[var(--border)] rounded-lg w-full max-w-md p-6",children:[e.jsxs("h3",{className:"text-lg font-semibold mb-4",children:["Edit User — ",r.email]}),e.jsx("label",{className:"block text-xs text-[var(--text-dim)] mb-1",children:"Name"}),e.jsx("input",{value:c,onChange:l=>p(l.target.value),required:!0,className:"w-full mb-3 h-10 px-3 rounded-md bg-[var(--surface)] border border-[var(--border)] text-sm"}),e.jsx("label",{className:"block text-xs text-[var(--text-dim)] mb-1",children:"Role"}),e.jsxs("select",{value:n,onChange:l=>j(l.target.value),className:"w-full mb-3 h-10 px-3 rounded-md bg-[var(--surface)] border border-[var(--border)] text-sm",children:[e.jsx("option",{value:"SUPER_ADMIN",children:"Super Admin"}),e.jsx("option",{value:"ADMIN",children:"Admin"}),e.jsx("option",{value:"MEMBER",children:"Member"})]}),e.jsx("label",{className:"block text-xs text-[var(--text-dim)] mb-1",children:"Status"}),e.jsxs("select",{value:u,onChange:l=>b(l.target.value),className:"w-full mb-4 h-10 px-3 rounded-md bg-[var(--surface)] border border-[var(--border)] text-sm",children:[e.jsx("option",{value:"ACTIVE",children:"Active"}),e.jsx("option",{value:"INACTIVE",children:"Inactive"})]}),i&&e.jsx("div",{className:"text-xs text-[var(--red)] mb-2",children:i}),e.jsxs("div",{className:"flex justify-end gap-2",children:[e.jsx("button",{type:"button",onClick:v,className:"h-9 px-3 rounded-md border border-[var(--border)] text-sm",children:"Cancel"}),e.jsx("button",{type:"submit",disabled:m,className:"h-9 px-4 rounded-md bg-[var(--green)] text-black text-sm font-medium disabled:opacity-50",children:m?"Saving…":"Save"})]})]})})}export{V as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{m as P,r,X as c,j as e,x as u,v as b,C as U,H as D}from"./index-BrVV0Kla.js";/* empty css */import{F as S}from"./FieldGroup-DE3u01Nu.js";import{P as H}from"./page-header-C0pnt4xz.js";import{T as O}from"./trash-2-CE5TRHb2.js";import{P as x}from"./plus-BObE-_z6.js";import{C as V}from"./circle-x-x7R8vTBo.js";import{C as B}from"./circle-check--2DSsfaI.js";import{Z as I}from"./zap-BzdRuL9F.js";import{A as X}from"./activity-DK3R5GAb.js";const C=[{id:"device_offline",label:"Device Offline",icon:U,tone:"red"},{id:"device_new",label:"New Device",icon:x,tone:"green"},{id:"session_failed",label:"Session Failed",icon:V,tone:"amber"},{id:"selector_health_digest",label:"Selector Health Digest",icon:D,tone:"green"}],J=["udid","host","name","sessionId","failureReason","eventType","platform"],ae=()=>{const{toast:o}=P(),[g,T]=r.useState([]),[A,w]=r.useState(!0),[l,j]=r.useState(""),[d,k]=r.useState(["device_offline","session_failed"]),[h,f]=r.useState(!1),[v,N]=r.useState(!1),[n,_]=r.useState(!1),[y,m]=r.useState("");r.useEffect(()=>{p()},[]);const p=async()=>{w(!0);try{const s=await c.getWebhookConfigs();T(s||[])}catch(s){console.error("Failed to load webhook configs",s),o("Failed to load webhooks.","error")}finally{w(!1)}},z=async()=>{if(!l.trim()){o("Webhook URL is required.","error");return}if(d.length===0){o("Select at least one trigger event.","error");return}f(!0);try{await c.addWebhookConfig(l.trim(),d,"slack",y||void 0),j(""),m(""),_(!1),k(["device_offline","session_failed"]),await p(),o("Webhook saved.","success")}catch(s){console.error("Failed to add webhook",s),o(`Failed to add webhook: ${s.message||"unknown error"}`,"error")}finally{f(!1)}},E=async(s,t)=>{if(window.confirm(`Remove webhook for "${t}"?`))try{await c.deleteWebhookConfig(s),await p(),o("Webhook removed.","success")}catch(a){console.error("Failed to delete webhook",a),o(`Failed to delete: ${a.message||"unknown error"}`,"error")}},L=async()=>{if(l.trim()){N(!0);try{await c.testWebhook(l.trim(),"slack"),o("Test payload delivered.","success")}catch(s){o(`Test failed: ${s.message||"check the URL"}`,"error")}finally{N(!1)}}},W=s=>{k(t=>t.includes(s)?t.filter(a=>a!==s):[...t,s])},$=s=>{m(t=>t+`{{${s}}} `)};return e.jsxs("div",{className:"settings-container",children:[e.jsx(H,{icon:u,title:"Notification Webhooks",subtitle:"Configure Slack or generic webhooks to receive alerts for critical infrastructure events."}),e.jsxs("div",{className:"settings-content",children:[A?e.jsxs("div",{className:"settings-loading",style:{height:200},children:[e.jsx(b,{className:"animate-spin",size:28}),e.jsx("span",{children:"Loading webhooks…"})]}):g.length===0?e.jsxs("div",{className:"empty-state",children:[e.jsx("div",{className:"empty-state__icon",children:e.jsx(u,{size:28})}),e.jsx("h3",{className:"empty-state__title",children:"No webhooks configured"}),e.jsx("p",{className:"empty-state__copy",children:"Wire up a Slack incoming webhook or any HTTPS endpoint to receive alerts when devices go offline, new devices register, or sessions fail. Configure your first webhook below."})]}):e.jsx("div",{className:"webhook-list-grid",children:g.map(s=>{const t=(()=>{try{return JSON.parse(s.events)}catch{return[]}})();return e.jsxs("div",{className:"webhook-row-card",children:[e.jsxs("div",{className:"webhook-row-card__header",children:[e.jsx("span",{className:`pill-chip ${s.payloadTemplate?"pill-chip--admin":"pill-chip--scope"}`,children:s.payloadTemplate?"CUSTOM":"SLACK"}),e.jsx("span",{className:"webhook-row-card__url",title:s.url,children:s.url}),e.jsxs("button",{type:"button",className:"row-action row-action--danger",onClick:()=>E(s.id,s.url),"aria-label":`Remove webhook for ${s.url}`,children:[e.jsx(O,{size:13}),e.jsx("span",{children:"Remove"})]})]}),e.jsx("div",{className:"webhook-row-card__events",children:t.length===0?e.jsx("span",{className:"webhook-row-card__no-events",children:"No triggers"}):t.map(a=>{const i=C.find(R=>R.id===a),F=(i==null?void 0:i.icon)??u;return e.jsxs("span",{className:`event-pill event-pill--${(i==null?void 0:i.tone)||"gray"}`,children:[e.jsx(F,{size:11}),(i==null?void 0:i.label)||a]},a)})})]},s.id)})}),e.jsxs("div",{className:"add-webhook-card",children:[e.jsxs("div",{className:"add-webhook-card__header",children:[e.jsx(x,{size:14}),e.jsx("span",{children:"Add a new webhook"})]}),e.jsxs("div",{className:"add-webhook-card__body",children:[e.jsx(S,{label:"Webhook URL",description:"The endpoint we POST webhook events to.",htmlFor:"webhook-url",children:e.jsx("div",{className:"setting-input-wrapper",children:e.jsx("input",{id:"webhook-url",type:"url",placeholder:"https://hooks.slack.com/services/...",value:l,onChange:s=>j(s.target.value)})})}),e.jsx(S,{label:"Trigger Events",children:e.jsx("div",{className:"event-toggle-grid",children:C.map(s=>{const t=d.includes(s.id),a=s.icon;return e.jsxs("button",{type:"button",role:"checkbox","aria-checked":t,className:`event-toggle event-toggle--${s.tone} ${t?"is-selected":""}`,onClick:()=>W(s.id),children:[e.jsx(a,{size:14,className:"event-toggle__lead"}),e.jsx("span",{children:s.label}),t&&e.jsx(B,{size:14,className:"event-toggle__check"})]},s.id)})})}),e.jsxs("div",{className:"template-section",children:[e.jsxs("button",{type:"button",className:"template-section__toggle",onClick:()=>_(!n),"aria-expanded":n,children:[e.jsx(I,{size:14,className:n?"tone-amber":"tone-dim"}),e.jsx("span",{children:"Use custom payload (optional)"}),e.jsx("span",{className:"template-section__indicator",children:n?"−":"+"})]}),n&&e.jsxs("div",{className:"template-editor",children:[e.jsx("p",{className:"template-editor__hint",children:"Define a JSON or text template. Click a variable below to insert it."}),e.jsx("div",{className:"template-editor__chips",children:J.map(s=>e.jsx("button",{type:"button",className:"template-editor__chip",onClick:()=>$(s),children:`{{${s}}}`},s))}),e.jsx("textarea",{className:"template-editor__textarea",placeholder:'Example: { "text": "Alert: Device {{udid}} is offline!" }',value:y,onChange:s=>m(s.target.value),rows:4})]})]})]}),e.jsxs("div",{className:"add-webhook-card__footer",children:[e.jsxs("button",{type:"button",className:"page-header-action page-header-action--ghost",onClick:L,disabled:!l.trim()||v,children:[v?e.jsx(b,{size:14,className:"animate-spin"}):e.jsx(X,{size:14}),e.jsx("span",{children:"Test payload"})]}),e.jsxs("button",{type:"button",className:"page-header-action",onClick:z,disabled:h||!l.trim(),children:[h?e.jsx(b,{size:14,className:"animate-spin"}):e.jsx(x,{size:14}),e.jsx("span",{children:h?"Saving…":"Save webhook"})]})]})]})]})]})};export{ae as WebhookSettings};
|