@xenon-device-management/xenon 2.12.0 → 2.13.1

package/scripts/dev/readme-screenshots.js

@@ -0,0 +1,231 @@
+#!/usr/bin/env node
+/**
+ * Takes the README's dashboard screenshots: assets/dashboard-dark.png and
+ * assets/dashboard-light.png.
+ *
+ * Serves the built dashboard (web/build) at /xenon/ and answers its API calls
+ * with sample devices, so no server, database or phone is needed and the
+ * pictures are the same on every machine.
+ *
+ *   cd web && npm run build && cd ..
+ *   node scripts/dev/readme-screenshots.js
+ *
+ * Uses web/'s Playwright. Set CHROME_BIN to use a particular Chromium.
+ */
+/* eslint-disable @typescript-eslint/no-var-requires -- a plain Node script, run without a build */
+/* global document, localStorage -- used inside the page, by Playwright */
+const fs = require('fs');
+const http = require('http');
+const path = require('path');
+
+const ROOT = path.resolve(__dirname, '..', '..');
+const BUILD = path.join(ROOT, 'web', 'build');
+const ASSETS = path.join(ROOT, 'assets');
+const PORT = 5179;
+
+const { chromium } = require(path.join(ROOT, 'web', 'node_modules', 'playwright'));
+
+if (!fs.existsSync(path.join(BUILD, 'index.html'))) {
+  console.error('web/build is missing: run `npm run build` in web/ first.');
+  process.exit(1);
+}
+
+const TYPES = {
+  '.html': 'text/html',
+  '.js': 'text/javascript',
+  '.css': 'text/css',
+  '.svg': 'image/svg+xml',
+  '.png': 'image/png',
+  '.ico': 'image/x-icon',
+  '.json': 'application/json',
+  '.woff2': 'font/woff2',
+};
+
+/** The built dashboard, with index.html for every route it handles itself. */
+const server = http.createServer((req, res) => {
+  const requested = decodeURIComponent(req.url.split('?')[0]).replace(/^\/xenon/, '');
+  let file = path.join(BUILD, requested);
+  if (!file.startsWith(BUILD) || !fs.existsSync(file) || fs.statSync(file).isDirectory()) {
+    file = path.join(BUILD, 'index.html');
+  }
+  res.writeHead(200, { 'Content-Type': TYPES[path.extname(file)] || 'application/octet-stream' });
+  fs.createReadStream(file).pipe(res);
+});
+
+const now = Date.now();
+const MINUTE = 60_000;
+const base = {
+  host: 'http://10.0.4.21:4723',
+  state: 'device',
+  busy: false,
+  userBlocked: false,
+  offline: false,
+  session_id: null,
+  healthStatus: 'Healthy',
+  thermalStatus: 'Normal',
+  teamId: null,
+  teamName: null,
+  tags: [],
+  reservedBy: null,
+  reservedUntil: null,
+  reservationReason: null,
+  totalUtilizationTimeMilliSec: 0,
+  total_session_count: 0,
+  sessionStartTime: 0,
+};
+
+const DEVICES = [
+  {
+    ...base,
+    udid: '28141FDH2000AB',
+    name: 'Pixel 8 Pro',
+    platform: 'android',
+    sdk: '15',
+    deviceType: 'real',
+    realDevice: true,
+    batteryLevel: 92,
+    tags: ['payments'],
+  },
+  {
+    ...base,
+    udid: '00008120-001A2B3C4D5E6F01',
+    name: 'iPhone 15',
+    platform: 'ios',
+    sdk: '18.1',
+    deviceType: 'real',
+    realDevice: true,
+    batteryLevel: 78,
+    busy: true,
+    session_id: 'b6f0c3e8-8d1a-4f5b-9c7e-1a2b3c4d5e6f',
+    sessionStartTime: now - 6 * MINUTE,
+  },
+  {
+    ...base,
+    udid: 'R5CT32ABCDE',
+    name: 'Galaxy S24',
+    platform: 'android',
+    sdk: '14',
+    deviceType: 'real',
+    realDevice: true,
+    batteryLevel: 64,
+    busy: true,
+    session_id: 'c1d2e3f4-5a6b-4c7d-8e9f-0a1b2c3d4e5f',
+    sessionStartTime: now - 2 * MINUTE,
+    host: 'http://10.0.4.22:4723',
+  },
+  {
+    ...base,
+    udid: '00008110-000A1C2E3F4B5D6E',
+    name: 'iPhone 14 Pro',
+    platform: 'ios',
+    sdk: '17.6',
+    deviceType: 'real',
+    realDevice: true,
+    batteryLevel: 100,
+    reservedBy: 'Priya',
+    reservedUntil: now + 90 * MINUTE,
+    reservationReason: 'Release checkout',
+    host: 'http://10.0.4.22:4723',
+  },
+  {
+    ...base,
+    udid: 'emulator-5554',
+    name: 'Pixel 7 API 34',
+    platform: 'android',
+    sdk: '14',
+    deviceType: 'emulator',
+    realDevice: false,
+    batteryLevel: 100,
+  },
+  {
+    ...base,
+    udid: '7A1C9E52-3B4D-4F6A-8C2E-1D0F9B8A7C65',
+    name: 'iPad Air (5th generation)',
+    platform: 'ios',
+    sdk: '18.1',
+    deviceType: 'simulator',
+    realDevice: false,
+    state: 'Booted',
+  },
+];
+
+const ME = {
+  userId: 'u-admin',
+  role: 'SUPER_ADMIN',
+  scopes: 'admin,devices,sessions,read',
+  teamId: null,
+  name: 'Lab admin',
+  email: 'admin@example.com',
+};
+
+/** Sample answers for the calls the Devices page makes; an empty object for the rest. */
+function answer(apiPath) {
+  if (apiPath === '/auth/me') return ME;
+  if (apiPath === '/devices' || apiPath.startsWith('/device')) return DEVICES;
+  if (apiPath === '/queue/length') return 0;
+  if (apiPath === '/queue/summary') return { total: 0, byPlatform: {}, otherCount: 0 };
+  if (apiPath === '/queue' || apiPath === '/teams' || apiPath === '/build') return [];
+  if (apiPath.startsWith('/session')) return [];
+  if (apiPath.startsWith('/healing/events')) return { events: [], todayCount: 0 };
+  return {};
+}
+
+async function shoot(browser, theme, file) {
+  const context = await browser.newContext({
+    viewport: { width: 1440, height: 700 },
+    deviceScaleFactor: 2,
+    colorScheme: theme,
+  });
+  await context.addInitScript((t) => {
+    try {
+      localStorage.setItem('xenon.theme', t);
+    } catch {
+      // The dashboard follows colorScheme without it.
+    }
+  }, theme);
+  const page = await context.newPage();
+  await page.route('**/socket.io/**', (route) => route.abort());
+  await page.route('**/xenon/api/**', (route) => {
+    const apiPath = new URL(route.request().url()).pathname.replace('/xenon/api', '');
+    if (apiPath.includes('/stream')) return route.abort();
+    return route.fulfill({ json: answer(apiPath) });
+  });
+
+  await page.goto(`http://127.0.0.1:${PORT}/xenon/devices`, { waitUntil: 'load' });
+  await page.waitForSelector('text=Pixel 8 Pro');
+  await page.waitForTimeout(1000);
+  // The live-updates badge says "Connecting" here only because the socket is
+  // blocked; hide it rather than picture a connection problem.
+  await page.evaluate(() => {
+    for (const el of document.querySelectorAll('header *')) {
+      if (el.children.length === 0 && /^Connecting/.test((el.textContent || '').trim())) {
+        let badge = el;
+        while (
+          badge.parentElement &&
+          /^Connecting/.test((badge.parentElement.textContent || '').trim())
+        ) {
+          badge = badge.parentElement;
+        }
+        badge.style.visibility = 'hidden';
+      }
+    }
+  });
+  await page.screenshot({ path: path.join(ASSETS, file) });
+  await context.close();
+  console.log(`assets/${file}`);
+}
+
+(async () => {
+  await new Promise((resolve) => server.listen(PORT, '127.0.0.1', resolve));
+  const browser = await chromium.launch({ executablePath: process.env.CHROME_BIN || undefined });
+  try {
+    await shoot(browser, 'dark', 'dashboard-dark.png');
+    await shoot(browser, 'light', 'dashboard-light.png');
+  } finally {
+    await browser.close();
+    server.close();
+  }
+})().catch((err) => {
+  console.error(err);
+  process.exit(1);
+});

