bunqueue-dashboard 0.0.30 → 0.0.32

package/scripts/serve.ts

@@ -13,81 +13,100 @@
  *      SPA finds the agent regardless of AGENT_PORT and even from a remote
  *      browser, where loopback :6800 would be unreachable.
  *
+ * Control-plane exposure rule (the agent can spawn processes):
+ *   - Loopback bind (the default): /agent/* is bridged, and the loopback :6800
+ *     listener keeps its Host allowlist (DNS-rebinding defense).
+ *   - Non-loopback bind (BIND_ADDR=0.0.0.0): the bridge would hand the whole
+ *     LAN an unauthenticated process spawner (the agent's Origin gate lets an
+ *     Origin-less curl through by design), so it is REFUSED with 403 unless the
+ *     operator opts in with AGENT_TOKEN (recommended — it gates every mutation)
+ *     or AGENT_ALLOW_REMOTE_CONTROL=1 (explicit, unauthenticated).
+ *
  * Env: PORT (dashboard, default 8080) · BIND_ADDR (default 127.0.0.1) ·
- *      BUNQUEUE_URL · AGENT_PORT · AGENT_ALLOWED_ORIGINS · AGENT_TOKEN ·
- *      BUNQUEUE_START_CMD · HTTP_PORT · TCP_PORT · BUNQUEUE_DATA_PATH ·
- *      LOG_LEVEL (pino level, default info)
+ *      BUNQUEUE_URL · AGENT_PORT · AGENT_ALLOWED_ORIGINS · AGENT_ALLOWED_HOSTS ·
+ *      AGENT_TOKEN · AGENT_ALLOW_REMOTE_CONTROL · TRUST_PROXY · BUNQUEUE_START_CMD ·
+ *      HTTP_PORT · TCP_PORT · BUNQUEUE_DATA_PATH · LOG_LEVEL (pino level, info)
  */
 import { logger } from '../agent/logger';
-import { ProcessManager } from '../agent/manager';
+import { setQueryWorkerUrl } from '../agent/db';
 import {
   createFetchHandler,
   isHostAllowed,
+  isOriginAllowed,
   resolveAllowedHosts,
   resolveAllowedOrigins,
 } from '../agent/server';
