@rubytech/create-sitedesk-code 0.1.525 → 0.1.527

package/payload/server/maxy-edge.js

@@ -1,8 +1,12 @@
 import { createRequire as __createRequire } from 'node:module'; const require = __createRequire(import.meta.url);
 import {
+  CDP_WS_PATH,
   Hono,
+  buildCdpUpstreamRequest,
   canAccessAdmin,
+  cdpWsCensusLog,
   clientIpMiddleware,
+  decideCdpUpgrade,
   describeRemoteSession,
   getOperatorDomains,
   getRequestListener,
@@ -12,10 +16,12 @@ import {
   requireAdminCookie,
   requirePortEnv,
   sanitizeClientCorrId,
+  screencastLog,
   vncLog,
   websockifyLog
-} from "./chunk-WT2PFGY4.js";
+} from "./chunk-KY3BBT67.js";
 import {
+  CDP_PORT,
   LOG_DIR,
   WEBSOCKIFY_PORT
 } from "./chunk-XCR5D2G3.js";
@@ -23,7 +29,7 @@ import "./chunk-PFF6I7KP.js";
 
 // server/edge.ts
 import { createServer, request as httpRequest } from "http";
-import { createConnection as createConnection2 } from "net";
+import { createConnection as createConnection3 } from "net";
 import { readFileSync as readFileSync4, existsSync as existsSync4, watchFile } from "fs";
 import { homedir } from "os";
 import { join as join4 } from "path";
@@ -315,10 +321,10 @@ function parseOriginHost(origin) {
     return null;
   }
 }