package/lib/public/assets/ai-settings-G9SymiPH.js

@@ -1,21 +0,0 @@
-import{c as p,t as z,r as c,X as m,j as e,S as k,A as N,Q as I,V as $}from"./index-ClrpAMAT.js";/* empty css                 */import{S,A as F}from"./SettingCard-Clg_Ijbc.js";import{P as B}from"./page-header-B92DKLiq.js";import{L as T}from"./lock-CVCe56TH.js";import{C as b}from"./circle-check-Du3sjbfV.js";import{A as E}from"./activity-Bengh9SD.js";import"./button-CqhPBGRj.js";import"./utils-CDN07tui.js";/**
- * @license lucide-react v0.555.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const q=[["path",{d:"M12 20v2",key:"1lh1kg"}],["path",{d:"M12 2v2",key:"tus03m"}],["path",{d:"M17 20v2",key:"1rnc9c"}],["path",{d:"M17 2v2",key:"11trls"}],["path",{d:"M2 12h2",key:"1t8f8n"}],["path",{d:"M2 17h2",key:"7oei6x"}],["path",{d:"M2 7h2",key:"asdhe0"}],["path",{d:"M20 12h2",key:"1q8mjw"}],["path",{d:"M20 17h2",key:"1fpfkl"}],["path",{d:"M20 7h2",key:"1o8tra"}],["path",{d:"M7 20v2",key:"4gnj0m"}],["path",{d:"M7 2v2",key:"1i4yhu"}],["rect",{x:"4",y:"4",width:"16",height:"16",rx:"2",key:"1vbyd7"}],["rect",{x:"8",y:"8",width:"8",height:"8",rx:"1",key:"z9xiuo"}]],D=p("cpu",q);/**
- * @license lucide-react v0.555.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const U=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20",key:"13o1zl"}],["path",{d:"M2 12h20",key:"9i4pu4"}]],L=p("globe",U);/**
- * @license lucide-react v0.555.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const G=[["rect",{width:"20",height:"8",x:"2",y:"2",rx:"2",ry:"2",key:"ngkwjq"}],["rect",{width:"20",height:"8",x:"2",y:"14",rx:"2",ry:"2",key:"iecqi9"}],["line",{x1:"6",x2:"6.01",y1:"6",y2:"6",key:"16zg32"}],["line",{x1:"6",x2:"6.01",y1:"18",y2:"18",key:"nzw8ys"}]],R=p("server",G);/**
- * @license lucide-react v0.555.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const V=[["path",{d:"M10 8h4",key:"1sr2af"}],["path",{d:"M12 21v-9",key:"17s77i"}],["path",{d:"M12 8V3",key:"13r4qs"}],["path",{d:"M17 16h4",key:"h1uq16"}],["path",{d:"M19 12V3",key:"o1uvq1"}],["path",{d:"M19 21v-5",key:"qua636"}],["path",{d:"M3 14h4",key:"bcjad9"}],["path",{d:"M5 10V3",key:"cb8scm"}],["path",{d:"M5 21v-7",key:"1w1uti"}]],O=p("sliders-vertical",V),_={aiProvider:"gemini",aiModel:"",aiBaseUrl:"",geminiModel:"",openaiModel:"",anthropicModel:"",ollamaModel:"",geminiSet:!1,openaiSet:!1,anthropicSet:!1,aiTemperature:1,aiMaxTokens:4096,aiTopP:1},X=(s,i)=>s.aiProvider===i.aiProvider&&s.aiTemperature===i.aiTemperature&&s.aiMaxTokens===i.aiMaxTokens&&s.aiTopP===i.aiTopP,o=s=>{switch(s){case"gemini":return"gemini-3-flash-preview";case"openai":return"gpt-4o";case"anthropic":return"claude-sonnet-4-6";case"ollama":return"llama3";default:return"—"}},Y=s=>{switch(s){case"ollama":return"http://localhost:11434";default:return"Provider default"}},se=()=>{const{toast:s}=z(),[i,r]=c.useState(_),[h,u]=c.useState(_),[w,g]=c.useState(!0),[x,v]=c.useState(!1),[f,j]=c.useState(!1);c.useEffect(()=>{P()},[]);const P=async()=>{g(!0);try{const a=await m.getGlobalConfig(),n={aiProvider:a.aiProvider||"gemini",aiModel:a.aiModel||"",aiBaseUrl:a.aiBaseUrl||"",geminiModel:a.geminiModel||"",openaiModel:a.openaiModel||"",anthropicModel:a.anthropicModel||"",ollamaModel:a.ollamaModel||"",geminiSet:!!a.geminiSet,openaiSet:!!a.openaiSet,anthropicSet:!!a.anthropicSet,aiTemperature:typeof a.aiTemperature=="number"?a.aiTemperature:1,aiMaxTokens:typeof a.aiMaxTokens=="number"?a.aiMaxTokens:4096,aiTopP:typeof a.aiTopP=="number"?a.aiTopP:1};r(n),u(n)}catch(a){console.error("Failed to load AISettings",a),s("Failed to access AI configuration.","error")}finally{g(!1)}},C=async()=>{v(!0);try{await m.updateGlobalConfig({aiProvider:i.aiProvider,aiTemperature:i.aiTemperature,aiMaxTokens:i.aiMaxTokens,aiTopP:i.aiTopP}),u(i),s("AI engine configuration saved.","success")}catch(a){console.error("Failed to save AISettings",a),s($(a),"error")}finally{v(!1)}},A=async()=>{j(!0);const a=Date.now();try{const n=await m.testAIConfig({aiProvider:i.aiProvider}),l=Date.now()-a;n.success?s(`${n.message} (${l}ms)`,"success"):s(n.message,"error")}catch(n){s(`Connection failed: ${(n==null?void 0:n.message)||"unknown error"}`,"error")}finally{j(!1)}},d=[{id:"gemini",name:"Google Gemini",description:`${o("gemini")} — Multimodal reasoning`,icon:e.jsx("span",{className:"ai-provider-glyph",children:"G"}),isConfigured:!!i.geminiSet},{id:"openai",name:"OpenAI",description:`${o("openai")} — OpenAI v1 compatible`,icon:e.jsx(D,{size:18}),isConfigured:!!i.openaiSet},{id:"anthropic",name:"Anthropic",description:`${o("anthropic")} — Advanced analysis`,icon:e.jsx(k,{size:18}),isConfigured:!!i.anthropicSet},{id:"ollama",name:"Ollama",description:"Local / self-hosted — no API key required",icon:e.jsx(R,{size:18}),isConfigured:!!i.ollamaModel||!!i.aiModel||!!i.aiBaseUrl}],t=d.find(a=>a.id===i.aiProvider),y=d.filter(a=>a.isConfigured).length,M=!X(i,h);return w?e.jsxs("div",{className:"settings-loading",children:[e.jsx(N,{className:"animate-spin",size:32}),e.jsx("span",{children:"Synchronizing Global State..."})]}):e.jsxs("div",{className:"settings-container",children:[e.jsx(B,{icon:I,title:"AI engine",subtitle:e.jsxs(e.Fragment,{children:["All credentials and endpoints are managed via environment variables.",e.jsxs("span",{className:"page-header-subnote",children:[e.jsx(T,{size:12}),"Select the active provider from configured options below."]})]})}),e.jsx("div",{className:"settings-content",children:e.jsxs("div",{className:"settings-grid settings-grid--two-equal",children:[e.jsx(S,{icon:e.jsx(k,{size:16}),title:"Provider registry",titleExtra:e.jsxs("span",{className:`provider-count-pill ${y>0?"is-ok":"is-empty"}`,children:[y," / ",d.length," configured"]}),description:"Providers are activated via environment variables. Select a configured engine to activate.",children:e.jsx("div",{className:"provider-list",children:d.map(a=>{const n=i.aiProvider===a.id,l=a.isConfigured;return e.jsxs("button",{type:"button",className:`provider-row ${n?"is-active":""} ${l?"":"is-disabled"}`,onClick:()=>l&&r({...i,aiProvider:a.id}),disabled:!l,title:l?`Activate ${a.name}`:`Set XENON_${a.id.toUpperCase()}_API_KEY to enable`,children:[e.jsx("div",{className:"provider-row__icon",children:a.icon}),e.jsxs("div",{className:"provider-row__body",children:[e.jsx("div",{className:"provider-row__name",children:a.name}),e.jsx("div",{className:"provider-row__desc",children:a.description}),e.jsx("div",{className:"provider-row__status",children:n?e.jsxs("span",{className:"provider-status provider-status--active",children:[e.jsx(b,{size:11}),a.isConfigured?"Active":"Active — no key"]}):a.isConfigured?e.jsxs("span",{className:"provider-status provider-status--ready",children:[e.jsx(b,{size:11}),"READY"]}):e.jsxs("span",{className:"provider-status provider-status--off",children:[e.jsx(T,{size:10}),"Not set"]})})]})]},a.id)})})}),e.jsxs(S,{icon:e.jsx(L,{size:16}),title:"Runtime configuration",description:"Environmental overrides for AI model endpoints and identifiers.",children:[e.jsxs("div",{className:"ai-config-display",children:[e.jsxs("div",{className:"ai-config-row",children:[e.jsx("span",{className:"ai-config-label",children:"Active provider"}),e.jsxs("span",{className:"ai-config-value",children:[t==null?void 0:t.icon,(t==null?void 0:t.name)||"—"]})]}),e.jsxs("div",{className:"ai-config-row",children:[e.jsx("span",{className:"ai-config-label",children:"Model"}),e.jsxs("span",{className:"ai-config-value mono",children:[e.jsxs("span",{children:[i.aiProvider==="gemini"&&(i.geminiModel||i.aiModel||o("gemini")),i.aiProvider==="openai"&&(i.openaiModel||i.aiModel||o("openai")),i.aiProvider==="anthropic"&&(i.anthropicModel||i.aiModel||o("anthropic")),i.aiProvider==="ollama"&&(i.ollamaModel||i.aiModel||o("ollama"))]}),e.jsx("span",{className:"ai-config-default",children:"Default"})]})]}),e.jsxs("div",{className:"ai-config-row",children:[e.jsx("span",{className:"ai-config-label",children:"Base URL"}),e.jsxs("span",{className:"ai-config-value mono",children:[e.jsx("span",{children:i.aiBaseUrl||Y(i.aiProvider)}),!i.aiBaseUrl&&e.jsx("span",{className:"ai-config-default",children:"Default"})]})]})]}),e.jsxs("div",{className:"model-params",children:[e.jsxs("div",{className:"model-params__header",children:[e.jsx(O,{size:14}),e.jsx("span",{children:"Model Parameters"})]}),e.jsxs("div",{className:"model-param",children:[e.jsxs("div",{className:"model-param__label-row",children:[e.jsx("label",{htmlFor:"ai-temp",children:"Temperature"}),e.jsx("span",{className:"model-param__value",children:i.aiTemperature.toFixed(1)})]}),e.jsx("input",{id:"ai-temp",type:"range",min:0,max:2,step:.1,value:i.aiTemperature,onChange:a=>r({...i,aiTemperature:parseFloat(a.target.value)}),className:"model-param__slider"})]}),e.jsxs("div",{className:"model-param",children:[e.jsx("div",{className:"model-param__label-row",children:e.jsx("label",{htmlFor:"ai-max-tokens",children:"Max tokens"})}),e.jsx("div",{className:"setting-input-wrapper",children:e.jsx("input",{id:"ai-max-tokens",type:"number",min:256,step:128,value:i.aiMaxTokens,onChange:a=>r({...i,aiMaxTokens:parseInt(a.target.value,10)||0})})})]}),e.jsxs("div",{className:"model-param",children:[e.jsxs("div",{className:"model-param__label-row",children:[e.jsx("label",{htmlFor:"ai-top-p",children:"Top P"}),e.jsx("span",{className:"model-param__value",children:i.aiTopP.toFixed(2)})]}),e.jsx("input",{id:"ai-top-p",type:"range",min:0,max:1,step:.01,value:i.aiTopP,onChange:a=>r({...i,aiTopP:parseFloat(a.target.value)}),className:"model-param__slider"})]})]}),e.jsxs("button",{type:"button",className:"test-connection-btn",onClick:A,disabled:f||!(t!=null&&t.isConfigured),children:[f?e.jsx(N,{size:14,className:"animate-spin"}):e.jsx(E,{size:14}),e.jsx("span",{children:"Test Connection"})]})]})]})}),(M||x)&&e.jsx(F,{onSave:C,onDiscard:()=>r(h),isSaving:x,isDirty:M,saveLabel:"Save configuration"})]})};export{se as AISettings};