-import { ASSETS } from './embedded.gen';
-
-const PORT = Number(process.env.PORT) || 8080;
-// Bind loopback by default: the /api proxy forwards to bunqueue's admin API, so
-// listening on all interfaces would expose it to the whole network. Set
-// BIND_ADDR=0.0.0.0 for direct LAN access (e.g. no reverse proxy in front).
-const HOST = process.env.BIND_ADDR || '127.0.0.1';
-const API = (process.env.BUNQUEUE_URL || 'http://localhost:6790').replace(/\/$/, '');
-const AGENT_PORT = Number(process.env.AGENT_PORT) || 6800;
-
-// Control agent — loopback only, allowlisted CORS; the origins this binary
-// serves the dashboard from are allowed automatically.
-const allowedOrigins = Array.from(
-  new Set([
-    ...resolveAllowedOrigins(),
-    `http://localhost:${PORT}`,
-    `http://127.0.0.1:${PORT}`,
-  ])
-);
-
-// DNS-rebinding defense (see agent/server.ts). Only enforced when bound to
-// loopback — the common "looks safe" case where a rebound page could reach the
-// /api proxy and /agent inspector over same-origin GETs. When the user binds a
-// non-loopback interface (BIND_ADDR=0.0.0.0) they opted into network exposure,
-// where a fixed host allowlist would break legitimate LAN-IP access; leave it
-// off there (configure a reverse proxy / AGENT_ALLOWED_HOSTS instead).
-const loopbackBind = HOST === '127.0.0.1' || HOST === '::1' || HOST === 'localhost';
-const originHosts = allowedOrigins
-  .map((o) => {
-    try {
-      return new URL(o).hostname;
-    } catch {
-      return '';
-    }
-  })
-  .filter(Boolean);
-const allowedHosts = loopbackBind ? resolveAllowedHosts(process.env, originHosts) : undefined;
-
-const mgr = new ProcessManager();
-const agentHandle = createFetchHandler(mgr, {
-  allowedOrigins,
-  allowedHosts,
-  token: process.env.AGENT_TOKEN || undefined,
-});
-Bun.serve({ port: AGENT_PORT, hostname: '127.0.0.1', fetch: agentHandle });
-
-// index.html with the runtime agent base injected, prepared once at startup.
-// The SPA's lib/bq.ts reads window.__BUNQUEUE_AGENT_URL__ before its baked-in
-// default, so Server Control works whatever AGENT_PORT is — the /agent/*
-// route below forwards to the in-process agent handler.
-const INDEX_HTML = (await Bun.file(ASSETS['/index.html']).text()).replace(
-  '</head>',
-  "<script>window.__BUNQUEUE_AGENT_URL__='/agent'</script></head>"
-);
-const indexResponse = () =>
-  new Response(INDEX_HTML, { headers: { 'content-type': 'text/html; charset=utf-8' } });
-
-// Dashboard + /api proxy + same-origin /agent proxy.
-Bun.serve({
-  port: PORT,
-  hostname: HOST,
-  async fetch(req) {
+
+/** Hostnames that mean "only this machine can reach the listener". */
+export function isLoopbackBind(host: string): boolean {
+  return host === '127.0.0.1' || host === '::1' || host === 'localhost';
+}
+
+/**
+ * May the process-spawning control plane be reachable over the network?
+ * Loopback always yes; a non-loopback bind requires an explicit opt-in.
+ */
+export function remoteControlEnabled(
+  loopbackBind: boolean,
+  env: Record<string, string | undefined> = process.env
+): boolean {
+  if (loopbackBind) return true;
+  return Boolean(env.AGENT_TOKEN) || env.AGENT_ALLOW_REMOTE_CONTROL === '1';
+}
+
+/**
+ * Build the inner agent URL from the bridged path. `new URL(rest, base)` throws
+ * on a path like `//x:y/z` (it reads `//` as an authority); assigning .pathname
+ * never reinterprets it, so a hostile path can't crash the handler.
+ */
+export function agentSubUrl(pathname: string, search: string): URL {
+  const rest = pathname.slice('/agent'.length) || '/';
+  const sub = new URL('http://agent.internal');
+  sub.pathname = rest.startsWith('/') ? rest : `/${rest}`;
+  sub.search = search;
+  return sub;
+}
+
+export interface ServeHandlerOptions {
+  /** bunqueue base URL the /api prefix proxies to (no trailing slash). */
+  api: string;
+  /** index.html with the agent base already injected. */
+  indexHtml: string;
+  /** embedded dist assets: request path → on-disk path. */
+  assets: Record<string, string>;
+  /** in-process control agent handler. */
+  agentHandle: (req: Request) => Response | Promise<Response>;
+  allowedOrigins: string[];
+  allowedHosts?: string[];
+  /** false → /agent/* is refused (non-loopback bind without opt-in). */
+  agentBridge: boolean;
+  /**
+   * TRUST_PROXY=1 — a reverse proxy in front of us owns X-Forwarded-Host, so it
+   * may be believed. Off by default: the header is otherwise client-settable
+   * and would let any direct caller declare itself same-origin.
+   */
+  trustProxy?: boolean;
+}
+
+/**
+ * The dashboard listener: static assets + /api proxy + same-origin /agent
+ * bridge. Factored out of the Bun.serve call so the policy is unit-testable.
+ */
+export function createServeHandler(opts: ServeHandlerOptions) {
+  const {
+    api,
+    indexHtml,
+    assets,
+    agentHandle,
+    allowedOrigins,
+    allowedHosts,
+    agentBridge,
+    trustProxy = false,
+  } = opts;
+  const indexResponse = () =>
+    new Response(indexHtml, { headers: { 'content-type': 'text/html; charset=utf-8' } });
+
+  return async function handle(req: Request): Promise<Response> {
     const url = new URL(req.url);
 
     // DNS-rebinding defense across every route (/api proxy, /agent, assets):
@@ -97,25 +116,88 @@ Bun.serve({
       return new Response('Host not allowed', { status: 403 });
     }
 
+    // A request whose Origin is the origin this listener serves from is by
+    // definition not the cross-site case the allowlist exists for. It is what a
+    // LAN browser sends (http://<lan-ip>:PORT), which no static allowlist can
+    // predict — treat it as allowed everywhere below.
+    //
+    // Compared by HOST, not by full origin: this listener only ever speaks
+    // plain http, so behind a TLS-terminating reverse proxy the browser sends
+    // `https://dash.example.com` while req.url reads `http://dash.example.com`.
+    // A full-origin compare would 403 every mutation on a proxied deployment
+    // while read-only GETs (which carry no Origin) kept working — a dashboard
+    // that looks healthy and fails on click. The host is the part that
+    // identifies a cross-site page (its Origin carries its OWN host), so it is
+    // the part worth comparing. x-forwarded-host is honoured for proxies that
+    // rewrite Host.
+    const origin = req.headers.get('origin');
+    let originHost = '';
+    try {
+      originHost = origin ? new URL(origin).host.toLowerCase() : '';
+    } catch {
+      originHost = ''; // unparseable Origin — treat as cross-site
+    }
+    // X-Forwarded-Host is attacker-controlled unless something in front of us
+    // is guaranteed to overwrite it: a direct caller can send
+    // `Origin: https://evil.example` + `x-forwarded-host: evil.example` and
+    // declare ITSELF same-origin. So it is consulted only when the operator
+    // sets TRUST_PROXY=1, which asserts a reverse proxy owns that header.
+    // Without it, a proxy that preserves Host still works (the Host compare
+    // below covers it); only a Host-REWRITING proxy needs the opt-in.
+    const fwd = trustProxy ? req.headers.get('x-forwarded-host')?.split(',') : undefined;
+    const forwardedHost = fwd?.[fwd.length - 1]?.trim().toLowerCase();
+    const sameOrigin =
+      originHost !== '' &&
+      (originHost === url.host.toLowerCase() || originHost === forwardedHost);
+
     // Same-origin bridge to the control agent: strip the /agent prefix and
     // hand the request to the in-process agent handler (no loopback hop).
     // The agent's own Origin allowlist + optional AGENT_TOKEN still apply —
     // this changes reachability, not authorization.
     if (url.pathname === '/agent' || url.pathname.startsWith('/agent/')) {
-      const sub = new URL(url.pathname.slice('/agent'.length) || '/', 'http://agent.internal');
-      sub.search = url.search;
-      return agentHandle(new Request(sub.href, req));
+      if (!agentBridge) {
+        return Response.json(
+          {
+            ok: false,
+            error:
+              'Control agent disabled on a non-loopback bind. Set AGENT_TOKEN (recommended) or AGENT_ALLOW_REMOTE_CONTROL=1 to expose it.',
+          },
+          { status: 403 }
+        );
+      }
+      const sub = agentSubUrl(url.pathname, url.search);
+      const headers = new Headers(req.headers);
+      // Drop a same-origin Origin the agent's static allowlist cannot know
+      // (a LAN IP / hostname alias). Loopback origins are already allowlisted,
+      // so they are forwarded untouched and CORS behaviour is unchanged.
+      if (sameOrigin && origin && !isOriginAllowed(origin, allowedOrigins)) headers.delete('origin');
+      return agentHandle(new Request(sub.href, { method: req.method, headers, body: req.body }));
     }
 
     // Same-origin proxy to the bunqueue server (mirrors the Vite dev proxy).
     if (url.pathname === '/api' || url.pathname.startsWith('/api/')) {
-      const target = API + (url.pathname.slice(4) || '/') + url.search;
-      const res = await fetch(target, {
-        method: req.method,
-        headers: req.headers,
-        body: req.body,
-        redirect: 'manual',
-      });
+      // The proxy talks to bunqueue's admin API, so it needs the same drive-by
+      // CSRF gate as the agent: a cross-site page must not reach it.
+      if (!sameOrigin && !isOriginAllowed(origin, allowedOrigins)) {
+        return Response.json({ ok: false, error: 'Origin not allowed' }, { status: 403 });
+      }
+      const target = api + (url.pathname.slice(4) || '/') + url.search;
+      let res: Response;
+      try {
+        res = await fetch(target, {
+          method: req.method,
+          headers: req.headers,
+          body: req.body,
+          redirect: 'manual',
+        });
+      } catch (err) {
+        // bunqueue not running / wrong BUNQUEUE_URL: answer in the shape the
+        // dashboard parses instead of letting Bun render an HTML error page.
+        return Response.json(
+          { ok: false, error: `bunqueue unreachable at ${api}: ${(err as Error).message}` },
+          { status: 502 }
+        );
+      }
       // Bun's fetch advertises accept-encoding upstream and transparently
       // DECOMPRESSES the body, but leaves the upstream headers intact. If the
       // bunqueue server sits behind any gzip-compressing proxy, forwarding
@@ -134,18 +216,148 @@ Bun.serve({
     // index.html (direct or via fallback) is served from the injected copy.
     const key = url.pathname === '/' ? '/index.html' : url.pathname;
     if (key === '/index.html') return indexResponse();
-    const asset = ASSETS[key];
+    const asset = assets[key];
     if (asset) return new Response(Bun.file(asset));
     if (url.pathname.startsWith('/assets/')) return new Response('Not found', { status: 404 });
     return indexResponse();
-  },
-});
-
-logger.info(
-  {
-    dashboard: `http://${HOST}:${PORT}`,
-    apiProxy: API,
-    agent: `http://127.0.0.1:${AGENT_PORT}/control`,
-  },
-  'bunqueue dashboard (standalone) ready'
-);
+  };
+}
+
+async function main(): Promise<void> {
+  // Bun emits secondary TypeScript entrypoints under /$bunfs/root as JavaScript.
+  // Point db.ts at that embedded path in a compiled executable; when this npm bin
+  // runs from source, use the real TypeScript module beside agent/db.ts.
+  const compiled = import.meta.url.includes('/$bunfs/');
+  setQueryWorkerUrl(
+    compiled
+      ? new URL('/$bunfs/root/agent/dbQueryWorker.js', 'file:///').href
+      : new URL('../agent/dbQueryWorker.ts', import.meta.url).href
+  );
+
+  const PORT = Number(process.env.PORT) || 8080;
+  // Bind loopback by default: the /api proxy forwards to bunqueue's admin API, so
+  // listening on all interfaces would expose it to the whole network. Set
+  // BIND_ADDR=0.0.0.0 for direct LAN access (e.g. no reverse proxy in front).
+  const HOST = process.env.BIND_ADDR || '127.0.0.1';
+  const API = (process.env.BUNQUEUE_URL || 'http://localhost:6790').replace(/\/$/, '');
+  const AGENT_PORT = Number(process.env.AGENT_PORT) || 6800;
+
+  // Control agent — loopback only, allowlisted CORS; the origins this binary
+  // serves the dashboard from are allowed automatically.
+  const allowedOrigins = Array.from(
+    new Set([
+      ...resolveAllowedOrigins(),
+      `http://localhost:${PORT}`,
+      `http://127.0.0.1:${PORT}`,
+    ])
+  );
+
+  // DNS-rebinding defense (see agent/server.ts). Always enforced on the loopback
+  // :6800 listener. On the public dashboard listener it is only enforced for a
+  // loopback bind — when the user binds a non-loopback interface
+  // (BIND_ADDR=0.0.0.0) a fixed host allowlist would break legitimate LAN-IP
+  // access, and the control plane there is gated by remoteControlEnabled()
+  // instead (AGENT_TOKEN / AGENT_ALLOW_REMOTE_CONTROL).
+  const loopbackBind = isLoopbackBind(HOST);
+  const originHosts = allowedOrigins
+    .map((o) => {
+      try {
+        return new URL(o).hostname;
+      } catch {
+        return '';
+      }
+    })
+    .filter(Boolean);
+  const agentHosts = resolveAllowedHosts(process.env, originHosts);
+  const allowedHosts = loopbackBind ? agentHosts : undefined;
+
+  // Imported here rather than at module scope: this file's exported policy
+  // helpers are unit-tested, and a top-level import would pull the whole
+  // ProcessManager into every test that touches them — which, besides being
+  // wasteful, makes Bun attribute a barely-executed copy of agent/manager.ts to
+  // the coverage report and hides that module's real coverage.
+  const { ProcessManager } = await import('../agent/manager');
+  const mgr = new ProcessManager();
+  const token = process.env.AGENT_TOKEN || undefined;
+  // Two handlers, same manager: the loopback :6800 listener keeps the Host gate
+  // unconditionally (it is always reached as localhost/127.0.0.1), while the
+  // bridged one sees the dashboard client's Host and follows `allowedHosts`.
+  const agentHandle = createFetchHandler(mgr, { allowedOrigins, allowedHosts, token });
+  const loopbackAgentHandle = createFetchHandler(mgr, {
+    allowedOrigins,
+    allowedHosts: agentHosts,
+    token,
+  });
+  // `error` is a backstop: without it an unexpected throw renders Bun's HTML
+  // error page (with a stack trace) to the client instead of a plain 500.
+  const onError = () => new Response('Internal error', { status: 500 });
+  Bun.serve({
+    port: AGENT_PORT,
+    hostname: '127.0.0.1',
+    fetch: loopbackAgentHandle,
+    error: onError,
+  });
+
+  const agentBridge = remoteControlEnabled(loopbackBind, process.env);
+  if (!agentBridge) {
+    logger.warn(
+      { bind: HOST },
+      'non-loopback bind without AGENT_TOKEN / AGENT_ALLOW_REMOTE_CONTROL=1 — /agent is disabled (403)'
+    );
+  }
+
+  // index.html with the runtime agent base injected, prepared once at startup.
+  // The SPA's lib/bq.ts reads window.__BUNQUEUE_AGENT_URL__ before its baked-in
+  // default, so Server Control works whatever AGENT_PORT is — the /agent/*
+  // route below forwards to the in-process agent handler.
+  const { ASSETS } = await import('./embedded.gen');
+  const indexHtml = (await Bun.file(ASSETS['/index.html']).text()).replace(
+    '</head>',
+    "<script>window.__BUNQUEUE_AGENT_URL__='/agent'</script></head>"
+  );
+
+  // Dashboard + /api proxy + same-origin /agent proxy.
+  Bun.serve({
+    port: PORT,
+    hostname: HOST,
+    fetch: createServeHandler({
+      api: API,
+      indexHtml,
+      assets: ASSETS,
+      agentHandle,
+      allowedOrigins,
+      allowedHosts,
+      agentBridge,
+      trustProxy: process.env.TRUST_PROXY === '1',
+    }),
+    error: onError,
+  });
+
+  // Stop the managed server before exiting — without this, Ctrl-C / SIGTERM on
+  // the binary orphans the spawned bunqueue child (it reparents to PID 1 and
+  // keeps holding the ports and the SQLite db, so the next start fails).
+  let shuttingDown = false;
+  const shutdown = (signal: string) => {
+    if (shuttingDown) return;
+    shuttingDown = true;
+    logger.info({ signal }, 'signal received, stopping managed server');
+    // shutdown(), not stop(): it latches, so a restart() already in flight
+    // can't spawn a fresh child after we've stopped the old one (mirrors
+    // agent/index.ts).
+    void mgr.shutdown().finally(() => process.exit(0));
+  };
+  process.on('SIGINT', () => shutdown('SIGINT'));
+  process.on('SIGTERM', () => shutdown('SIGTERM'));
+
+  logger.info(
+    {
+      dashboard: `http://${HOST}:${PORT}`,
+      apiProxy: API,
+      agent: `http://127.0.0.1:${AGENT_PORT}/control`,
+      agentBridge,
+    },
+    'bunqueue dashboard (standalone) ready'
+  );
+}
+
+if (import.meta.main) await main();

package/dist/assets/AddJob-Bsc2w6F0.js

@@ -1,3 +0,0 @@
-import{r as e}from"./cn-CMFYpumL.js";import{h as t,l as n,r,t as i}from"./react-vendor-B68RYDeC.js";import{A as a,C as o,S as s,h as c,nt as l,rt as u,w as d}from"./index-BFRKPhvf.js";import{a as f,n as p,o as m,t as h}from"./form-C-zZyKfB.js";var g=e(t(),1),_=i(),v=e=>e==null?``:String(e);function y(){let{data:e}=a(()=>l.queues(),[],{intervalMs:3e4}),t=n().state?.clone,i=t?.options??{},[m,y]=(0,g.useState)(t?.queue??``),[x,ee]=(0,g.useState)(t?.dataText??`{
-  "hello": "world"
-}`),[S,te]=(0,g.useState)(`1`),[C,ne]=(0,g.useState)(v(i.priority)),[w,re]=(0,g.useState)(``),[T,E]=(0,g.useState)(``),[D,ie]=(0,g.useState)(v(i.maxAttempts)),[O,k]=(0,g.useState)(v(typeof i.backoff==`number`?i.backoff:void 0)),[A,j]=(0,g.useState)(v(i.timeout)),[M,ae]=(0,g.useState)(``),[N,oe]=(0,g.useState)(i.removeOnComplete??!1),[P,se]=(0,g.useState)(i.removeOnFail??!1),[F,I]=(0,g.useState)(!1),[L,R]=(0,g.useState)(!1),[z,B]=(0,g.useState)(``),[V,H]=(0,g.useState)(``),[U,W]=(0,g.useState)(``),[G,ce]=(0,g.useState)(``),[K,le]=(0,g.useState)(``),[q,J]=(0,g.useState)(!1),[Y,X]=(0,g.useState)(null),[Z,Q]=(0,g.useState)(null),$=e=>{let t=Number(e);return e.trim()!==``&&Number.isFinite(t)?t:void 0},ue=async()=>{if(X(null),Q(null),!m.trim()){X({ok:!1,msg:`Choose a queue`});return}let e;try{e=JSON.parse(x)}catch(e){Q(`Invalid JSON: ${e.message}`);return}let t=$(w);if(T.trim()){let e=new Date(T).getTime();if(!Number.isFinite(e)){X({ok:!1,msg:`Run at is not a valid date/time`});return}t=Math.max(0,e-Date.now())}let n=$(O),r=n==null?void 0:z?{type:z,delay:n}:n,i=V.split(`,`).map(e=>e.trim()).filter(Boolean),a=G.split(`,`).map(e=>e.trim()).filter(Boolean),o={data:e,priority:$(C),delay:t,maxAttempts:$(D),backoff:r,timeout:$(A),jobId:M.trim()||void 0,removeOnComplete:N||void 0,removeOnFail:P||void 0,durable:F||void 0,lifo:L||void 0,tags:i.length?i:void 0,groupId:U.trim()||void 0,dependsOn:a.length?a:void 0,uniqueKey:K.trim()||void 0},s=$(S)??1;if(!Number.isInteger(s)||s<1){X({ok:!1,msg:`Count must be an integer of at least 1`});return}if(s>1e4){X({ok:!1,msg:`Count must be 10000 or fewer`});return}J(!0);try{if(s===1){let e=await l.addJob(m,o);X({ok:!0,msg:`Created job ${e.id}`}),u.success(`Job created`,`${m} · ${e.id}`)}else{let e=await l.addJobsBulk(m,Array.from({length:s},()=>o)),t=new Set(e.ids).size;X({ok:!0,msg:`Created ${t} job${t===1?``:`s`}`}),u.success(`Created ${t} job${t===1?``:`s`}`,`in ${m}`)}}catch(e){X({ok:!1,msg:e.message}),u.error(`Add job failed`,e.message)}finally{J(!1)}};return(0,_.jsxs)(`div`,{children:[(0,_.jsx)(c,{title:`Add Job`,description:`Enqueue a job with full options.`,actions:(0,_.jsx)(r,{to:`/jobs/bulk-add`,className:`rounded-lg border border-line px-3 py-1.5 text-sm text-muted hover:bg-surface-2 hover:text-fg`,children:`Bulk import`})}),t&&(0,_.jsx)(`div`,{className:`mb-4 flex items-center gap-2 rounded-lg border border-accent/30 bg-accent/[0.06] px-4 py-2 text-sm text-accent`,children:`Pre-filled from an existing job. Review the data and options, then enqueue a fresh job.`}),(0,_.jsxs)(`form`,{className:`grid grid-cols-1 gap-6 lg:grid-cols-2`,onSubmit:e=>{e.preventDefault(),ue()},children:[(0,_.jsxs)(s,{children:[(0,_.jsx)(o,{title:`Job`}),(0,_.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,_.jsxs)(h,{label:`Queue`,children:[(0,_.jsx)(p,{list:`queue-options`,value:m,onChange:e=>y(e.target.value),placeholder:`queue name (existing or new)`}),(0,_.jsx)(`datalist`,{id:`queue-options`,children:(e?.queues??[]).map(e=>(0,_.jsx)(`option`,{value:e.name},e.name))})]}),(0,_.jsxs)(`div`,{children:[(0,_.jsx)(h,{label:`Data (JSON)`,children:(0,_.jsx)(`textarea`,{value:x,onChange:e=>ee(e.target.value),onBlur:()=>{try{JSON.parse(x),Q(null)}catch(e){Q(`Invalid JSON: ${e.message}`)}},spellCheck:!1,rows:7,className:`w-full rounded-lg border border-line bg-surface-2 p-3 font-mono text-sm text-fg focus:border-accent/60 focus:outline-none focus:ring-2 focus:ring-accent/30`})}),Z&&(0,_.jsx)(`p`,{className:`mt-2 text-xs text-danger`,children:Z})]})]})]}),(0,_.jsxs)(s,{children:[(0,_.jsx)(o,{title:`Options`}),(0,_.jsxs)(`div`,{className:`grid grid-cols-2 gap-4 md:grid-cols-3`,children:[(0,_.jsx)(h,{label:`Priority`,children:(0,_.jsx)(p,{type:`number`,value:C,onChange:e=>ne(e.target.value),placeholder:`0`})}),(0,_.jsx)(h,{label:`Delay (ms)`,children:(0,_.jsx)(p,{type:`number`,min:0,value:w,onChange:e=>re(e.target.value),placeholder:`0`,disabled:T.trim()!==``})}),(0,_.jsx)(h,{label:`Run at`,hint:T.trim()?`Overrides Delay — derived from this time (local time).`:`(local time)`,children:(0,_.jsx)(p,{type:`datetime-local`,value:T,onChange:e=>E(e.target.value)})}),(0,_.jsx)(h,{label:`Max attempts`,hint:`blank = server default`,children:(0,_.jsx)(p,{type:`number`,min:1,value:D,onChange:e=>ie(e.target.value),placeholder:`3`})}),(0,_.jsx)(h,{label:`Backoff (ms)`,hint:`blank = server default`,children:(0,_.jsx)(p,{type:`number`,min:0,value:O,onChange:e=>k(e.target.value),placeholder:`1000`})}),(0,_.jsx)(h,{label:`Backoff strategy`,hint:`flat delay unless set`,children:(0,_.jsxs)(f,{value:z,onChange:e=>B(e.target.value),children:[(0,_.jsx)(`option`,{value:``,children:`flat`}),(0,_.jsx)(`option`,{value:`fixed`,children:`fixed`}),(0,_.jsx)(`option`,{value:`exponential`,children:`exponential`})]})}),(0,_.jsx)(h,{label:`Timeout (ms)`,children:(0,_.jsx)(p,{type:`number`,min:0,value:A,onChange:e=>j(e.target.value),placeholder:`—`})}),(0,_.jsx)(h,{label:`Custom job ID`,children:(0,_.jsx)(p,{value:M,onChange:e=>ae(e.target.value),placeholder:`idempotency key`})})]}),(0,_.jsxs)(`div`,{className:`mt-4 flex flex-wrap gap-6`,children:[(0,_.jsx)(b,{label:`removeOnComplete`,checked:N,onChange:oe}),(0,_.jsx)(b,{label:`removeOnFail`,checked:P,onChange:se}),(0,_.jsx)(b,{label:`durable`,checked:F,onChange:I}),(0,_.jsx)(b,{label:`lifo`,checked:L,onChange:R})]}),(0,_.jsxs)(`div`,{className:`mt-4 border-t border-line pt-4`,children:[(0,_.jsx)(`div`,{className:`mb-3 text-[11px] uppercase tracking-wider text-faint`,children:`Advanced`}),(0,_.jsxs)(`div`,{className:`grid grid-cols-2 gap-4 md:grid-cols-3`,children:[(0,_.jsx)(h,{label:`Tags`,hint:`comma-separated`,children:(0,_.jsx)(p,{value:V,onChange:e=>H(e.target.value),placeholder:`email, urgent`})}),(0,_.jsx)(h,{label:`Group ID`,children:(0,_.jsx)(p,{value:U,onChange:e=>W(e.target.value),placeholder:`—`})}),(0,_.jsx)(h,{label:`Unique key`,hint:`dedup key`,children:(0,_.jsx)(p,{value:K,onChange:e=>le(e.target.value),placeholder:`—`})}),(0,_.jsx)(h,{label:`Depends on`,hint:`parent job ids, comma-separated`,children:(0,_.jsx)(p,{value:G,onChange:e=>ce(e.target.value),placeholder:`job-id-1, job-id-2`})})]})]})]}),(0,_.jsxs)(`div`,{className:`flex flex-wrap items-end gap-3 lg:col-span-2`,children:[(0,_.jsx)(`div`,{className:`w-28`,children:(0,_.jsx)(h,{label:`Count`,hint:`1–10000`,children:(0,_.jsx)(p,{type:`number`,min:1,value:S,onChange:e=>te(e.target.value)})})}),(0,_.jsx)(d,{type:`submit`,variant:`accent`,disabled:q,children:q?`Adding…`:`Add job`}),Y&&(0,_.jsx)(`span`,{role:`status`,className:Y.ok?`text-sm text-success`:`text-sm text-danger`,children:Y.msg})]})]})]})}function b({label:e,checked:t,onChange:n}){return(0,_.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,_.jsx)(m,{checked:t,onChange:n,label:e}),(0,_.jsx)(`span`,{className:`font-mono text-xs text-muted`,children:e})]})}export{y as AddJob};