-function writeStatusAndDestroy(socket, status, statusText) {
+function writeStatusAndDestroy(socket, status, statusText2) {
   try {
     socket.write(
-      `HTTP/1.1 ${status} ${statusText}\r
+      `HTTP/1.1 ${status} ${statusText2}\r
 Connection: close\r
 Content-Length: 0\r
 \r
@@ -329,6 +335,215 @@ Content-Length: 0\r
   socket.destroy();
 }
 
+// server/cdp-ws-proxy.ts
+import { createConnection as createConnection2 } from "net";
+var UPSTREAM_TIMEOUT_MS2 = 5e3;
+var REAP_INTERVAL_MS = 6e4;
+var liveSockets = /* @__PURE__ */ new Set();
+var reaper = null;
+function cdpSessionCount() {
+  const sids = /* @__PURE__ */ new Set();
+  for (const e of liveSockets) sids.add(e.sid);
+  return sids.size;
+}
+function ensureReaperArmed() {
+  if (reaper) return;
+  reaper = setInterval(sweepOrphans, REAP_INTERVAL_MS);
+  if (typeof reaper.unref === "function") reaper.unref();
+}
+function disarmReaperIfIdle() {
+  if (liveSockets.size > 0 || !reaper) return;
+  clearInterval(reaper);
+  reaper = null;
+}
+function sweepOrphans() {
+  reapOrphanedCdpSockets();
+  disarmReaperIfIdle();
+}
+function registerCdpSocket(entry) {
+  liveSockets.add(entry);
+  ensureReaperArmed();
+  cdpWsCensusLog({ liveSockets: liveSockets.size, sessions: cdpSessionCount() });
+}
+function unregisterCdpSocket(entry) {
+  if (!liveSockets.delete(entry)) return;
+  disarmReaperIfIdle();
+  cdpWsCensusLog({ liveSockets: liveSockets.size, sessions: cdpSessionCount() });
+}
+function reapOrphanedCdpSockets() {
+  let reaped = 0;
+  for (const entry of [...liveSockets]) {
+    if (!entry.client.destroyed) continue;
+    if (!entry.upstream.destroyed) {
+      try {
+        entry.upstream.destroy();
+      } catch {
+      }
+    }
+    liveSockets.delete(entry);
+    reaped += 1;
+  }
+  if (reaped > 0) {
+    screencastLog("orphan-reap", { closed: reaped, liveSockets: liveSockets.size });
+    cdpWsCensusLog({ liveSockets: liveSockets.size, sessions: cdpSessionCount() });
+  }
+  return reaped;
+}
+function attachCdpWsProxy(server2, opts) {
+  const upstreamHost = opts.upstreamHost ?? "127.0.0.1";
+  const upstreamPort = opts.upstreamPort ?? CDP_PORT;
+  const isOperatorHost2 = opts.isOperatorHost ?? (() => false);
+  server2.on("upgrade", (req, clientSocket, head) => {
+    try {
+      handleCdpUpgrade(req, clientSocket, head, {
+        isPublicHost: opts.isPublicHost,
+        isOperatorHost: isOperatorHost2,
+        upstreamHost,
+        upstreamPort
+      });
+    } catch (err) {
+      screencastLog("gate", { decision: "reject-handler-exception", err: err.message });
+      clientSocket.destroy();
+    }
+  });
+}
+function handleCdpUpgrade(req, clientSocket, head, opts) {
+  const host = (req.headers.host ?? "").split(":")[0];
+  const decision = decideCdpUpgrade({
+    url: req.url ?? "",
+    host,
+    origin: headerString2(req.headers.origin),
+    cookieHeader: headerString2(req.headers.cookie),
+    remoteAddress: req.socket.remoteAddress,
+    xForwardedFor: headerString2(req.headers["x-forwarded-for"]),
+    isPublicHost: opts.isPublicHost,
+    isOperatorHost: opts.isOperatorHost,
+    canAccess: canAccessAdmin
+  });
+  if (!decision.allow && decision.reason === "wrong-path") return;
+  if (!decision.allow) {
+    screencastLog("gate", {
+      sid: decision.sid,
+      corrId: decision.corrId,
+      decision: `reject-${decision.reason}`,
+      host,
+      ip: req.socket.remoteAddress
+    });
+    writeStatusAndDestroy2(clientSocket, decision.status, statusText(decision.status));
+    return;
+  }
+  const sid = decision.sid ?? decision.corrId;
+  screencastLog("gate", {
+    sid,
+    corrId: decision.corrId,
+    decision: "allow",
+    host,
+    cdpPort: opts.upstreamPort
+  });
+  const upstream = createConnection2({ host: opts.upstreamHost, port: opts.upstreamPort });
+  upstream.setTimeout(UPSTREAM_TIMEOUT_MS2);
+  const entry = {
+    sid,
+    client: clientSocket,
+    upstream
+  };
+  let bytesClientToUpstream = 0;
+  let bytesUpstreamToClient = 0;
+  let closedBy = null;
+  let proxyOpened = false;
+  const openedAt = Date.now();
+  const finish = (side, reason) => {
+    if (closedBy) return;
+    closedBy = side;
+    if (proxyOpened) {
+      unregisterCdpSocket(entry);
+      screencastLog("socket-closed", {
+        sid,
+        closedBy: side,
+        reason,
+        clientBytes: bytesClientToUpstream,
+        upstreamBytes: bytesUpstreamToClient,
+        durationMs: Date.now() - openedAt,
+        liveSockets: liveSockets.size
+      });
+    }
+    clientSocket.destroy();
+    upstream.destroy();
+  };
+  upstream.once("connect", () => {
+    upstream.setTimeout(0);
+    proxyOpened = true;
+    registerCdpSocket(entry);
+    screencastLog("cdp-connected", {
+      sid,
+      wsTarget: `/devtools/page/${decision.targetId}`,
+      liveSockets: liveSockets.size
+    });
+    upstream.write(
+      buildCdpUpstreamRequest({
+        method: req.method ?? "GET",
+        httpVersion: req.httpVersion,
+        headers: req.headers,
+        targetId: decision.targetId,
+        upstreamHost: opts.upstreamHost,
+        upstreamPort: opts.upstreamPort
+      })
+    );
+    if (head && head.length > 0) upstream.write(head);
+    clientSocket.on("data", (chunk) => {
+      bytesClientToUpstream += chunk.length;
+    });
+    upstream.on("data", (chunk) => {
+      bytesUpstreamToClient += chunk.length;
+    });
+    clientSocket.pipe(upstream);
+    upstream.pipe(clientSocket);
+    clientSocket.once("close", (hadError) => finish("client", hadError ? "error" : "normal"));
+    upstream.once("close", (hadError) => finish("upstream", hadError ? "error" : "normal"));
+    clientSocket.once("error", (err) => {
+      screencastLog("socket-error", { sid, side: "client", err: err.message });
+      finish("client", "error");
+    });
+    upstream.once("error", (err) => {
+      screencastLog("socket-error", { sid, side: "upstream", err: err.message });
+      finish("upstream", "error");
+    });
+  });
+  upstream.once("timeout", () => {
+    if (proxyOpened) return;
+    screencastLog("cdp-connect-failed", { sid, err: "timeout", timeoutMs: UPSTREAM_TIMEOUT_MS2 });
+    writeStatusAndDestroy2(clientSocket, 504, "Gateway Timeout");
+    upstream.destroy();
+  });
+  upstream.once("error", (err) => {
+    if (proxyOpened) return;
+    screencastLog("cdp-connect-failed", { sid, err: err.message });
+    writeStatusAndDestroy2(clientSocket, 502, "Bad Gateway");
+    upstream.destroy();
+  });
+}
+function headerString2(value) {
+  if (value == null) return void 0;
+  return Array.isArray(value) ? value[0] : value;
+}
+function statusText(status) {
+  if (status === 400) return "Bad Request";
+  if (status === 401) return "Unauthorized";
+  if (status === 404) return "Not Found";
+  return "Forbidden";
+}
+function writeStatusAndDestroy2(socket, status, text) {
+  try {
+    socket.write(`HTTP/1.1 ${status} ${text}\r
+Connection: close\r
+Content-Length: 0\r
+\r
+`);
+  } catch {
+  }
+  socket.destroy();
+}
+
 // server/routes/admin/version.ts
 import { existsSync as existsSync2, readFileSync as readFileSync2 } from "fs";
 import { resolve, join as join2 } from "path";
@@ -764,7 +979,7 @@ function forwardHttp(clientReq, clientRes) {
   clientReq.pipe(upstream);
 }
 function forwardUpgrade(req, clientSocket, head) {
-  const upstream = createConnection2({ host: UPSTREAM_HOST, port: UPSTREAM_PORT });
+  const upstream = createConnection3({ host: UPSTREAM_HOST, port: UPSTREAM_PORT });
   upstream.setTimeout(5e3);
   upstream.once("connect", () => {
     upstream.setTimeout(0);
@@ -838,16 +1053,21 @@ attachVncWsProxy(server, {
   upstreamPort: WEBSOCKIFY_PORT2,
   brand: BRAND.productName
 });
+attachCdpWsProxy(server, {
+  isPublicHost,
+  isOperatorHost: (h) => isOperatorHost(h, getOperatorDomains())
+});
 server.on("upgrade", (req, socket, head) => {
   const url = req.url ?? "";
   const qsIndex = url.indexOf("?");
   const pathname = qsIndex === -1 ? url : url.slice(0, qsIndex);
-  if (pathname === "/websockify") return;
+  if (pathname === "/websockify" || pathname === CDP_WS_PATH) return;
   forwardUpgrade(req, socket, head);
 });
 server.listen(EDGE_PORT, EDGE_HOSTNAME, () => {
   console.log(`[edge] listening on http://${EDGE_HOSTNAME}:${EDGE_PORT}`);
   console.log(`[edge] brand=${BRAND.productName} holding-logo=${BRAND.logoDataUri ? "inlined" : "missing"} assets-dir=${BRAND_ASSETS_DIR || "(none)"}`);
   console.log(`[edge] /websockify \u2192 ${WEBSOCKIFY_HOST}:${WEBSOCKIFY_PORT2}`);
+  console.log(`[edge] ${CDP_WS_PATH} \u2192 127.0.0.1:${CDP_PORT} (screencast)`);
   console.log(`[edge] everything else \u2192 ${UPSTREAM_HOST}:${UPSTREAM_PORT}`);
 });

package/payload/server/public/activity.html

@@ -5,12 +5,12 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Activity — Maxy</title>
   <link rel="icon" href="/favicon.ico">
-  <script type="module" crossorigin src="/assets/activity-DGQt5ys_.js"></script>
+  <script type="module" crossorigin src="/assets/activity-aVvbaVd4.js"></script>
   <link rel="modulepreload" crossorigin href="/assets/chunk-CltuBf4Z.js">
-  <link rel="modulepreload" crossorigin href="/assets/useSubAccountSwitcher-CnpeWIYq.js">
-  <link rel="modulepreload" crossorigin href="/assets/AdminShell-YctTrR-D.js">
-  <link rel="modulepreload" crossorigin href="/assets/triangle-alert--PCKaewD.js">
-  <link rel="stylesheet" crossorigin href="/assets/useSubAccountSwitcher-BYfe9vj8.css">
+  <link rel="modulepreload" crossorigin href="/assets/useSubAccountSwitcher-BRHYXwGO.js">
+  <link rel="modulepreload" crossorigin href="/assets/AdminShell-MM3_yp3N.js">
+  <link rel="modulepreload" crossorigin href="/assets/triangle-alert-CpwrbdYq.js">
+  <link rel="stylesheet" crossorigin href="/assets/useSubAccountSwitcher-CJzJ9xV3.css">
   <link rel="stylesheet" href="/brand-defaults.css">
 </head>
 <body>

package/payload/server/public/agents.html

@@ -5,11 +5,11 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Agents — Maxy</title>
   <link rel="icon" href="/favicon.ico">
-  <script type="module" crossorigin src="/assets/agents-Bc2LZjwC.js"></script>
+  <script type="module" crossorigin src="/assets/agents-CrpVTPRG.js"></script>
   <link rel="modulepreload" crossorigin href="/assets/chunk-CltuBf4Z.js">
-  <link rel="modulepreload" crossorigin href="/assets/useSubAccountSwitcher-CnpeWIYq.js">
-  <link rel="modulepreload" crossorigin href="/assets/AdminShell-YctTrR-D.js">
-  <link rel="stylesheet" crossorigin href="/assets/useSubAccountSwitcher-BYfe9vj8.css">
+  <link rel="modulepreload" crossorigin href="/assets/useSubAccountSwitcher-BRHYXwGO.js">
+  <link rel="modulepreload" crossorigin href="/assets/AdminShell-MM3_yp3N.js">
+  <link rel="stylesheet" crossorigin href="/assets/useSubAccountSwitcher-CJzJ9xV3.css">
   <link rel="stylesheet" href="/brand-defaults.css">
 </head>
 <body>

package/payload/server/public/assets/{AdminLoginScreens-BgDjueVe.js → AdminLoginScreens-DSt9DYZZ.js}

@@ -1 +1 @@
-import{o as e}from"./chunk-CltuBf4Z.js";import{B as t,H as n,J as r,L as i,R as a,W as o}from"./useSubAccountSwitcher-CnpeWIYq.js";import{k as s}from"./useVoiceRecorder-BY6ZsGMH.js";import{E as c,T as l,w as u}from"./AdminShell-YctTrR-D.js";var d=e(r(),1);function f(e=`admin`){let[t,n]=(0,d.useState)(`loading`),[r,i]=(0,d.useState)(``),[a,l]=(0,d.useState)(``),[u,f]=(0,d.useState)(``),[p,m]=(0,d.useState)(!1),[h,g]=(0,d.useState)(!1),[_,v]=(0,d.useState)(!1),[y,b]=(0,d.useState)(!1),[x,S]=(0,d.useState)(!1),[C,w]=(0,d.useState)(null),[T,E]=(0,d.useState)(null),[D,O]=(0,d.useState)(void 0),[k,A]=(0,d.useState)(null),[j,M]=(0,d.useState)(void 0),[N,P]=(0,d.useState)(null),[F,I]=(0,d.useState)(null),[L,R]=(0,d.useState)(void 0),z=(0,d.useRef)(void 0),[B,V]=(0,d.useState)(!1),[H,U]=(0,d.useState)(!0);(0,d.useEffect)(()=>{typeof window>`u`||fetch(`/api/remote-auth/status`).then(e=>e.ok?e.json():null).then(e=>{e?.configured&&V(!0)}).catch(()=>{})},[]);let W=(0,d.useRef)(null),G=(0,d.useRef)(null);(0,d.useEffect)(()=>{async function e(){let e=null;try{e=sessionStorage.getItem(`maxy-admin-session-key`)}catch{}if(!e)return!1;try{let t=await fetch(`/api/admin/session?session_key=${encodeURIComponent(e)}`);if(t.status===401){try{sessionStorage.removeItem(`maxy-admin-session-key`)}catch{}return!1}if(!t.ok)return!1;let r=await t.json();w(r.session_key),I(r.sessionId??null),O(r.businessName),A(r.role??null),M(r.userName===void 0?null:r.userName),P(r.avatar??null);let i=s(r.thinkingView);return z.current=i,R(i),n(`chat`),!0}catch(e){return console.error(`[admin] session restore failed:`,e),!1}}async function t(r=2){try{let i=await fetch(`/api/health`);if(!i.ok){if(r>0)return await new Promise(e=>setTimeout(e,1500)),t(r-1);console.error(`[admin] health check returned ${i.status} after retries`),n(`set-pin`);return}let a=await i.json();if(!a.pin_configured){n(`set-pin`);return}U(!!a.claude_authenticated);let o=!1;try{o=new URLSearchParams(window.location.search).get(`connect`)===`claude`}catch{}if(o){try{let e=new URL(window.location.href);e.searchParams.delete(`connect`),window.history.replaceState(null,``,e.pathname+e.search+e.hash)}catch{}if(!a.claude_authenticated){n(`connect-claude`);return}}if(await e())return;n(`enter-pin`)}catch(e){if(r>0)return await new Promise(e=>setTimeout(e,1500)),t(r-1);console.error(`[admin] health check failed:`,e),n(`set-pin`)}}t()},[]),(0,d.useEffect)(()=>{t===`chat`&&C&&fetch(`/api/admin/claude-info?session_key=${encodeURIComponent(C)}`).then(e=>{if(e.ok)return e.json()}).then(e=>{e&&E(e)}).catch(()=>{})},[t,C]);let K=(0,d.useRef)(null);(0,d.useEffect)(()=>{if(t!==`chat`)return;let e=setInterval(async()=>{try{let e=await fetch(`/api/health`);if(e.ok){let t=await e.json();U(t.auth_status!==`dead`&&t.auth_status!==`missing`)}}catch{}if(C)try{let e=await fetch(`/api/admin/session?session_key=${encodeURIComponent(C)}`);if(e.status!==401)return;let t=(await e.clone().json().catch(()=>null))?.code??`unknown-401`;if(t===`remote-auth-required`){o(`heartbeat`,`/api/admin/session`);return}console.warn(`[admin-auth] outcome=heartbeat-detected-expiry code=${t}`),K.current?.()}catch{}},300*1e3);return()=>clearInterval(e)},[t,C]),(0,d.useEffect)(()=>{t===`connect-claude`&&fetch(`/api/health`).then(e=>e.ok?e.json():null).then(e=>{e?.claude_authenticated&&(U(!0),n(`enter-pin`))}).catch(()=>{})},[t]);async function q(e,t){g(!0);try{let r=await fetch(`/api/admin/session`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({pin:e,...t?{accountId:t}:{}})});if(!r.ok){let e=await r.json().catch(()=>({}));if(r.status===401&&e?.code===`remote-auth-required`){o(`enter-pin`,`/api/admin/session`);return}f(e.error||`Invalid PIN`);return}let a=await r.json();w(a.session_key),I(a.sessionId??null),O(a.businessName),A(a.role??null),M(a.userName===void 0?null:a.userName),P(a.avatar??null);let c=s(a.thinkingView);z.current=c,R(c);try{sessionStorage.setItem(`maxy-admin-session-key`,a.session_key)}catch{}i(``),n(`chat`)}catch(e){console.error(`[admin] connection error:`,e),f(`Could not connect.`)}finally{g(!1)}}let J=(0,d.useCallback)(async e=>{if(e.preventDefault(),h)return;f(``);let t=a.trim();if(!t){f(`Please enter your name.`);return}if(r.length<4){f(`PIN must be at least 4 characters.`);return}let s=r;g(!0);try{let e=await fetch(`/api/onboarding/set-pin`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({pin:s,name:t})});if(!e.ok){let t=await e.json().catch(()=>({}));if(e.status===401&&t?.code===`remote-auth-required`){o(`set-pin`,`/api/onboarding/set-pin`);return}if(e.status===409){console.log(`[admin] PIN already configured — re-checking health`);try{let e=await fetch(`/api/health`);if(e.ok){let r=await e.json();r.pin_configured&&r.claude_authenticated?n(`enter-pin`):r.pin_configured?n(`connect-claude`):f(t.error||`Failed to set PIN.`)}else n(`enter-pin`)}catch{n(`enter-pin`)}return}f(t.error||`Failed to set PIN.`);return}let r=await fetch(`/api/health`);if((r.ok?await r.json():null)?.claude_authenticated){await q(s);return}i(``),n(`connect-claude`)}catch(e){console.error(`[admin] connection error:`,e),f(`Could not connect.`)}finally{g(!1)}},[r,h,a]),Y=(0,d.useCallback)(async e=>{e.preventDefault(),f(``),await q(r)},[r]),X=(0,d.useCallback)(async()=>{S(!0);try{if(!await c())return console.warn(`[admin-ui] claude-disconnect not verified — credentials may persist; staying put`),!1;U(!1),w(null),A(null),M(void 0),P(null);try{sessionStorage.removeItem(`maxy-admin-session-key`)}catch{}return n(`connect-claude`),!0}finally{S(!1)}},[]),Z=(0,d.useCallback)(()=>{w(null),A(null),M(void 0),P(null);try{sessionStorage.removeItem(`maxy-admin-session-key`)}catch{}i(``),f(``),n(`enter-pin`)},[]);return(0,d.useEffect)(()=>{K.current=Z},[Z]),{appState:t,setAppState:n,pin:r,setPin:i,operatorName:a,setOperatorName:l,pinError:u,setPinError:f,showPin:p,setShowPin:m,pinLoading:h,authPolling:_,setAuthPolling:v,authLoading:y,setAuthLoading:b,disconnecting:x,cacheKey:C,setCacheKey:w,claudeInfo:T,setClaudeInfo:E,businessName:D,role:k,userName:j,userAvatar:N,sessionId:F,setSessionId:I,expandAll:L,setExpandAll:R,expandAllDefaultRef:z,remoteAuthEnabled:B,claudeConnected:H,pinInputRef:W,setPinFormRef:G,handleSetPin:J,handleLogin:Y,handleDisconnect:X,handleLogout:Z}}var p=n();function m({inputRef:e,value:t,onChange:n,onComplete:r,showPin:i,autoFocus:a}){let o=(0,d.useRef)([]);function s(e,r){r.key===`Backspace`?(r.preventDefault(),t[e]?n(t.slice(0,e)+t.slice(e+1)):e>0&&(n(t.slice(0,e-1)+t.slice(e)),o.current[e-1]?.focus())):r.key===`ArrowLeft`&&e>0?o.current[e-1]?.focus():r.key===`ArrowRight`&&e<5?o.current[e+1]?.focus():r.key===`Enter`&&(r.preventDefault(),r.currentTarget.form?.requestSubmit())}function c(e,i){let a=i.nativeEvent.data;if(!a||!/^\d$/.test(a))return;let s=t.split(``);for(s[e]=a;s.length<e;)s.push(``);let c=s.join(``).replace(/\D/g,``).slice(0,6);n(c),c.length===6?r?.(c):e<5&&o.current[e+1]?.focus()}function l(e){e.preventDefault();let t=e.clipboardData.getData(`text`).replace(/\D/g,``).slice(0,6);t&&(n(t),t.length===6?r?.(t):o.current[t.length]?.focus())}return(0,p.jsx)(`div`,{className:`pin-field`,children:Array.from({length:6}).map((n,r)=>(0,p.jsx)(`input`,{ref:t=>{o.current[r]=t,r===0&&e&&(e.current=t)},type:`text`,inputMode:`numeric`,className:`pin-box${t[r]?` pin-box-filled`:``}`,value:t[r]?i?t[r]:`•`:``,onKeyDown:e=>s(r,e),onInput:e=>c(r,e),onPaste:l,onFocus:e=>e.target.select(),autoFocus:a&&r===0,autoComplete:`off`,maxLength:1,"aria-label":`PIN digit ${r+1}`},r))})}function h(e){let{pin:n,setPin:r,showPin:i,setShowPin:o,pinLoading:s,pinError:c,pinInputRef:d,setPinFormRef:f,onSubmit:h,operatorName:g,setOperatorName:_}=e;return(0,p.jsx)(`div`,{className:`connect-page`,children:(0,p.jsxs)(`div`,{className:`connect-content`,children:[(0,p.jsx)(`img`,{src:t,alt:a.productName,className:`connect-logo connect-logo--maxy`}),!a.logoContainsName&&(0,p.jsxs)(`h1`,{className:`connect-title`,children:[`Welcome to `,a.productName]}),(0,p.jsxs)(`p`,{className:`connect-subtitle`,children:[`Tell `,a.productName,` who you are, then choose a PIN.`]}),(0,p.jsxs)(`form`,{ref:f,onSubmit:h,className:`connect-pin-form`,children:[(0,p.jsxs)(`div`,{className:`pin-input-row`,children:[(0,p.jsx)(`input`,{type:`text`,className:`connect-name-input`,placeholder:`Your full name`,value:g,onChange:e=>_(e.target.value),autoComplete:`name`,autoFocus:!0,required:!0,"aria-label":`Your full name`}),(0,p.jsx)(`div`,{style:{width:38,flexShrink:0},"aria-hidden":`true`})]}),(0,p.jsxs)(`div`,{className:`pin-input-row`,children:[(0,p.jsx)(m,{inputRef:d,value:n,onChange:r,onComplete:()=>{},showPin:i}),(0,p.jsx)(u,{variant:`send`,type:`submit`,disabled:!n||!g.trim(),loading:s,"aria-label":`Set PIN`,children:(0,p.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,p.jsx)(`line`,{x1:`5`,y1:`12`,x2:`19`,y2:`12`}),(0,p.jsx)(`polyline`,{points:`12 5 19 12 12 19`})]})})]}),(0,p.jsx)(l,{checked:i,onChange:()=>o(e=>!e),label:`Show PIN`})]}),c&&(0,p.jsx)(`p`,{className:`admin-pin-error`,children:c})]})})}function g(e){let{pin:n,setPin:r,showPin:i,setShowPin:o,pinLoading:s,pinError:c,pinInputRef:d,onSubmit:f,remoteAuthEnabled:h,onSignOutRemote:g}=e;return(0,p.jsxs)(`div`,{className:`connect-page`,children:[h&&g&&(0,p.jsx)(`button`,{type:`button`,className:`connect-signout`,onClick:g,children:`Sign out`}),(0,p.jsxs)(`div`,{className:`connect-content`,children:[(0,p.jsx)(`img`,{src:t,alt:a.productName,className:`connect-logo connect-logo--maxy`}),!a.logoContainsName&&(0,p.jsx)(`h1`,{className:`connect-title`,children:a.productName}),(0,p.jsxs)(`form`,{onSubmit:f,className:`connect-pin-form`,children:[(0,p.jsxs)(`div`,{className:`pin-input-row`,children:[(0,p.jsx)(m,{inputRef:d,value:n,onChange:r,onComplete:()=>{},showPin:i,autoFocus:!0}),(0,p.jsx)(u,{variant:`send`,type:`submit`,disabled:!n,loading:s,children:(0,p.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,p.jsx)(`line`,{x1:`5`,y1:`12`,x2:`19`,y2:`12`}),(0,p.jsx)(`polyline`,{points:`12 5 19 12 12 19`})]})})]}),(0,p.jsx)(`div`,{className:`pin-options`,children:(0,p.jsx)(l,{checked:i,onChange:()=>o(e=>!e),label:`Show PIN`})})]}),c&&(0,p.jsx)(`p`,{className:`admin-pin-error`,children:c})]})]})}function _(e){let{authPolling:n,setAuthPolling:r,authLoading:i,setAuthLoading:o,pinError:s,setPinError:c,setAppState:l}=e,[f,m]=(0,d.useState)(!1),[h,g]=(0,d.useState)(!1),[_,v]=(0,d.useState)(``),[y,b]=(0,d.useState)(``),[x,S]=(0,d.useState)(``);async function C(){S(``);try{let e=await(await fetch(`/api/onboarding/claude-auth`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({action:`paste-code`,code:y})})).json();e.accepted?(S(`Code submitted. Finishing sign-in…`),b(``)):S(e.error||`Could not submit code.`)}catch(e){console.error(`[admin] paste-code error:`,e),S(`Could not submit code.`)}}async function w(){g(!0),c(``);try{let e=await(await fetch(`/api/onboarding/claude-auth`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({action:`launch-browser`})})).json();e.launched?m(!0):e.error&&c(e.error)}catch(e){console.error(`[admin] browser launch error:`,e),c(`Could not launch browser.`)}g(!1)}async function T(){o(!0),c(``);try{let e=await(await fetch(`/api/onboarding/claude-auth`,{method:`POST`})).json();if(e.started){r(!0),m(!0),o(!1),v(e.transport||``);for(let e=0;e<120;e++)if(await new Promise(e=>setTimeout(e,2e3)),(await(await fetch(`/api/onboarding/claude-auth`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({action:`wait`})})).json()).authenticated){await fetch(`/api/onboarding/claude-auth`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({action:`stop`})}),l(`enter-pin`);return}c(`Timed out waiting for sign-in. Try again.`),r(!1)}else e.error&&c(e.error)}catch(e){console.error(`[admin] auth flow error:`,e),c(`Could not start auth flow.`)}o(!1)}async function E(){await fetch(`/api/onboarding/claude-auth`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({action:`stop`})}),r(!1),c(``)}return n||f?(0,p.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,height:`100dvh`,overflow:`auto`},children:[(0,p.jsxs)(`header`,{className:`chat-header`,style:{paddingBottom:`12px`,flexShrink:0,position:`relative`,maxWidth:`680px`,width:`100%`,margin:`0 auto`,padding:`24px 20px 12px`},children:[n?(0,p.jsx)(`button`,{onClick:E,style:{position:`absolute`,top:`12px`,right:`12px`,background:`none`,border:`none`,color:`#999`,fontSize:`13px`,cursor:`pointer`,padding:`4px 8px`},"aria-label":`Cancel`,children:`✕`}):(0,p.jsx)(`button`,{onClick:()=>m(!1),style:{position:`absolute`,top:`12px`,right:`12px`,background:`none`,border:`none`,color:`#999`,fontSize:`13px`,cursor:`pointer`,padding:`4px 8px`},"aria-label":`Close browser`,children:`✕`}),(0,p.jsx)(`img`,{src:`/brand/claude.png`,alt:`Claude`,className:`chat-logo`}),(0,p.jsx)(`h1`,{className:`chat-tagline`,children:`Connect Claude`}),(0,p.jsx)(`p`,{className:`chat-intro`,children:n?`Sign in and authorize in the browser below.`:`Open your email or prepare your accounts, then sign in.`}),!n&&(0,p.jsx)(`div`,{style:{marginTop:`12px`},children:(0,p.jsx)(u,{variant:`primary`,onClick:T,disabled:i,children:i?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(`span`,{className:`spin`,style:{display:`inline-block`},children:`✱`}),` Connecting…`]}):`Sign in to Claude`})}),n&&_===`native`&&(0,p.jsxs)(`div`,{style:{marginTop:`14px`,maxWidth:`420px`,margin:`14px auto 0`,display:`flex`,flexDirection:`column`,gap:`8px`},children:[(0,p.jsx)(`label`,{style:{fontSize:`12px`,color:`#999`,lineHeight:1.4},children:`If the browser didn't finish sign-in, paste the code or full redirect URL from Claude's page:`}),(0,p.jsxs)(`div`,{style:{display:`flex`,gap:`8px`},children:[(0,p.jsx)(`input`,{type:`text`,value:y,onChange:e=>b(e.target.value),placeholder:`Paste code or redirect URL`,style:{flex:1,padding:`8px 10px`,fontSize:`13px`,border:`1px solid #ccc`,borderRadius:`6px`}}),(0,p.jsx)(u,{variant:`primary`,onClick:C,disabled:!y.trim(),children:`Submit`})]}),x&&(0,p.jsx)(`p`,{style:{fontSize:`12px`,color:`#999`,margin:0},children:x})]})]}),(0,p.jsx)(`div`,{style:{flex:1,display:`flex`,flexDirection:`column`,minHeight:0,gap:`10px`,padding:`0 0 16px`},children:(0,p.jsx)(`iframe`,{src:`/vnc-viewer.html`,style:{flex:1,width:`100%`,minHeight:0,border:`none`,background:`#111`,display:`block`},title:`Claude Sign-in`})}),s&&(0,p.jsx)(`p`,{className:`admin-pin-error`,style:{textAlign:`center`,padding:`0 20px 16px`},children:s})]}):(0,p.jsx)(`div`,{className:`connect-page`,children:(0,p.jsxs)(`div`,{className:`connect-content`,children:[(0,p.jsxs)(`div`,{className:`connect-logos`,children:[(0,p.jsx)(`div`,{className:`connect-logo-wrap`,children:(0,p.jsx)(`img`,{src:`/brand/claude.png`,alt:`Claude`,className:`connect-logo`})}),(0,p.jsx)(`svg`,{className:`connect-arrow`,viewBox:`0 0 48 24`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,p.jsx)(`path`,{d:`M0 12h44m0 0l-8-8m8 8l-8 8`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`})}),(0,p.jsxs)(`div`,{className:`connect-logo-wrap`,children:[(0,p.jsx)(`img`,{src:t,alt:a.productName,className:`connect-logo connect-logo--maxy`}),!a.logoContainsName&&(0,p.jsx)(`span`,{className:`connect-logo-label`,children:a.productName})]})]}),(0,p.jsxs)(`h1`,{className:`connect-title`,children:[`Connect Claude to power `,a.productName]}),(0,p.jsx)(`p`,{className:`connect-subtitle`,children:`Sign in with your Anthropic account to get started.`}),(0,p.jsx)(u,{variant:`primary`,onClick:T,disabled:i,children:i?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(`span`,{className:`spin`,style:{display:`inline-block`},children:`✱`}),` Connecting…`]}):`Sign in to Claude`}),(0,p.jsx)(`p`,{style:{marginTop:`6px`,fontSize:`11px`,color:`#999`,maxWidth:`300px`,textAlign:`center`,lineHeight:`1.4`},children:`First time? You may need to sign into your email and Anthropic account in the browser before connecting.`}),(0,p.jsx)(`button`,{onClick:w,disabled:h,style:{marginTop:`12px`,background:`none`,border:`none`,color:`var(--color-primary, #666)`,fontSize:`13px`,cursor:`pointer`,textDecoration:`underline`,textUnderlineOffset:`3px`},children:h?`Launching…`:`Open browser first`}),s&&(0,p.jsx)(`p`,{className:`admin-pin-error`,children:s})]})})}function v({auth:e}){return e.appState===`loading`?(0,p.jsx)(i,{surface:`gate`}):e.appState===`set-pin`?(0,p.jsx)(h,{pin:e.pin,setPin:e.setPin,showPin:e.showPin,setShowPin:e.setShowPin,pinLoading:e.pinLoading,pinError:e.pinError,pinInputRef:e.pinInputRef,setPinFormRef:e.setPinFormRef,onSubmit:e.handleSetPin,operatorName:e.operatorName,setOperatorName:e.setOperatorName}):e.appState===`connect-claude`?(0,p.jsx)(_,{authPolling:e.authPolling,setAuthPolling:e.setAuthPolling,authLoading:e.authLoading,setAuthLoading:e.setAuthLoading,pinError:e.pinError,setPinError:e.setPinError,setAppState:e.setAppState}):e.appState===`enter-pin`?(0,p.jsx)(g,{pin:e.pin,setPin:e.setPin,showPin:e.showPin,setShowPin:e.setShowPin,pinLoading:e.pinLoading,pinError:e.pinError,pinInputRef:e.pinInputRef,onSubmit:e.handleLogin,remoteAuthEnabled:e.remoteAuthEnabled,onSignOutRemote:()=>{console.info(`[admin-ui] remote-auth sign-out → /__remote-auth/logout`),window.location.href=`/__remote-auth/logout`}}):null}export{f as n,v as t};
+import{o as e}from"./chunk-CltuBf4Z.js";import{B as t,H as n,J as r,L as i,R as a,W as o}from"./useSubAccountSwitcher-BRHYXwGO.js";import{k as s}from"./useVoiceRecorder-DiPgyDUy.js";import{E as c,T as l,w as u}from"./AdminShell-MM3_yp3N.js";var d=e(r(),1);function f(e=`admin`){let[t,n]=(0,d.useState)(`loading`),[r,i]=(0,d.useState)(``),[a,l]=(0,d.useState)(``),[u,f]=(0,d.useState)(``),[p,m]=(0,d.useState)(!1),[h,g]=(0,d.useState)(!1),[_,v]=(0,d.useState)(!1),[y,b]=(0,d.useState)(!1),[x,S]=(0,d.useState)(!1),[C,w]=(0,d.useState)(null),[T,E]=(0,d.useState)(null),[D,O]=(0,d.useState)(void 0),[k,A]=(0,d.useState)(null),[j,M]=(0,d.useState)(void 0),[N,P]=(0,d.useState)(null),[F,I]=(0,d.useState)(null),[L,R]=(0,d.useState)(void 0),z=(0,d.useRef)(void 0),[B,V]=(0,d.useState)(!1),[H,U]=(0,d.useState)(!0);(0,d.useEffect)(()=>{typeof window>`u`||fetch(`/api/remote-auth/status`).then(e=>e.ok?e.json():null).then(e=>{e?.configured&&V(!0)}).catch(()=>{})},[]);let W=(0,d.useRef)(null),G=(0,d.useRef)(null);(0,d.useEffect)(()=>{async function e(){let e=null;try{e=sessionStorage.getItem(`maxy-admin-session-key`)}catch{}if(!e)return!1;try{let t=await fetch(`/api/admin/session?session_key=${encodeURIComponent(e)}`);if(t.status===401){try{sessionStorage.removeItem(`maxy-admin-session-key`)}catch{}return!1}if(!t.ok)return!1;let r=await t.json();w(r.session_key),I(r.sessionId??null),O(r.businessName),A(r.role??null),M(r.userName===void 0?null:r.userName),P(r.avatar??null);let i=s(r.thinkingView);return z.current=i,R(i),n(`chat`),!0}catch(e){return console.error(`[admin] session restore failed:`,e),!1}}async function t(r=2){try{let i=await fetch(`/api/health`);if(!i.ok){if(r>0)return await new Promise(e=>setTimeout(e,1500)),t(r-1);console.error(`[admin] health check returned ${i.status} after retries`),n(`set-pin`);return}let a=await i.json();if(!a.pin_configured){n(`set-pin`);return}U(!!a.claude_authenticated);let o=!1;try{o=new URLSearchParams(window.location.search).get(`connect`)===`claude`}catch{}if(o){try{let e=new URL(window.location.href);e.searchParams.delete(`connect`),window.history.replaceState(null,``,e.pathname+e.search+e.hash)}catch{}if(!a.claude_authenticated){n(`connect-claude`);return}}if(await e())return;n(`enter-pin`)}catch(e){if(r>0)return await new Promise(e=>setTimeout(e,1500)),t(r-1);console.error(`[admin] health check failed:`,e),n(`set-pin`)}}t()},[]),(0,d.useEffect)(()=>{t===`chat`&&C&&fetch(`/api/admin/claude-info?session_key=${encodeURIComponent(C)}`).then(e=>{if(e.ok)return e.json()}).then(e=>{e&&E(e)}).catch(()=>{})},[t,C]);let K=(0,d.useRef)(null);(0,d.useEffect)(()=>{if(t!==`chat`)return;let e=setInterval(async()=>{try{let e=await fetch(`/api/health`);if(e.ok){let t=await e.json();U(t.auth_status!==`dead`&&t.auth_status!==`missing`)}}catch{}if(C)try{let e=await fetch(`/api/admin/session?session_key=${encodeURIComponent(C)}`);if(e.status!==401)return;let t=(await e.clone().json().catch(()=>null))?.code??`unknown-401`;if(t===`remote-auth-required`){o(`heartbeat`,`/api/admin/session`);return}console.warn(`[admin-auth] outcome=heartbeat-detected-expiry code=${t}`),K.current?.()}catch{}},300*1e3);return()=>clearInterval(e)},[t,C]),(0,d.useEffect)(()=>{t===`connect-claude`&&fetch(`/api/health`).then(e=>e.ok?e.json():null).then(e=>{e?.claude_authenticated&&(U(!0),n(`enter-pin`))}).catch(()=>{})},[t]);async function q(e,t){g(!0);try{let r=await fetch(`/api/admin/session`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({pin:e,...t?{accountId:t}:{}})});if(!r.ok){let e=await r.json().catch(()=>({}));if(r.status===401&&e?.code===`remote-auth-required`){o(`enter-pin`,`/api/admin/session`);return}f(e.error||`Invalid PIN`);return}let a=await r.json();w(a.session_key),I(a.sessionId??null),O(a.businessName),A(a.role??null),M(a.userName===void 0?null:a.userName),P(a.avatar??null);let c=s(a.thinkingView);z.current=c,R(c);try{sessionStorage.setItem(`maxy-admin-session-key`,a.session_key)}catch{}i(``),n(`chat`)}catch(e){console.error(`[admin] connection error:`,e),f(`Could not connect.`)}finally{g(!1)}}let J=(0,d.useCallback)(async e=>{if(e.preventDefault(),h)return;f(``);let t=a.trim();if(!t){f(`Please enter your name.`);return}if(r.length<4){f(`PIN must be at least 4 characters.`);return}let s=r;g(!0);try{let e=await fetch(`/api/onboarding/set-pin`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({pin:s,name:t})});if(!e.ok){let t=await e.json().catch(()=>({}));if(e.status===401&&t?.code===`remote-auth-required`){o(`set-pin`,`/api/onboarding/set-pin`);return}if(e.status===409){console.log(`[admin] PIN already configured — re-checking health`);try{let e=await fetch(`/api/health`);if(e.ok){let r=await e.json();r.pin_configured&&r.claude_authenticated?n(`enter-pin`):r.pin_configured?n(`connect-claude`):f(t.error||`Failed to set PIN.`)}else n(`enter-pin`)}catch{n(`enter-pin`)}return}f(t.error||`Failed to set PIN.`);return}let r=await fetch(`/api/health`);if((r.ok?await r.json():null)?.claude_authenticated){await q(s);return}i(``),n(`connect-claude`)}catch(e){console.error(`[admin] connection error:`,e),f(`Could not connect.`)}finally{g(!1)}},[r,h,a]),Y=(0,d.useCallback)(async e=>{e.preventDefault(),f(``),await q(r)},[r]),X=(0,d.useCallback)(async()=>{S(!0);try{if(!await c())return console.warn(`[admin-ui] claude-disconnect not verified — credentials may persist; staying put`),!1;U(!1),w(null),A(null),M(void 0),P(null);try{sessionStorage.removeItem(`maxy-admin-session-key`)}catch{}return n(`connect-claude`),!0}finally{S(!1)}},[]),Z=(0,d.useCallback)(()=>{w(null),A(null),M(void 0),P(null);try{sessionStorage.removeItem(`maxy-admin-session-key`)}catch{}i(``),f(``),n(`enter-pin`)},[]);return(0,d.useEffect)(()=>{K.current=Z},[Z]),{appState:t,setAppState:n,pin:r,setPin:i,operatorName:a,setOperatorName:l,pinError:u,setPinError:f,showPin:p,setShowPin:m,pinLoading:h,authPolling:_,setAuthPolling:v,authLoading:y,setAuthLoading:b,disconnecting:x,cacheKey:C,setCacheKey:w,claudeInfo:T,setClaudeInfo:E,businessName:D,role:k,userName:j,userAvatar:N,sessionId:F,setSessionId:I,expandAll:L,setExpandAll:R,expandAllDefaultRef:z,remoteAuthEnabled:B,claudeConnected:H,pinInputRef:W,setPinFormRef:G,handleSetPin:J,handleLogin:Y,handleDisconnect:X,handleLogout:Z}}var p=n();function m({inputRef:e,value:t,onChange:n,onComplete:r,showPin:i,autoFocus:a}){let o=(0,d.useRef)([]);function s(e,r){r.key===`Backspace`?(r.preventDefault(),t[e]?n(t.slice(0,e)+t.slice(e+1)):e>0&&(n(t.slice(0,e-1)+t.slice(e)),o.current[e-1]?.focus())):r.key===`ArrowLeft`&&e>0?o.current[e-1]?.focus():r.key===`ArrowRight`&&e<5?o.current[e+1]?.focus():r.key===`Enter`&&(r.preventDefault(),r.currentTarget.form?.requestSubmit())}function c(e,i){let a=i.nativeEvent.data;if(!a||!/^\d$/.test(a))return;let s=t.split(``);for(s[e]=a;s.length<e;)s.push(``);let c=s.join(``).replace(/\D/g,``).slice(0,6);n(c),c.length===6?r?.(c):e<5&&o.current[e+1]?.focus()}function l(e){e.preventDefault();let t=e.clipboardData.getData(`text`).replace(/\D/g,``).slice(0,6);t&&(n(t),t.length===6?r?.(t):o.current[t.length]?.focus())}return(0,p.jsx)(`div`,{className:`pin-field`,children:Array.from({length:6}).map((n,r)=>(0,p.jsx)(`input`,{ref:t=>{o.current[r]=t,r===0&&e&&(e.current=t)},type:`text`,inputMode:`numeric`,className:`pin-box${t[r]?` pin-box-filled`:``}`,value:t[r]?i?t[r]:`•`:``,onKeyDown:e=>s(r,e),onInput:e=>c(r,e),onPaste:l,onFocus:e=>e.target.select(),autoFocus:a&&r===0,autoComplete:`off`,maxLength:1,"aria-label":`PIN digit ${r+1}`},r))})}function h(e){let{pin:n,setPin:r,showPin:i,setShowPin:o,pinLoading:s,pinError:c,pinInputRef:d,setPinFormRef:f,onSubmit:h,operatorName:g,setOperatorName:_}=e;return(0,p.jsx)(`div`,{className:`connect-page`,children:(0,p.jsxs)(`div`,{className:`connect-content`,children:[(0,p.jsx)(`img`,{src:t,alt:a.productName,className:`connect-logo connect-logo--maxy`}),!a.logoContainsName&&(0,p.jsxs)(`h1`,{className:`connect-title`,children:[`Welcome to `,a.productName]}),(0,p.jsxs)(`p`,{className:`connect-subtitle`,children:[`Tell `,a.productName,` who you are, then choose a PIN.`]}),(0,p.jsxs)(`form`,{ref:f,onSubmit:h,className:`connect-pin-form`,children:[(0,p.jsxs)(`div`,{className:`pin-input-row`,children:[(0,p.jsx)(`input`,{type:`text`,className:`connect-name-input`,placeholder:`Your full name`,value:g,onChange:e=>_(e.target.value),autoComplete:`name`,autoFocus:!0,required:!0,"aria-label":`Your full name`}),(0,p.jsx)(`div`,{style:{width:38,flexShrink:0},"aria-hidden":`true`})]}),(0,p.jsxs)(`div`,{className:`pin-input-row`,children:[(0,p.jsx)(m,{inputRef:d,value:n,onChange:r,onComplete:()=>{},showPin:i}),(0,p.jsx)(u,{variant:`send`,type:`submit`,disabled:!n||!g.trim(),loading:s,"aria-label":`Set PIN`,children:(0,p.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,p.jsx)(`line`,{x1:`5`,y1:`12`,x2:`19`,y2:`12`}),(0,p.jsx)(`polyline`,{points:`12 5 19 12 12 19`})]})})]}),(0,p.jsx)(l,{checked:i,onChange:()=>o(e=>!e),label:`Show PIN`})]}),c&&(0,p.jsx)(`p`,{className:`admin-pin-error`,children:c})]})})}function g(e){let{pin:n,setPin:r,showPin:i,setShowPin:o,pinLoading:s,pinError:c,pinInputRef:d,onSubmit:f,remoteAuthEnabled:h,onSignOutRemote:g}=e;return(0,p.jsxs)(`div`,{className:`connect-page`,children:[h&&g&&(0,p.jsx)(`button`,{type:`button`,className:`connect-signout`,onClick:g,children:`Sign out`}),(0,p.jsxs)(`div`,{className:`connect-content`,children:[(0,p.jsx)(`img`,{src:t,alt:a.productName,className:`connect-logo connect-logo--maxy`}),!a.logoContainsName&&(0,p.jsx)(`h1`,{className:`connect-title`,children:a.productName}),(0,p.jsxs)(`form`,{onSubmit:f,className:`connect-pin-form`,children:[(0,p.jsxs)(`div`,{className:`pin-input-row`,children:[(0,p.jsx)(m,{inputRef:d,value:n,onChange:r,onComplete:()=>{},showPin:i,autoFocus:!0}),(0,p.jsx)(u,{variant:`send`,type:`submit`,disabled:!n,loading:s,children:(0,p.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,p.jsx)(`line`,{x1:`5`,y1:`12`,x2:`19`,y2:`12`}),(0,p.jsx)(`polyline`,{points:`12 5 19 12 12 19`})]})})]}),(0,p.jsx)(`div`,{className:`pin-options`,children:(0,p.jsx)(l,{checked:i,onChange:()=>o(e=>!e),label:`Show PIN`})})]}),c&&(0,p.jsx)(`p`,{className:`admin-pin-error`,children:c})]})]})}function _(e){let{authPolling:n,setAuthPolling:r,authLoading:i,setAuthLoading:o,pinError:s,setPinError:c,setAppState:l}=e,[f,m]=(0,d.useState)(!1),[h,g]=(0,d.useState)(!1),[_,v]=(0,d.useState)(``),[y,b]=(0,d.useState)(``),[x,S]=(0,d.useState)(``);async function C(){S(``);try{let e=await(await fetch(`/api/onboarding/claude-auth`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({action:`paste-code`,code:y})})).json();e.accepted?(S(`Code submitted. Finishing sign-in…`),b(``)):S(e.error||`Could not submit code.`)}catch(e){console.error(`[admin] paste-code error:`,e),S(`Could not submit code.`)}}async function w(){g(!0),c(``);try{let e=await(await fetch(`/api/onboarding/claude-auth`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({action:`launch-browser`})})).json();e.launched?m(!0):e.error&&c(e.error)}catch(e){console.error(`[admin] browser launch error:`,e),c(`Could not launch browser.`)}g(!1)}async function T(){o(!0),c(``);try{let e=await(await fetch(`/api/onboarding/claude-auth`,{method:`POST`})).json();if(e.started){r(!0),m(!0),o(!1),v(e.transport||``);for(let e=0;e<120;e++)if(await new Promise(e=>setTimeout(e,2e3)),(await(await fetch(`/api/onboarding/claude-auth`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({action:`wait`})})).json()).authenticated){await fetch(`/api/onboarding/claude-auth`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({action:`stop`})}),l(`enter-pin`);return}c(`Timed out waiting for sign-in. Try again.`),r(!1)}else e.error&&c(e.error)}catch(e){console.error(`[admin] auth flow error:`,e),c(`Could not start auth flow.`)}o(!1)}async function E(){await fetch(`/api/onboarding/claude-auth`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({action:`stop`})}),r(!1),c(``)}return n||f?(0,p.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,height:`100dvh`,overflow:`auto`},children:[(0,p.jsxs)(`header`,{className:`chat-header`,style:{paddingBottom:`12px`,flexShrink:0,position:`relative`,maxWidth:`680px`,width:`100%`,margin:`0 auto`,padding:`24px 20px 12px`},children:[n?(0,p.jsx)(`button`,{onClick:E,style:{position:`absolute`,top:`12px`,right:`12px`,background:`none`,border:`none`,color:`#999`,fontSize:`13px`,cursor:`pointer`,padding:`4px 8px`},"aria-label":`Cancel`,children:`✕`}):(0,p.jsx)(`button`,{onClick:()=>m(!1),style:{position:`absolute`,top:`12px`,right:`12px`,background:`none`,border:`none`,color:`#999`,fontSize:`13px`,cursor:`pointer`,padding:`4px 8px`},"aria-label":`Close browser`,children:`✕`}),(0,p.jsx)(`img`,{src:`/brand/claude.png`,alt:`Claude`,className:`chat-logo`}),(0,p.jsx)(`h1`,{className:`chat-tagline`,children:`Connect Claude`}),(0,p.jsx)(`p`,{className:`chat-intro`,children:n?`Sign in and authorize in the browser below.`:`Open your email or prepare your accounts, then sign in.`}),!n&&(0,p.jsx)(`div`,{style:{marginTop:`12px`},children:(0,p.jsx)(u,{variant:`primary`,onClick:T,disabled:i,children:i?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(`span`,{className:`spin`,style:{display:`inline-block`},children:`✱`}),` Connecting…`]}):`Sign in to Claude`})}),n&&_===`native`&&(0,p.jsxs)(`div`,{style:{marginTop:`14px`,maxWidth:`420px`,margin:`14px auto 0`,display:`flex`,flexDirection:`column`,gap:`8px`},children:[(0,p.jsx)(`label`,{style:{fontSize:`12px`,color:`#999`,lineHeight:1.4},children:`If the browser didn't finish sign-in, paste the code or full redirect URL from Claude's page:`}),(0,p.jsxs)(`div`,{style:{display:`flex`,gap:`8px`},children:[(0,p.jsx)(`input`,{type:`text`,value:y,onChange:e=>b(e.target.value),placeholder:`Paste code or redirect URL`,style:{flex:1,padding:`8px 10px`,fontSize:`13px`,border:`1px solid #ccc`,borderRadius:`6px`}}),(0,p.jsx)(u,{variant:`primary`,onClick:C,disabled:!y.trim(),children:`Submit`})]}),x&&(0,p.jsx)(`p`,{style:{fontSize:`12px`,color:`#999`,margin:0},children:x})]})]}),(0,p.jsx)(`div`,{style:{flex:1,display:`flex`,flexDirection:`column`,minHeight:0,gap:`10px`,padding:`0 0 16px`},children:(0,p.jsx)(`iframe`,{src:`/vnc-viewer.html`,style:{flex:1,width:`100%`,minHeight:0,border:`none`,background:`#111`,display:`block`},title:`Claude Sign-in`})}),s&&(0,p.jsx)(`p`,{className:`admin-pin-error`,style:{textAlign:`center`,padding:`0 20px 16px`},children:s})]}):(0,p.jsx)(`div`,{className:`connect-page`,children:(0,p.jsxs)(`div`,{className:`connect-content`,children:[(0,p.jsxs)(`div`,{className:`connect-logos`,children:[(0,p.jsx)(`div`,{className:`connect-logo-wrap`,children:(0,p.jsx)(`img`,{src:`/brand/claude.png`,alt:`Claude`,className:`connect-logo`})}),(0,p.jsx)(`svg`,{className:`connect-arrow`,viewBox:`0 0 48 24`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,p.jsx)(`path`,{d:`M0 12h44m0 0l-8-8m8 8l-8 8`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`})}),(0,p.jsxs)(`div`,{className:`connect-logo-wrap`,children:[(0,p.jsx)(`img`,{src:t,alt:a.productName,className:`connect-logo connect-logo--maxy`}),!a.logoContainsName&&(0,p.jsx)(`span`,{className:`connect-logo-label`,children:a.productName})]})]}),(0,p.jsxs)(`h1`,{className:`connect-title`,children:[`Connect Claude to power `,a.productName]}),(0,p.jsx)(`p`,{className:`connect-subtitle`,children:`Sign in with your Anthropic account to get started.`}),(0,p.jsx)(u,{variant:`primary`,onClick:T,disabled:i,children:i?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(`span`,{className:`spin`,style:{display:`inline-block`},children:`✱`}),` Connecting…`]}):`Sign in to Claude`}),(0,p.jsx)(`p`,{style:{marginTop:`6px`,fontSize:`11px`,color:`#999`,maxWidth:`300px`,textAlign:`center`,lineHeight:`1.4`},children:`First time? You may need to sign into your email and Anthropic account in the browser before connecting.`}),(0,p.jsx)(`button`,{onClick:w,disabled:h,style:{marginTop:`12px`,background:`none`,border:`none`,color:`var(--color-primary, #666)`,fontSize:`13px`,cursor:`pointer`,textDecoration:`underline`,textUnderlineOffset:`3px`},children:h?`Launching…`:`Open browser first`}),s&&(0,p.jsx)(`p`,{className:`admin-pin-error`,children:s})]})})}function v({auth:e}){return e.appState===`loading`?(0,p.jsx)(i,{surface:`gate`}):e.appState===`set-pin`?(0,p.jsx)(h,{pin:e.pin,setPin:e.setPin,showPin:e.showPin,setShowPin:e.setShowPin,pinLoading:e.pinLoading,pinError:e.pinError,pinInputRef:e.pinInputRef,setPinFormRef:e.setPinFormRef,onSubmit:e.handleSetPin,operatorName:e.operatorName,setOperatorName:e.setOperatorName}):e.appState===`connect-claude`?(0,p.jsx)(_,{authPolling:e.authPolling,setAuthPolling:e.setAuthPolling,authLoading:e.authLoading,setAuthLoading:e.setAuthLoading,pinError:e.pinError,setPinError:e.setPinError,setAppState:e.setAppState}):e.appState===`enter-pin`?(0,p.jsx)(g,{pin:e.pin,setPin:e.setPin,showPin:e.showPin,setShowPin:e.setShowPin,pinLoading:e.pinLoading,pinError:e.pinError,pinInputRef:e.pinInputRef,onSubmit:e.handleLogin,remoteAuthEnabled:e.remoteAuthEnabled,onSignOutRemote:()=>{console.info(`[admin-ui] remote-auth sign-out → /__remote-auth/logout`),window.location.href=`/__remote-auth/logout`}}):null}export{f as n,v as t};