package/dist/assets/Benchmark-Bc_ZEM87.js

@@ -1 +0,0 @@
-import{r as e,t}from"./cn-CMFYpumL.js";import{h as n,t as r}from"./react-vendor-B68RYDeC.js";import{r as i}from"./connectionStore-B-hNUqwK.js";import{A as a,C as o,O as s,S as c,U as l,W as u,c as d,h as f,m as p,nt as m,r as h,s as g,w as _}from"./index-BFRKPhvf.js";import{i as v,n as y,o as b,t as x}from"./form-C-zZyKfB.js";import{t as S}from"./AreaChart-Dl_9G6GH.js";var C=e(n(),1),w={total:1e6,batch:5e3,producers:64,payload:65536,workers:64,workerBatch:1e3,processMs:6e4,durationS:600},T={queue:`benchmark`,mode:`count`,total:5e3,durationS:30,batch:100,producers:4,payload:128,workers:4,workerBatch:100,processMs:5,durable:!1,removeOnComplete:!0},E={Smoke:{mode:`count`,total:200,batch:50,producers:2,workers:1,workerBatch:50,processMs:0},Standard:{mode:`count`,total:5e3,batch:100,producers:4,workers:4,workerBatch:100,processMs:5},Stress:{mode:`count`,total:5e4,batch:500,producers:16,workers:16,workerBatch:200,processMs:0},Soak:{mode:`duration`,durationS:30,batch:100,producers:4,workers:8,workerBatch:100,processMs:10}},D=(e,t,n)=>Number.isFinite(e)?Math.max(t,Math.min(n,Math.floor(e))):t,O=(e,t)=>e.length?e[Math.min(e.length-1,Math.floor(t/100*e.length))]:0,k=(e,t,n,r,i)=>Array.from({length:t},(t,a)=>({data:{i:e+a,blob:n},durable:r,removeOnComplete:i})),A=e=>new Promise(t=>setTimeout(t,e)),j=async(e,t)=>{let n=performance.now()+e;for(;t()&&performance.now()<n;)await A(Math.min(100,Math.max(0,n-performance.now())))},M=e=>e instanceof Error?e.message:String(e),N=e=>e>=1e6?`${(e/1e6).toFixed(2)}M`:e>=1e3?`${(e/1e3).toFixed(1)}K`:`${Math.round(e)}`,P=r();function F({history:e,onClear:t}){if(!e.length)return null;let n=JSON.stringify(e,null,2);return(0,P.jsxs)(c,{padded:!1,className:`mt-6 overflow-hidden`,children:[(0,P.jsxs)(`div`,{className:`flex items-center justify-between border-b border-line px-5 py-3`,children:[(0,P.jsx)(`h3`,{className:`text-base font-semibold text-fg`,children:`Run history`}),(0,P.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,P.jsx)(s,{value:n}),(0,P.jsx)(_,{size:`sm`,variant:`ghost`,onClick:()=>{let e=new Blob([n],{type:`application/json`}),t=URL.createObjectURL(e),r=document.createElement(`a`);r.href=t,r.download=`benchmark-history-${Date.now()}.json`,r.click(),URL.revokeObjectURL(t)},children:`Export JSON`}),(0,P.jsx)(_,{size:`sm`,variant:`ghost`,onClick:t,children:`Clear`})]})]}),(0,P.jsx)(`div`,{className:`overflow-x-auto`,children:(0,P.jsxs)(`table`,{className:`w-full text-sm`,children:[(0,P.jsx)(`thead`,{children:(0,P.jsxs)(`tr`,{className:`border-b border-line text-left text-[11px] uppercase tracking-wider text-faint`,children:[(0,P.jsx)(`th`,{className:`px-5 py-2 font-medium`,children:`Mode`}),(0,P.jsx)(`th`,{className:`px-5 py-2 text-right font-medium`,children:`Prod`}),(0,P.jsx)(`th`,{className:`px-5 py-2 text-right font-medium`,children:`Wkr`}),(0,P.jsx)(`th`,{className:`px-5 py-2 text-right font-medium`,children:`Pushed`}),(0,P.jsx)(`th`,{className:`px-5 py-2 text-right font-medium`,children:`Done`}),(0,P.jsx)(`th`,{className:`px-5 py-2 text-right font-medium`,children:`Push/s`}),(0,P.jsx)(`th`,{className:`px-5 py-2 text-right font-medium`,children:`Done/s`}),(0,P.jsx)(`th`,{className:`px-5 py-2 text-right font-medium`,children:`p95`}),(0,P.jsx)(`th`,{className:`px-5 py-2 text-right font-medium`,children:`Dur`})]})}),(0,P.jsx)(`tbody`,{children:e.map(e=>(0,P.jsxs)(`tr`,{className:`border-b border-line last:border-0 hover:bg-surface-2/40`,children:[(0,P.jsx)(`td`,{className:`px-5 py-2 capitalize text-muted`,children:e.mode}),(0,P.jsx)(`td`,{className:`px-5 py-2 text-right tnum text-muted`,children:e.producers}),(0,P.jsx)(`td`,{className:`px-5 py-2 text-right tnum text-muted`,children:e.workers}),(0,P.jsx)(`td`,{className:`px-5 py-2 text-right tnum text-fg`,children:d(e.pushed)}),(0,P.jsx)(`td`,{className:`px-5 py-2 text-right tnum text-success`,children:d(e.completed)}),(0,P.jsxs)(`td`,{className:`px-5 py-2 text-right tnum text-accent`,children:[N(e.pushPerSec),`/s`]}),(0,P.jsxs)(`td`,{className:`px-5 py-2 text-right tnum text-success`,children:[N(e.donePerSec),`/s`]}),(0,P.jsx)(`td`,{className:`px-5 py-2 text-right tnum text-muted`,children:g(e.p95)}),(0,P.jsx)(`td`,{className:`px-5 py-2 text-right tnum text-muted`,children:g(e.durationMs)})]},e.id))})]})})]})}var I={pushed:0,completed:0,pushFailed:0,ackFailed:0,bytes:0,elapsedMs:0,pushPerSec:0,donePerSec:0,activeWorkers:0,pushSeries:[],doneSeries:[],etaMs:null,error:null},L=()=>({pushed:0,completed:0,pushFailed:0,ackFailed:0,bytes:0,assigned:0,startedAt:0,pushLat:[],activeWorkers:0,error:null,lastAt:0,lastPushed:0,lastDone:0,pushSeries:[],doneSeries:[]}),R=0;function z(){let[e,t]=(0,C.useState)(`idle`),[n,r]=(0,C.useState)(I),[i,a]=(0,C.useState)(null),[o,s]=(0,C.useState)([]),[c,l]=(0,C.useState)(null),u=(0,C.useRef)(!1),d=(0,C.useRef)(!1),f=(0,C.useRef)(!1),p=(0,C.useRef)(null),h=(0,C.useRef)(`idle`);h.current=e;let g=(0,C.useRef)(L());return(0,C.useEffect)(()=>()=>{u.current=!0},[]),(0,C.useEffect)(()=>{if(e!==`running`&&e!==`draining`)return;let t=setInterval(()=>{let e=g.current,t=performance.now(),n=t-e.startedAt,i=(t-e.lastAt)/1e3,a=i>0?Math.max(0,(e.pushed-e.lastPushed)/i):0,o=i>0?Math.max(0,(e.completed-e.lastDone)/i):0;e.lastAt=t,e.lastPushed=e.pushed,e.lastDone=e.completed,e.pushSeries=[...e.pushSeries,a].slice(-60),e.doneSeries=[...e.doneSeries,o].slice(-60);let s=null,c=p.current;if(c&&c.mode===`count`){let t=D(c.total,1,w.total);if(h.current===`draining`){let r=e.doneSeries.slice(-10),i=r.length?r.reduce((e,t)=>e+t,0)/r.length:0;i<=0&&n>0&&(i=e.completed/(n/1e3)),i>0&&(s=Math.max(0,t-e.completed)/i*1e3)}else a>0&&(s=Math.max(0,t-e.pushed)/a*1e3)}else c&&c.mode===`duration`&&(s=Math.max(0,D(c.durationS,1,w.durationS)*1e3-n));r({pushed:e.pushed,completed:e.completed,pushFailed:e.pushFailed,ackFailed:e.ackFailed,bytes:e.bytes,elapsedMs:n,pushPerSec:a,donePerSec:o,activeWorkers:e.activeWorkers,pushSeries:e.pushSeries,doneSeries:e.doneSeries,etaMs:s,error:e.error})},200);return()=>clearInterval(t)},[e]),{phase:e,live:n,summary:i,history:o,runCfg:c,run:async e=>{if(!d.current){d.current=!0;try{a(null);let n=e.queue.trim();if(!n){r({...I,error:`Queue name is required.`}),t(`error`);return}try{await m.overview()}catch(e){r({...I,error:`Server unreachable — start it on the Server page first. (${M(e)})`}),t(`error`);return}let i=D(e.total,1,w.total),o=D(e.durationS,1,w.durationS)*1e3,c=D(e.batch,1,w.batch),d=D(e.producers,e.mode===`duration`?0:1,w.producers),_=D(e.payload,0,w.payload),v=D(e.workers,0,w.workers),y=D(e.workerBatch,1,w.workerBatch),b=D(e.processMs,0,w.processMs);u.current=!1,f.current=!1,p.current=e,l(e),g.current=L(),g.current.startedAt=performance.now(),g.current.lastAt=performance.now(),r({...I}),t(`running`);let x=`x`.repeat(_),S=performance.now()+o,C=async()=>{for(;!u.current;){let t;if(e.mode===`count`){if(g.current.assigned>=i)break;t=Math.min(c,i-g.current.assigned)}else{if(performance.now()>=S)break;t=c}let r=g.current.assigned;g.current.assigned+=t;let a=k(r,t,x,e.durable,e.removeOnComplete),o=performance.now();try{await m.addJobsBulk(n,a),g.current.pushed+=t,g.current.bytes+=t*_}catch(e){g.current.pushFailed+=t,g.current.error??=M(e)}g.current.pushLat.push(performance.now()-o)}},T=async()=>{for(;!u.current&&!(e.mode===`duration`&&performance.now()>=S||e.mode===`count`&&g.current.completed>=i);){g.current.activeWorkers++;let t=[];try{try{t=(await m.pullBatch(n,y)).jobs??[]}catch(e){g.current.error??=M(e)}if(t.length>0){b>0&&await j(b,()=>!u.current);try{await m.ackBatch(t.map(e=>e.id)),g.current.completed+=t.length}catch(e){g.current.ackFailed+=t.length,g.current.error??=M(e)}}}finally{g.current.activeWorkers--}if(t.length===0){if(e.mode===`count`&&f.current)break;await A(50)}}},E=Array.from({length:d},C),N=Array.from({length:v},T),P=Promise.all(E).then(()=>{f.current=!0,!u.current&&e.mode===`count`&&v>0&&h.current===`running`&&t(`draining`)});await Promise.all([P,...N]);let F=g.current,z=performance.now()-F.startedAt,B=z/1e3||1,V=[...F.pushLat].sort((e,t)=>e-t),H={pushed:F.pushed,completed:F.completed,pushFailed:F.pushFailed,ackFailed:F.ackFailed,bytes:F.bytes,durationMs:z,pushPerSec:F.pushed/B,donePerSec:F.completed/B,mbPerSec:F.bytes/B,avg:V.length?V.reduce((e,t)=>e+t,0)/V.length:0,p50:O(V,50),p95:O(V,95),p99:O(V,99),max:V.length?V[V.length-1]:0,error:F.error};a(H),r(e=>({...e,pushed:F.pushed,completed:F.completed,elapsedMs:z,pushPerSec:0,donePerSec:0,activeWorkers:0,etaMs:0})),s(t=>[{...H,id:++R,at:Date.now(),mode:e.mode,producers:d,workers:v},...t].slice(0,12)),t(u.current?`stopped`:`done`)}finally{d.current=!1}}},stop:()=>{u.current=!0,(h.current===`running`||h.current===`draining`)&&t(`stopping`)},reset:()=>{u.current=!0,a(null),r(I),t(`idle`)},clearHistory:()=>s([])}}var B=[`count`,`duration`],V=[`total`,`durationS`,`batch`,`producers`,`payload`,`workers`,`workerBatch`,`processMs`],H=e=>({...e,total:String(e.total),durationS:String(e.durationS),batch:String(e.batch),producers:String(e.producers),payload:String(e.payload),workers:String(e.workers),workerBatch:String(e.workerBatch),processMs:String(e.processMs)}),U=e=>({...e,total:Number(e.total),durationS:Number(e.durationS),batch:Number(e.batch),producers:Number(e.producers),payload:Number(e.payload),workers:Number(e.workers),workerBatch:Number(e.workerBatch),processMs:Number(e.processMs)});function W(){let[e,n]=(0,C.useState)(()=>H(T)),r=z(),{phase:s,live:O,summary:k,history:A}=r,j=s===`running`||s===`draining`||s===`stopping`,M=(e,t)=>n(n=>({...n,[e]:t})),I=e=>t=>M(e,t.target.value),L=e=>n(t=>{let n={...t};for(let[t,r]of Object.entries(e))n[t]=V.includes(t)?String(r):r;return n}),[R,W]=(0,C.useState)(T.queue);(0,C.useEffect)(()=>{let t=setTimeout(()=>W(e.queue.trim()||T.queue),400);return()=>clearTimeout(t)},[e.queue]);let{data:ee,error:te}=a(()=>m.counts(R),[R],{intervalMs:1e3}),q=ee?.counts??null,[J,Y]=(0,C.useState)(!1),[X,Z]=(0,C.useState)(null),ne=async()=>{let t=e.queue.trim();if(J||!t)return;let n=q&&R===t?` Currently ${d(q.waiting??0)} waiting / ${d(q.completed??0)} completed.`:``;if(window.confirm(`Remove benchmark jobs from "${t}"?${n}`)){Y(!0),Z(null);try{let e=null;for(let n of[`waiting`,`completed`,`failed`,`delayed`])try{await m.clean(t,{state:n,limit:w.total})}catch(t){e=t.message}let n=await m.counts(t).catch(t=>(e=t.message,null));Z(n==null?{error:e??`server unreachable — could not verify`}:{remaining:n.counts?.active??0})}finally{Y(!1)}}},Q=r.runCfg??U(e),$=D(Q.total,1,w.total),re=D(Q.workers,0,w.workers),ie=Q.mode===`count`&&(j||k)?Math.min(100,O.pushed/$*100):0,ae=Q.mode===`count`&&(j||k)?Math.min(100,O.completed/$*100):0,oe=Q.mode===`duration`?Math.min(100,O.elapsedMs/(D(Q.durationS,1,w.durationS)*1e3)*100):0,se=s===`running`?Q.mode===`duration`?`Running…`:`Producing…`:s===`draining`?`Draining…`:s===`stopping`?`Stopping…`:s===`error`?`Error`:k?`Result`:`Ready`,ce=(s===`running`||s===`draining`)&&O.etaMs!=null?O.etaMs>0?`ETA ${g(O.etaMs)}`:`finishing…`:s===`stopped`?`stopped early`:s===`done`?`complete`:``;return(0,P.jsxs)(`div`,{children:[(0,P.jsx)(f,{title:`Benchmark`,description:`Drive real load against the server — producers bulk-enqueue jobs while simulated workers pull, process and ack them. Throughput is measured client-side; the queue genuinely fills and drains.`,actions:s===`stopping`?(0,P.jsxs)(_,{variant:`warning`,size:`sm`,disabled:!0,children:[(0,P.jsx)(l,{className:`size-3.5`}),` Stopping…`]}):j?(0,P.jsxs)(_,{variant:`warning`,size:`sm`,onClick:r.stop,children:[(0,P.jsx)(l,{className:`size-3.5`}),` Stop`]}):(0,P.jsxs)(_,{variant:`success`,size:`sm`,onClick:()=>{let t=U(e),n=t.queue.trim()||T.queue;window.confirm(`Enqueue real jobs into "${n}" on ${i()}?`)&&r.run(t)},children:[(0,P.jsx)(u,{className:`size-3.5`}),` Run benchmark`]})}),O.error&&(0,P.jsx)(`div`,{className:`mb-4 rounded-lg border border-red-500/20 bg-red-500/5 px-4 py-2 text-sm text-danger`,children:O.error}),(0,P.jsxs)(`div`,{className:`mb-4 flex flex-wrap items-center gap-2`,children:[(0,P.jsx)(`span`,{className:`text-xs font-medium uppercase tracking-wider text-faint`,children:`Presets`}),Object.keys(E).map(e=>(0,P.jsx)(`button`,{type:`button`,disabled:j,onClick:()=>L(E[e]),className:`rounded-md border border-line bg-surface-2 px-2.5 py-1 text-xs text-muted transition-colors hover:border-line-strong hover:text-fg disabled:opacity-40`,children:e},e))]}),(0,P.jsxs)(`div`,{className:`grid grid-cols-1 gap-6 lg:grid-cols-3`,children:[(0,P.jsxs)(c,{className:`lg:col-span-1`,children:[(0,P.jsx)(o,{title:`Configuration`}),(0,P.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,P.jsx)(x,{label:`Queue`,hint:`Jobs are enqueued here (created on first push).`,children:(0,P.jsx)(y,{value:e.queue,disabled:j,onChange:e=>M(`queue`,e.target.value)})}),(0,P.jsx)(x,{label:`Mode`,hint:e.mode===`count`?`Push a fixed number of jobs.`:`Run producers + workers for a fixed time.`,children:(0,P.jsx)(v,{options:B,value:e.mode,onChange:e=>M(`mode`,e),disabled:j})}),e.mode===`count`?(0,P.jsx)(x,{label:`Total jobs`,hint:`max ${d(w.total)}`,children:(0,P.jsx)(y,{type:`number`,min:1,max:w.total,value:e.total,disabled:j,onChange:I(`total`)})}):(0,P.jsx)(x,{label:`Duration (s)`,hint:`max ${w.durationS}s`,children:(0,P.jsx)(y,{type:`number`,min:1,max:w.durationS,value:e.durationS,disabled:j,onChange:I(`durationS`)})}),(0,P.jsx)(`div`,{className:`mt-1 text-[11px] font-semibold uppercase tracking-wider text-faint`,children:`Producers`}),(0,P.jsxs)(`div`,{className:`grid grid-cols-2 gap-3`,children:[(0,P.jsx)(x,{label:`Producers`,hint:`parallel, max ${w.producers}`,children:(0,P.jsx)(y,{type:`number`,min:e.mode===`duration`?0:1,max:w.producers,value:e.producers,disabled:j,onChange:I(`producers`)})}),(0,P.jsx)(x,{label:`Push batch`,hint:`jobs/req, max ${w.batch}`,children:(0,P.jsx)(y,{type:`number`,min:1,max:w.batch,value:e.batch,disabled:j,onChange:I(`batch`)})}),(0,P.jsx)(x,{label:`Payload`,hint:`bytes/job, max ${d(w.payload)}`,children:(0,P.jsx)(y,{type:`number`,min:0,max:w.payload,value:e.payload,disabled:j,onChange:I(`payload`)})})]}),(0,P.jsx)(`div`,{className:`mt-1 text-[11px] font-semibold uppercase tracking-wider text-faint`,children:`Workers (simulated)`}),(0,P.jsxs)(`div`,{className:`grid grid-cols-2 gap-3`,children:[(0,P.jsx)(x,{label:`Workers`,hint:`0 = produce only, max ${w.workers}`,children:(0,P.jsx)(y,{type:`number`,min:0,max:w.workers,value:e.workers,disabled:j,onChange:I(`workers`)})}),(0,P.jsx)(x,{label:`Pull batch`,hint:`jobs/pull, max ${w.workerBatch}`,children:(0,P.jsx)(y,{type:`number`,min:1,max:w.workerBatch,value:e.workerBatch,disabled:j,onChange:I(`workerBatch`)})}),(0,P.jsx)(x,{label:`Process (ms)`,hint:`simulated work per pull`,children:(0,P.jsx)(y,{type:`number`,min:0,max:w.processMs,value:e.processMs,disabled:j,onChange:I(`processMs`)})})]}),(0,P.jsxs)(`label`,{className:`flex cursor-pointer items-center gap-2`,children:[(0,P.jsx)(b,{checked:e.durable,onChange:e=>M(`durable`,e),disabled:j}),(0,P.jsx)(`span`,{className:`text-sm text-muted`,children:`Durable (fsync each job)`})]}),(0,P.jsxs)(`label`,{className:`flex cursor-pointer items-center gap-2`,children:[(0,P.jsx)(b,{checked:e.removeOnComplete,onChange:e=>M(`removeOnComplete`,e),disabled:j}),(0,P.jsx)(`span`,{className:`text-sm text-muted`,children:`Remove on complete`})]}),(0,P.jsxs)(`div`,{className:`flex items-center gap-3 pt-1`,children:[(0,P.jsx)(_,{variant:`ghost`,size:`sm`,disabled:j||J,onClick:ne,children:J?`Cleaning…`:`Clean queue`}),X&&(`error`in X?(0,P.jsxs)(`span`,{className:`text-xs text-danger`,children:[`Clean unverified — `,X.error]}):(0,P.jsx)(`span`,{className:t(`text-xs`,X.remaining>0?`text-warning`:`text-success`),children:X.remaining>0?`Cleaned — ${d(X.remaining)} active job(s) remain (requeued after the stall timeout)`:`Cleaned — 0 jobs remain`}))]})]})]}),(0,P.jsxs)(`div`,{className:`flex flex-col gap-6 lg:col-span-2`,children:[(0,P.jsxs)(c,{children:[(0,P.jsxs)(`div`,{className:`mb-3 flex items-center justify-between`,children:[(0,P.jsx)(`h3`,{className:`text-base font-semibold text-fg`,children:se}),(0,P.jsx)(`span`,{className:`text-xs text-faint`,children:ce})]}),(0,P.jsx)(G,{label:Q.mode===`duration`?`Elapsed`:`Produced`,pct:Q.mode===`duration`?oe:ie,tone:`accent`}),re>0&&Q.mode===`count`&&(0,P.jsx)(G,{label:`Completed`,pct:ae,tone:`emerald`}),(0,P.jsxs)(`div`,{className:`mt-4 grid grid-cols-2 gap-4 md:grid-cols-4`,children:[(0,P.jsx)(p,{label:`Pushed`,value:d(O.pushed),tone:`accent`,compact:!0}),(0,P.jsx)(p,{label:`Completed`,value:d(O.completed),tone:`green`,compact:!0}),(0,P.jsx)(p,{label:`Push/sec`,value:N(O.pushPerSec),compact:!0}),(0,P.jsx)(p,{label:`Done/sec`,value:N(O.donePerSec),tone:`green`,compact:!0}),(0,P.jsx)(p,{label:`Elapsed`,value:g(O.elapsedMs),compact:!0}),(0,P.jsx)(p,{label:`Active workers`,value:`${O.activeWorkers}/${re}`,tone:`blue`,compact:!0}),(0,P.jsx)(p,{label:`Data`,value:h(k?.bytes??O.bytes),compact:!0}),(0,P.jsx)(p,{label:`Errors`,value:d((k?.pushFailed??O.pushFailed)+(k?.ackFailed??O.ackFailed)),tone:O.pushFailed+O.ackFailed?`red`:`default`,compact:!0})]})]}),(0,P.jsxs)(c,{children:[(0,P.jsx)(o,{title:`Throughput`}),(0,P.jsx)(`p`,{className:`-mt-3 mb-4 text-xs text-faint`,children:`Enqueue (client → server) vs completion (workers) per second`}),(0,P.jsx)(S,{series:[{label:`Push/sec`,color:`#38bdf8`,points:O.pushSeries,area:!0},{label:`Done/sec`,color:`#34d399`,points:O.doneSeries,area:!0}]}),(0,P.jsxs)(`div`,{className:`mt-2 flex items-center gap-4 font-mono text-[11px] text-faint`,children:[(0,P.jsx)(K,{color:`#38bdf8`,label:`Push/sec`,value:O.pushPerSec}),(0,P.jsx)(K,{color:`#34d399`,label:`Done/sec`,value:O.donePerSec})]})]})]})]}),k&&(0,P.jsxs)(c,{className:`mt-6`,children:[(0,P.jsx)(o,{title:`Summary`}),(0,P.jsxs)(`div`,{className:`grid grid-cols-2 gap-4 md:grid-cols-4 xl:grid-cols-8`,children:[(0,P.jsx)(p,{label:`Pushed`,value:d(k.pushed),tone:`accent`,compact:!0}),(0,P.jsx)(p,{label:`Completed`,value:d(k.completed),tone:`green`,compact:!0}),(0,P.jsx)(p,{label:`Duration`,value:g(k.durationMs),compact:!0}),(0,P.jsx)(p,{label:`Avg push/s`,value:N(k.pushPerSec),tone:`accent`,compact:!0}),(0,P.jsx)(p,{label:`Avg done/s`,value:N(k.donePerSec),tone:`green`,compact:!0}),(0,P.jsx)(p,{label:`Data rate`,value:`${h(k.mbPerSec)}/s`,compact:!0}),(0,P.jsx)(p,{label:`Push p95`,value:g(k.p95),compact:!0}),(0,P.jsx)(p,{label:`Push p99`,value:g(k.p99),compact:!0})]}),(0,P.jsxs)(`p`,{className:`mt-3 text-xs text-faint`,children:[`Push-batch latency avg `,g(k.avg),` · p50 `,g(k.p50),` · p95`,` `,g(k.p95),` · p99 `,g(k.p99),` · max `,g(k.max),`.`,k.error?` First error: ${k.error}`:``]})]}),(0,P.jsxs)(c,{className:`mt-6`,children:[(0,P.jsx)(o,{title:`Server queue: ${R}`,action:te?(0,P.jsx)(`span`,{className:`text-xs font-medium text-warning`,children:`stale — server unreachable`}):void 0}),(0,P.jsx)(`p`,{className:`-mt-3 mb-4 text-xs text-faint`,children:`Live counts from the server (poll 1s).`}),q?(0,P.jsxs)(`div`,{className:`grid grid-cols-2 gap-4 md:grid-cols-5`,children:[(0,P.jsx)(p,{label:`Waiting`,value:d(q.waiting??0),tone:`amber`,compact:!0}),(0,P.jsx)(p,{label:`Active`,value:d(q.active??0),tone:`blue`,compact:!0}),(0,P.jsx)(p,{label:`Completed`,value:d(q.completed??0),tone:`green`,compact:!0}),(0,P.jsx)(p,{label:`Failed`,value:d(q.failed??0),tone:q.failed?`red`:`default`,compact:!0}),(0,P.jsx)(p,{label:`Delayed`,value:d(q.delayed??0),compact:!0})]}):(0,P.jsx)(`p`,{className:`text-sm text-faint`,children:`No counts yet — waiting for the server to answer for this queue.`})]}),(0,P.jsx)(F,{history:A,onClear:r.clearHistory})]})}function G({label:e,pct:n,tone:r}){return(0,P.jsxs)(`div`,{className:`mb-2`,children:[(0,P.jsxs)(`div`,{className:`mb-1 flex items-center justify-between text-[11px] text-faint`,children:[(0,P.jsx)(`span`,{children:e}),(0,P.jsxs)(`span`,{className:`tnum`,children:[n.toFixed(0),`%`]})]}),(0,P.jsx)(`div`,{className:`h-1.5 overflow-hidden rounded-full bg-surface-2`,children:(0,P.jsx)(`div`,{className:t(`h-full rounded-full transition-all`,r===`accent`?`bg-accent`:`bg-emerald-500`),style:{width:`${n}%`}})})]})}function K({color:e,label:t,value:n}){return(0,P.jsxs)(`span`,{className:`flex items-center gap-1.5`,children:[(0,P.jsx)(`span`,{className:`size-2 rounded-full`,style:{background:e}}),t,` `,(0,P.jsxs)(`span`,{className:`text-fg`,children:[N(n),`/s`]})]})}export{W as Benchmark};

package/dist/assets/BulkAddJobs-B9q81JAq.js

@@ -1,5 +0,0 @@
-import{r as e}from"./cn-CMFYpumL.js";import{h as t,t as n}from"./react-vendor-B68RYDeC.js";import{A as r,C as i,S as a,h as o,nt as s,rt as c,w as l}from"./index-BFRKPhvf.js";import{i as u,n as d,t as f}from"./form-C-zZyKfB.js";var p=e(t(),1),m=n(),h=1e4,g=`[
-  { "data": { "to": "a@example.com", "template": "welcome" }, "priority": 1 },
-  { "data": { "to": "b@example.com", "template": "welcome" } }
-]`,_=e=>{let t=Number(e);return e.trim()!==``&&Number.isFinite(t)?t:void 0},v=e=>typeof e==`number`&&Number.isFinite(e)?e:void 0,y=e=>typeof e==`boolean`?e:void 0,b=e=>typeof e==`string`&&e!==``?e:void 0;function x(e,t,n){if(n===`spec`&&e&&typeof e==`object`&&!Array.isArray(e)&&`data`in e){let n=e;return{data:n.data,priority:v(n.priority)??t.priority,delay:v(n.delay),maxAttempts:v(n.maxAttempts)??t.maxAttempts,backoff:v(n.backoff)??t.backoff,timeout:v(n.timeout)??t.timeout,jobId:b(n.jobId),removeOnComplete:y(n.removeOnComplete),removeOnFail:y(n.removeOnFail),durable:y(n.durable),lifo:y(n.lifo),ttl:v(n.ttl),uniqueKey:b(n.uniqueKey)}}return{data:e,...t}}var S=new Set([`data`,`priority`,`delay`,`maxAttempts`,`backoff`,`timeout`,`jobId`,`removeOnComplete`,`removeOnFail`,`durable`,`lifo`,`ttl`,`uniqueKey`]);function C(e){return e.some(e=>typeof e==`object`&&!!e&&!Array.isArray(e)&&`data`in e&&Object.keys(e).some(e=>!S.has(e)))}function w(e){let t=e.trim();if(!t)return{items:[],error:null};try{let e=JSON.parse(t);return Array.isArray(e)?{items:e,error:null}:{items:[e],error:null}}catch{}let n=[],r=t.split(`
-`);for(let e=0;e<r.length;e++){let t=r[e].trim();if(t)try{n.push(JSON.parse(t))}catch(t){return{items:[],error:`Line ${e+1}: ${t.message}`}}}return{items:n,error:null}}function T(){let{data:e}=r(()=>s.queues(),[],{intervalMs:3e4}),[t,n]=(0,p.useState)(``),[v,y]=(0,p.useState)(``),[b,S]=(0,p.useState)(`spec`),[T,E]=(0,p.useState)(``),[D,O]=(0,p.useState)(``),[k,A]=(0,p.useState)(``),[j,M]=(0,p.useState)(``),[N,P]=(0,p.useState)(!1),[F,I]=(0,p.useState)(null),{items:L,error:R}=(0,p.useMemo)(()=>w(v),[v]),z=b===`spec`&&!R&&C(L);return(0,m.jsxs)(`div`,{children:[(0,m.jsx)(o,{title:`Bulk Add Jobs`,description:`Import many distinct jobs at once from a JSON array, NDJSON, or a file.`}),(0,m.jsxs)(`div`,{className:`grid grid-cols-1 gap-6 lg:grid-cols-3`,children:[(0,m.jsxs)(a,{className:`lg:col-span-2`,children:[(0,m.jsx)(i,{title:`Jobs`,action:(0,m.jsxs)(`label`,{className:`cursor-pointer rounded-lg border border-line px-3 py-1.5 text-xs text-muted hover:bg-surface-2 hover:text-fg`,children:[`Upload file`,(0,m.jsx)(`input`,{type:`file`,accept:`.json,.ndjson,.txt,application/json`,onChange:e=>{let t=e.target.files?.[0];if(!t)return;if(v.trim()!==``&&!window.confirm(`Replace the current input with "${t.name}"?`)){e.target.value=``;return}let n=new FileReader;n.onload=()=>y(String(n.result??``)),n.onerror=()=>I({ok:!1,msg:`Could not read file`}),n.readAsText(t),e.target.value=``},className:`hidden`})]})}),(0,m.jsx)(`textarea`,{value:v,onChange:e=>y(e.target.value),spellCheck:!1,rows:16,placeholder:g,"aria-label":`Jobs JSON`,className:`w-full rounded-lg border border-line bg-surface-2 p-3 font-mono text-xs text-fg placeholder:text-faint focus:border-accent/60 focus:outline-none focus:ring-2 focus:ring-accent/30`}),(0,m.jsxs)(`div`,{className:`mt-3 flex flex-wrap items-center gap-3`,children:[(0,m.jsx)(`span`,{className:`text-xs font-medium text-faint`,children:`Interpret each item as`}),(0,m.jsx)(u,{options:[`spec`,`raw`],value:b,onChange:S}),(0,m.jsx)(`span`,{className:`text-xs text-faint`,children:b===`spec`?`job spec: an object with a "data" key sets options from its sibling fields.`:`raw data: the whole item becomes the job payload, untouched.`})]}),(0,m.jsx)(`p`,{className:`mt-2 text-xs text-faint`,children:`Accepts a JSON array, a single object, or newline-delimited JSON.`}),(0,m.jsx)(`div`,{className:`mt-2 text-sm`,children:R?(0,m.jsx)(`span`,{className:`text-danger`,children:R}):L.length>0?(0,m.jsxs)(`span`,{className:`text-success`,children:[L.length,` job(s) parsed ✓`]}):(0,m.jsx)(`span`,{className:`text-faint`,children:`Nothing parsed yet.`})}),z&&(0,m.jsx)(`p`,{className:`mt-2 text-xs text-warning`,children:`Some items carry keys beyond the known job options — in “spec” mode those keys are dropped. Switch to “raw” to keep every field as the job's data.`})]}),(0,m.jsxs)(a,{children:[(0,m.jsx)(i,{title:`Target & defaults`}),(0,m.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,m.jsxs)(f,{label:`Queue`,children:[(0,m.jsx)(d,{list:`bulk-queue-options`,value:t,onChange:e=>n(e.target.value),placeholder:`queue name (existing or new)`}),(0,m.jsx)(`datalist`,{id:`bulk-queue-options`,children:(e?.queues??[]).map(e=>(0,m.jsx)(`option`,{value:e.name},e.name))})]}),(0,m.jsx)(`p`,{className:`-mt-2 text-xs text-faint`,children:`Defaults below fill any field an item omits.`}),(0,m.jsxs)(`div`,{className:`grid grid-cols-2 gap-3`,children:[(0,m.jsx)(f,{label:`Priority`,children:(0,m.jsx)(d,{type:`number`,value:T,onChange:e=>E(e.target.value),placeholder:`0`})}),(0,m.jsx)(f,{label:`Max attempts`,children:(0,m.jsx)(d,{type:`number`,min:0,value:D,onChange:e=>O(e.target.value),placeholder:`3`})}),(0,m.jsx)(f,{label:`Backoff (ms)`,children:(0,m.jsx)(d,{type:`number`,min:0,value:k,onChange:e=>A(e.target.value),placeholder:`1000`})}),(0,m.jsx)(f,{label:`Timeout (ms)`,children:(0,m.jsx)(d,{type:`number`,min:0,value:j,onChange:e=>M(e.target.value),placeholder:`—`})})]}),(0,m.jsx)(`div`,{className:`flex items-center gap-3`,children:(0,m.jsx)(l,{variant:`accent`,disabled:N||L.length===0||R!=null,onClick:async()=>{if(I(null),!t.trim()){I({ok:!1,msg:`Choose a queue`});return}if(R){I({ok:!1,msg:R});return}if(L.length===0){I({ok:!1,msg:`Nothing to enqueue — paste a JSON array or NDJSON.`});return}if(L.length>h){I({ok:!1,msg:`Too many jobs (${L.length}). Limit is ${h}.`});return}let e=e=>e!=null&&e<0?0:e,n={priority:_(T),maxAttempts:e(_(D)),backoff:e(_(k)),timeout:e(_(j))},r=L.map(e=>x(e,n,b));P(!0);try{let e=await s.addJobsBulk(t,r),n=new Set(e.ids).size,i=`Created ${n} job${n===1?``:`s`} in ${t}`;I({ok:!0,msg:i}),c.success(i)}catch(e){let t=e.message;I({ok:!1,msg:t}),c.error(`Bulk import failed`,t)}finally{P(!1)}},children:N?`Importing…`:`Import ${L.length||``}`})}),F&&(0,m.jsx)(`span`,{role:`status`,className:F.ok?`text-sm text-success`:`text-sm text-danger`,children:F.msg})]})]})]})]})}export{T as BulkAddJobs};