openportal 0.1.31 → 0.1.32

package/dist/index.js

@@ -273,8 +273,11 @@ var __dirname2 = dirname(__filename2);
 var CONFIG_PATH = join(homedir(), ".portal.json");
 var CONFIG_LOCK_PATH = `${CONFIG_PATH}.lock`;
 var DEFAULT_HOSTNAME = "0.0.0.0";
+var DEFAULT_CODEX_HOSTNAME = "127.0.0.1";
 var DEFAULT_PORT = 3000;
 var DEFAULT_OPENCODE_PORT = 4000;
+var DEFAULT_CODEX_PORT = 4500;
+var DEFAULT_CLAUDE_PORT = 4600;
 var WEB_SERVER_PATH = join(__dirname2, "..", "web", "server", "index.mjs");
 function readConfig() {
   try {
@@ -282,6 +285,9 @@ function readConfig() {
       const config = JSON.parse(readFileSync(CONFIG_PATH, "utf-8"));
       config.instances = config.instances.map((instance) => ({
         ...instance,
+        provider: instance.provider ?? "opencode",
+        backendPort: instance.backendPort ?? instance.opencodePort,
+        backendPid: instance.backendPid ?? instance.opencodePid ?? null,
         opencodePid: instance.opencodePid ?? null,
         webPid: instance.webPid ?? null
       }));
@@ -361,18 +367,51 @@ function isProcessRunning(pid) {
     return false;
   }
 }
+function getInstanceProvider(instance) {
+  return instance.provider ?? "opencode";
+}
+function getInstanceBackendPort(instance) {
+  return instance.backendPort ?? instance.opencodePort;
+}
+function getInstanceBackendPid(instance) {
+  return instance.backendPid ?? instance.opencodePid ?? null;
+}
 function isInstanceRunning(instance) {
-  return isProcessRunning(instance.opencodePid) || isProcessRunning(instance.webPid);
+  if (getInstanceProvider(instance) === "claude") {
+    return isProcessRunning(getInstanceBackendPid(instance)) || isProcessRunning(instance.webPid);
+  }
+  return isProcessRunning(getInstanceBackendPid(instance)) || isProcessRunning(instance.webPid);
+}
+function providerName(provider) {
+  if (provider === "codex")
+    return "Codex";
+  if (provider === "claude")
+    return "Claude";
+  return "OpenCode";
+}
+function backendName(provider) {
+  if (provider === "codex")
+    return "Codex app-server";
+  if (provider === "claude")
+    return "Claude SDK";
+  return "OpenCode API";
+}
+function backendLocation(provider, host, port) {
+  if (provider === "claude") {
+    return `Claude SDK managed by Web UI (instance key: ${port})`;
+  }
+  const displayHost = host === "0.0.0.0" ? "localhost" : host;
+  return `http://${displayHost}:${port}`;
 }
 function printHelp() {
   console.log(`
-OpenPortal CLI - Run OpenCode with a web UI
+OpenPortal CLI - Run coding agents with a web UI
 
 Usage: openportal [command] [options]
 
 Commands:
-  (default)       Start OpenCode server and Web UI
-  run [options]   Start only OpenCode server (no Web UI)
+  (default)       Start provider backend and Web UI
+  run [provider]  Start only a provider backend (opencode, codex, or claude)
   stop            Stop running instances
   list, ls        List running instances
   clean           Clean up stale entries
@@ -381,15 +420,27 @@ Options:
   -h, --help              Show this help message
   -d, --directory <path>  Working directory (default: current directory)
   -p, --port <port>       Web UI port (default: 3000)
+  --provider <provider>   Backend provider: opencode, codex, or claude (default: opencode)
+  --backend-port <port>   Backend server port for the selected provider
   --opencode-port <port>  OpenCode server port (default: 4000)
+  --codex-port <port>     Codex app-server port (default: 4500)
+  --claude-port <port>    Claude instance key (default: 4600)
+  --claude-binary <path>  Claude binary path (default: claude)
+  --claude-home <path>    Custom HOME for Claude
+  --claude-args <args>    Extra Claude launch args
   --hostname <host>       Hostname to bind (default: 0.0.0.0)
   --name <name>           Instance name
 
 Examples:
   openportal                               Start OpenCode + Web UI
+  openportal --provider codex              Start Codex + Web UI
+  openportal --provider claude             Start Claude + Web UI
   openportal .                             Start OpenCode + Web UI in current dir
   openportal run                           Start only OpenCode server
-  openportal run -d ./my-project           Start OpenCode in specific directory
+  openportal run opencode                  Start only OpenCode server
+  openportal run codex                     Start only Codex app-server
+  openportal run claude                    Keep Claude SDK backend registered
+  openportal run codex -d ./my-project     Start Codex in specific directory
   openportal --port 8080                   Use custom web UI port
   openportal stop                          Stop running instances
   openportal list                          List running instances
@@ -428,6 +479,36 @@ function parseArgs() {
   }
   return { args, flags };
 }
+function parseProvider(value) {
+  if (typeof value !== "string")
+    return null;
+  const normalized = value.toLowerCase();
+  if (normalized === "opencode" || normalized === "codex" || normalized === "claude") {
+    return normalized;
+  }
+  return null;
+}
+function getProviderOption(options) {
+  return parseProvider(options.provider) ?? "opencode";
+}
+async function getBackendPort(provider, options, hostname) {
+  const explicit = options["backend-port"] ?? (provider === "codex" ? options["codex-port"] : provider === "claude" ? options["claude-port"] : options["opencode-port"]);
+  if (explicit) {
+    return parseInt(explicit, 10);
+  }
+  if (provider === "claude") {
+    const used = new Set(readConfig().instances.filter((instance) => getInstanceProvider(instance) === "claude" && isInstanceRunning(instance)).map((instance) => getInstanceBackendPort(instance)));
+    let port = DEFAULT_CLAUDE_PORT;
+    while (used.has(port) && port < 65535) {
+      port += 1;
+    }
+    return port;
+  }
+  return getPort({
+    host: hostname,
+    port: provider === "codex" ? DEFAULT_CODEX_PORT : DEFAULT_OPENCODE_PORT
+  });
+}
 async function startOpenCodeServer(directory, opencodePort, hostname) {
   console.log(`Starting OpenCode server...`);
   const proc = Bun.spawn([
@@ -444,6 +525,30 @@ async function startOpenCodeServer(directory, opencodePort, hostname) {
   });
   return proc.pid;
 }
+async function startCodexServer(directory, codexPort) {
+  console.log(`Starting Codex app-server...`);
+  const proc = Bun.spawn([
+    "codex",
+    "app-server",
+    "--listen",
+    `ws://${DEFAULT_CODEX_HOSTNAME}:${codexPort}`
+  ], {
+    cwd: directory,
+    stdio: ["ignore", "pipe", "pipe"],
+    env: { ...process.env }
+  });
+  return proc.pid;
+}
+async function startBackendServer(provider, directory, backendPort, hostname) {
+  if (provider === "codex") {
+    return startCodexServer(directory, backendPort);
+  }
+  if (provider === "claude") {
+    console.log(`Claude SDK will be managed by the Web UI.`);
+    return null;
+  }
+  return startOpenCodeServer(directory, backendPort, hostname);
+}
 async function startWebServer(port, hostname) {
   console.log(`Starting Web UI server...`);
   const proc = Bun.spawn(["bun", "run", WEB_SERVER_PATH], {
@@ -459,23 +564,53 @@ async function startWebServer(port, hostname) {
   });
   return proc.pid;
 }
+async function waitForClaudeRegistration(instance) {
+  console.log(`
+Claude SDK registration is active.`);
+  console.log("Keep this command running while you use this Claude instance.");
+  console.log("Press Ctrl-C to stop it.");
+  await new Promise((resolve2) => {
+    const interval = setInterval(() => {}, 60 * 60 * 1000);
+    let settled = false;
+    const stop = () => {
+      if (settled)
+        return;
+      settled = true;
+      clearInterval(interval);
+      resolve2();
+    };
+    process.once("SIGINT", stop);
+    process.once("SIGTERM", stop);
+  });
+  mutateConfig((config) => {
+    config.instances = config.instances.filter((i) => i.id !== instance.id);
+  });
+  console.log(`
+Stopped Claude SDK backend: ${instance.name}`);
+}
 async function cmdDefault(options) {
+  const provider = getProviderOption(options);
   const hostname = options.hostname || DEFAULT_HOSTNAME;
   const directory = resolve(options.directory || options.d || process.cwd());
-  const name = options.name || directory.split("/").pop() || "opencode";
+  const name = options.name || directory.split("/").pop() || provider;
   const port = options.port || options.p ? parseInt(options.port || options.p, 10) : await getPort({ host: hostname, port: DEFAULT_PORT });
-  const opencodePort = options["opencode-port"] ? parseInt(options["opencode-port"], 10) : await getPort({ host: hostname, port: DEFAULT_OPENCODE_PORT });
-  const existing = readConfig().instances.find((i) => i.directory === directory);
-  if (existing && isInstanceRunning(existing)) {
+  const backendHost = provider === "codex" ? DEFAULT_CODEX_HOSTNAME : hostname;
+  const backendPort = await getBackendPort(provider, options, backendHost);
+  const existing = readConfig().instances.find((i) => i.directory === directory && getInstanceProvider(i) === provider);
+  const existingIsActive = existing && (provider === "claude" ? isProcessRunning(existing.webPid) : isInstanceRunning(existing));
+  if (existing && existingIsActive) {
+    const existingProvider = getInstanceProvider(existing);
+    const existingBackendPort = getInstanceBackendPort(existing);
     console.log(`OpenPortal is already running for this directory.`);
     console.log(`  Name: ${existing.name}`);
+    console.log(`  Provider: ${existingProvider}`);
     console.log(`  Web UI Port: ${existing.port ?? "N/A"}`);
-    console.log(`  OpenCode Port: ${existing.opencodePort}`);
+    console.log(`  ${existingProvider === "claude" ? "Instance Key" : "Backend Port"}: ${existingBackendPort}`);
     if (existing.port) {
       console.log(`
 \uD83D\uDCF1 Access OpenPortal at http://${hostname === "0.0.0.0" ? "localhost" : hostname}:${existing.port}`);
     }
-    console.log(`\uD83D\uDD27 OpenCode API at http://${hostname === "0.0.0.0" ? "localhost" : hostname}:${existing.opencodePort}`);
+    console.log(`\uD83D\uDD27 ${backendName(existingProvider)} at ${backendLocation(existingProvider, backendHost, existingBackendPort)}`);
     return;
   }
   if (!existsSync(WEB_SERVER_PATH)) {
@@ -485,36 +620,49 @@ async function cmdDefault(options) {
   }
   console.log(`Starting OpenPortal...`);
   console.log(`  Name: ${name}`);
+  console.log(`  Provider: ${provider}`);
   console.log(`  Directory: ${directory}`);
   console.log(`  Web UI Port: ${port}`);
-  console.log(`  OpenCode Port: ${opencodePort}`);
+  console.log(`  ${provider === "claude" ? "Instance Key" : "Backend Port"}: ${backendPort}`);
   console.log(`  Hostname: ${hostname}`);
   try {
-    const opencodePid = await startOpenCodeServer(directory, opencodePort, hostname);
+    const backendPid = await startBackendServer(provider, directory, backendPort, hostname);
     const webPid = await startWebServer(port, hostname);
     const instance = {
       id: generateId(),
       name,
       directory,
       port,
-      opencodePort,
-      hostname,
-      opencodePid,
+      provider,
+      backendPort,
+      backendPid,
+      opencodePort: backendPort,
+      hostname: backendHost,
+      opencodePid: provider === "opencode" ? backendPid : null,
       webPid,
-      startedAt: new Date().toISOString()
+      startedAt: new Date().toISOString(),
+      ...provider === "claude" ? {
+        claudeBinaryPath: options["claude-binary"],
+        claudeHomePath: options["claude-home"],
+        claudeLaunchArgs: options["claude-launch-args"] ?? options["claude-args"]
+      } : {}
     };
     mutateConfig((config) => {
-      config.instances = config.instances.filter((i) => i.directory !== directory);
+      config.instances = config.instances.filter((i) => i.directory !== directory || getInstanceProvider(i) !== provider);
       config.instances.push(instance);
     });
     const displayHost = hostname === "0.0.0.0" ? "localhost" : hostname;
     console.log(`
 \u2705 OpenPortal started!`);
-    console.log(`   OpenCode PID: ${opencodePid}`);
+    if (backendPid) {
+      console.log(`   ${providerName(provider)} PID: ${backendPid}`);
+    } else {
+      console.log(`   ${backendName(provider)}: managed by Web UI`);
+    }
     console.log(`   Web UI PID: ${webPid}`);
     console.log(`
 \uD83D\uDCF1 Access OpenPortal at http://${displayHost}:${port}`);
-    console.log(`\uD83D\uDD27 OpenCode API at http://${displayHost}:${opencodePort}`);
+    console.log(`\uD83D\uDD27 ${backendName(provider)} at ${backendLocation(provider, backendHost, backendPort)}`);
   } catch (error) {
     if (error instanceof Error) {
       console.error(`
@@ -523,50 +671,87 @@ async function cmdDefault(options) {
     process.exit(1);
   }
 }
-async function cmdRun(options) {
+async function cmdRun(options, provider = getProviderOption(options)) {
   const hostname = options.hostname || DEFAULT_HOSTNAME;
   const directory = resolve(options.directory || options.d || process.cwd());
-  const name = options.name || directory.split("/").pop() || "opencode";
-  const opencodePort = options["opencode-port"] ? parseInt(options["opencode-port"], 10) : await getPort({ host: hostname, port: DEFAULT_OPENCODE_PORT });
-  const existing = readConfig().instances.find((i) => i.directory === directory);
+  const name = options.name || directory.split("/").pop() || provider;
+  const backendHost = provider === "codex" ? DEFAULT_CODEX_HOSTNAME : hostname;
+  const backendPort = await getBackendPort(provider, options, backendHost);
+  const existing = readConfig().instances.find((i) => i.directory === directory && getInstanceProvider(i) === provider);
   if (existing && isInstanceRunning(existing)) {
-    console.log(`OpenCode is already running for this directory.`);
+    const existingBackendPort = getInstanceBackendPort(existing);
+    console.log(`${providerName(provider)} is already running for this directory.`);
     console.log(`  Name: ${existing.name}`);
-    console.log(`  OpenCode Port: ${existing.opencodePort}`);
-    console.log(`\uD83D\uDD27 OpenCode API at http://${hostname === "0.0.0.0" ? "localhost" : hostname}:${existing.opencodePort}`);
+    console.log(`  Provider: ${getInstanceProvider(existing)}`);
+    console.log(`  ${provider === "claude" ? "Instance Key" : "Backend Port"}: ${existingBackendPort}`);
+    console.log(`\uD83D\uDD27 ${backendName(provider)} at ${backendLocation(provider, backendHost, existingBackendPort)}`);
     return;
   }
-  console.log(`Starting OpenCode server...`);
+  console.log(provider === "claude" ? "Registering Claude SDK backend..." : `Starting ${backendName(provider)}...`);
   console.log(`  Name: ${name}`);
+  console.log(`  Provider: ${provider}`);
   console.log(`  Directory: ${directory}`);
-  console.log(`  OpenCode Port: ${opencodePort}`);
-  console.log(`  Hostname: ${hostname}`);
+  console.log(`  ${provider === "claude" ? "Instance Key" : "Backend Port"}: ${backendPort}`);
+  console.log(`  Hostname: ${backendHost}`);
   try {
-    const opencodePid = await startOpenCodeServer(directory, opencodePort, hostname);
+    if (provider === "claude") {
+      const instance2 = {
+        id: generateId(),
+        name,
+        directory,
+        port: null,
+        provider,
+        backendPort,
+        backendPid: process.pid,
+        opencodePort: backendPort,
+        hostname: backendHost,
+        opencodePid: null,
+        webPid: null,
+        startedAt: new Date().toISOString(),
+        claudeBinaryPath: options["claude-binary"],
+        claudeHomePath: options["claude-home"],
+        claudeLaunchArgs: options["claude-launch-args"] ?? options["claude-args"]
+      };
+      mutateConfig((config) => {
+        config.instances = config.instances.filter((i) => i.directory !== directory || getInstanceProvider(i) !== provider);
+        config.instances.push(instance2);
+      });
+      console.log(`
+\u2705 Claude SDK backend registered!`);
+      console.log(`   Claude holder PID: ${process.pid}`);
+      console.log(`\uD83D\uDD27 ${backendName(provider)} at ${backendLocation(provider, backendHost, backendPort)}`);
+      await waitForClaudeRegistration(instance2);
+      return;
+    }
+    const backendPid = await startBackendServer(provider, directory, backendPort, hostname);
     const instance = {
       id: generateId(),
       name,
       directory,
       port: null,
-      opencodePort,
-      hostname,
-      opencodePid,
+      provider,
+      backendPort,
+      backendPid,
+      opencodePort: backendPort,
+      hostname: backendHost,
+      opencodePid: provider === "opencode" ? backendPid : null,
       webPid: null,
       startedAt: new Date().toISOString()
     };
     mutateConfig((config) => {
-      config.instances = config.instances.filter((i) => i.directory !== directory);
+      config.instances = config.instances.filter((i) => i.directory !== directory || getInstanceProvider(i) !== provider);
       config.instances.push(instance);
     });
-    const displayHost = hostname === "0.0.0.0" ? "localhost" : hostname;
     console.log(`
-\u2705 OpenCode server started!`);
-    console.log(`   OpenCode PID: ${opencodePid}`);
-    console.log(`\uD83D\uDD27 OpenCode API at http://${displayHost}:${opencodePort}`);
+\u2705 ${backendName(provider)} started!`);
+    if (backendPid) {
+      console.log(`   ${providerName(provider)} PID: ${backendPid}`);
+    }
+    console.log(`\uD83D\uDD27 ${backendName(provider)} at ${backendLocation(provider, backendHost, backendPort)}`);
   } catch (error) {
     if (error instanceof Error) {
       console.error(`
-\u274C Failed to start OpenCode: ${error.message}`);
+\u274C Failed to start ${providerName(provider)}: ${error.message}`);
     }
     process.exit(1);
   }
@@ -584,12 +769,14 @@ async function cmdStop(options) {
     console.error("No instance found.");
     process.exit(1);
   }
-  if (removed.opencodePid !== null) {
+  const provider = getInstanceProvider(removed);
+  const backendPid = getInstanceBackendPid(removed);
+  if (backendPid !== null) {
     try {
-      process.kill(removed.opencodePid, "SIGTERM");
-      console.log(`Stopped OpenCode (PID: ${removed.opencodePid})`);
+      process.kill(backendPid, "SIGTERM");
+      console.log(`Stopped ${providerName(provider)} (PID: ${backendPid})`);
     } catch {
-      console.log("OpenCode was already stopped.");
+      console.log(`${providerName(provider)} was already stopped.`);
     }
   }
   if (removed.webPid !== null) {
@@ -612,24 +799,30 @@ async function cmdList() {
   console.log(`
 OpenPortal Instances:
 `);
-  console.log("ID\t\tNAME\t\t\tPORT\tOPENCODE\tSTATUS\t\tDIRECTORY");
+  console.log("ID\t\tNAME\t\t\tPROVIDER\tPORT\tBACKEND\tSTATUS\t\tDIRECTORY");
   console.log("-".repeat(110));
   const liveIds = new Set;
   for (const instance of config.instances) {
-    const opencodeRunning = isProcessRunning(instance.opencodePid);
+    const provider = getInstanceProvider(instance);
+    const backendRunning = isProcessRunning(getInstanceBackendPid(instance));
     const webRunning = isProcessRunning(instance.webPid);
     let status = "stopped";
-    if (opencodeRunning && webRunning)
+    if (provider === "claude") {
+      if (webRunning)
+        status = "running";
+      else if (backendRunning)
+        status = "registered";
+    } else if (backendRunning && webRunning)
       status = "running";
-    else if (opencodeRunning)
-      status = "opencode";
+    else if (backendRunning)
+      status = provider;
     else if (webRunning)
       status = "web only";
-    if (opencodeRunning || webRunning) {
+    if (backendRunning || webRunning) {
       liveIds.add(instance.id);
     }
     const portDisplay = instance.port ?? "-";
-    console.log(`${instance.id}	${instance.name.padEnd(16)}	${String(portDisplay).padEnd(4)}	${instance.opencodePort}		${status.padEnd(12)}	${instance.directory}`);
+    console.log(`${instance.id}	${instance.name.padEnd(16)}	${provider.padEnd(8)}	${String(portDisplay).padEnd(4)}	${getInstanceBackendPort(instance)}		${status.padEnd(12)}	${instance.directory}`);
   }
   if (liveIds.size !== config.instances.length) {
     mutateConfig((latest) => {
@@ -664,17 +857,27 @@ async function main() {
     return;
   }
   const command = args[0]?.toLowerCase();
-  if (!command || command === "." || command.startsWith("/") || command.startsWith("./")) {
+  const commandProvider = parseProvider(command);
+  if (!command || command === "." || command.startsWith("/") || command.startsWith("./") || commandProvider) {
     if (command && command !== ".") {
-      flags.directory = command;
+      if (commandProvider) {
+        flags.provider = commandProvider;
+      } else {
+        flags.directory = command;
+      }
     }
     await cmdDefault(flags);
     return;
   }
   switch (command) {
-    case "run":
-      await cmdRun(flags);
+    case "run": {
+      const provider = parseProvider(args[1]) ?? getProviderOption(flags);
+      if (args[1] && !parseProvider(args[1])) {
+        flags.directory = args[1];
+      }
+      await cmdRun(flags, provider);
       break;
+    }
     case "stop":
       await cmdStop(flags);
       break;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "openportal",
-  "version": "0.1.31",
+  "version": "0.1.32",
   "license": "MIT",
   "type": "module",
   "repository": {

package/web/nitro.json

@@ -1,5 +1,5 @@
 {
-  "date": "2026-05-09T06:36:01.974Z",
+  "date": "2026-05-12T13:03:23.142Z",
   "preset": "bun",
   "framework": {
     "name": "nitro",

package/web/public/assets/Input-CabuNR46.js

@@ -0,0 +1 @@
+import{i as e}from"./jsx-runtime-BE_tW6Ee.js";import{V as t}from"./lucide-oITxMZUb.js";import{F as n,N as r,_t as i,bt as a,d as o,dt as s,ht as c,m as l,ot as u,p as d,st as f,tt as p,x as m}from"./button-CoQU6poF.js";var h=e(t(),1),g=(0,h.createContext)(null),_={badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1,valid:!0},v={..._,customError:!0,valid:!1},y={isInvalid:!1,validationDetails:_,validationErrors:[]},b=(0,h.createContext)({}),x=`__reactAriaFormValidationState`;function S(e){if(e.__reactAriaFormValidationState){let{realtimeValidation:t,displayValidation:n,updateValidation:r,resetValidation:i,commitValidation:a}=e[x];return{realtimeValidation:t,displayValidation:n,updateValidation:r,resetValidation:i,commitValidation:a}}return C(e)}function C(e){let{isInvalid:t,validationState:n,name:r,value:i,builtinValidation:a,validate:o,validationBehavior:s=`aria`}=e;n&&(t||=n===`invalid`);let c=t===void 0?null:{isInvalid:t,validationErrors:[],validationDetails:v},l=(0,h.useMemo)(()=>!o||i==null?null:E(T(o,i)),[o,i]);a?.validationDetails.valid&&(a=void 0);let u=(0,h.useContext)(b),d=(0,h.useMemo)(()=>r?Array.isArray(r)?r.flatMap(e=>w(u[e])):w(u[r]):[],[u,r]),[f,p]=(0,h.useState)(u),[m,g]=(0,h.useState)(!1);u!==f&&(p(u),g(!1));let _=(0,h.useMemo)(()=>E(m?[]:d),[m,d]),x=(0,h.useRef)(y),[S,C]=(0,h.useState)(y),O=(0,h.useRef)(y),k=()=>{if(!A)return;j(!1);let e=l||a||x.current;D(e,O.current)||(O.current=e,C(e))},[A,j]=(0,h.useState)(!1);return(0,h.useEffect)(k),{realtimeValidation:c||_||l||a||y,displayValidation:s===`native`?c||_||S:c||_||l||a||S,updateValidation(e){s===`aria`&&!D(S,e)?C(e):x.current=e},resetValidation(){let e=y;D(e,O.current)||(O.current=e,C(e)),s===`native`&&j(!1),g(!0)},commitValidation(){s===`native`&&j(!0),g(!0)}}}function w(e){return e?Array.isArray(e)?e:[e]:[]}function T(e,t){if(typeof e==`function`){let n=e(t);if(n&&typeof n!=`boolean`)return w(n)}return[]}function E(e){return e.length?{isInvalid:!0,validationErrors:e,validationDetails:v}:null}function D(e,t){return e===t?!0:!!e&&!!t&&e.isInvalid===t.isInvalid&&e.validationErrors.length===t.validationErrors.length&&e.validationErrors.every((e,n)=>e===t.validationErrors[n])&&Object.entries(e.validationDetails).every(([e,n])=>t.validationDetails[e]===n)}var O=(0,h.createContext)(null);function k(e){let{description:t,errorMessage:n,isInvalid:r,validationState:a}=e,{labelProps:s,fieldProps:l}=o(e),u=i([!!t,!!n,r,a]),d=i([!!t,!!n,r,a]);return l=c(l,{"aria-describedby":[u,d,e[`aria-describedby`]].filter(Boolean).join(` `)||void 0}),{labelProps:s,fieldProps:l,descriptionProps:{id:u},errorMessageProps:{id:d}}}function A(e,t,n){let i=r(e=>{n&&!e.defaultPrevented&&n(t)});(0,h.useEffect)(()=>{let t=e?.current?.form;return t?.addEventListener(`reset`,i),()=>{t?.removeEventListener(`reset`,i)}},[e])}function j(e,t,i){let{validationBehavior:o,focus:s}=e;a(()=>{if(o===`native`&&i?.current&&!i.current.disabled){let e=t.realtimeValidation.isInvalid?t.realtimeValidation.validationErrors.join(` `)||`Invalid value.`:``;i.current.setCustomValidity(e),i.current.hasAttribute(`title`)||(i.current.title=``),t.realtimeValidation.isInvalid||t.updateValidation(N(i.current))}});let c=(0,h.useRef)(!1),l=r(()=>{c.current||t.resetValidation()}),u=r(e=>{t.displayValidation.isInvalid||t.commitValidation();let r=i?.current?.form;!e.defaultPrevented&&i&&r&&P(r)===i.current&&(s?s():i.current?.focus(),n(`keyboard`)),e.preventDefault()}),d=r(()=>{t.commitValidation()});(0,h.useEffect)(()=>{let e=i?.current;if(!e)return;let t=e.form,n=t?.reset;return t&&(t.reset=()=>{c.current=!window.event||window.event.type===`message`&&p(window.event)instanceof MessagePort,n?.call(t),c.current=!1}),e.addEventListener(`invalid`,u),e.addEventListener(`change`,d),t?.addEventListener(`reset`,l),()=>{e.removeEventListener(`invalid`,u),e.removeEventListener(`change`,d),t?.removeEventListener(`reset`,l),t&&(t.reset=n)}},[i,o])}function M(e){let t=e.validity;return{badInput:t.badInput,customError:t.customError,patternMismatch:t.patternMismatch,rangeOverflow:t.rangeOverflow,rangeUnderflow:t.rangeUnderflow,stepMismatch:t.stepMismatch,tooLong:t.tooLong,tooShort:t.tooShort,typeMismatch:t.typeMismatch,valueMissing:t.valueMissing,valid:t.valid}}function N(e){return{isInvalid:!e.validity.valid,validationDetails:M(e),validationErrors:e.validationMessage?[e.validationMessage]:[]}}function P(e){for(let t=0;t<e.elements.length;t++){let n=e.elements[t];if(n.validity?.valid===!1)return n}return null}var F=(0,h.createContext)({}),I=(0,h.forwardRef)(function(e,t){[e,t]=u(e,t,F);let{isDisabled:n,isInvalid:r,isReadOnly:i,onHoverStart:a,onHoverChange:o,onHoverEnd:p,...m}=e;n??=!!e[`aria-disabled`]&&e[`aria-disabled`]!==`false`,r??=!!e[`aria-invalid`]&&e[`aria-invalid`]!==`false`;let{hoverProps:g,isHovered:_}=d({onHoverStart:a,onHoverChange:o,onHoverEnd:p,isDisabled:n}),{isFocused:v,isFocusVisible:y,focusProps:b}=l({within:!0}),x=f({...e,values:{isHovered:_,isFocusWithin:v,isFocusVisible:y,isDisabled:n,isInvalid:r},defaultClassName:`react-aria-Group`});return h.createElement(s.div,{...c(m,b,g),...x,ref:t,role:e.role??`group`,slot:e.slot??void 0,"data-focus-within":v||void 0,"data-hovered":_||void 0,"data-focus-visible":y||void 0,"data-disabled":n||void 0,"data-invalid":r||void 0,"data-readonly":i||void 0},x.children)}),L=(0,h.createContext)({}),R=e=>{let{onHoverStart:t,onHoverChange:n,onHoverEnd:r,...i}=e;return i},z=m(function(e,t){[e,t]=u(e,t,L);let{hoverProps:n,isHovered:r}=d({...e,isDisabled:e.disabled}),{isFocused:i,isFocusVisible:a,focusProps:o}=l({isTextInput:!0,autoFocus:e.autoFocus}),p=!!e[`aria-invalid`]&&e[`aria-invalid`]!==`false`,m=f({...e,values:{isHovered:r,isFocused:i,isFocusVisible:a,isDisabled:e.disabled||!1,isInvalid:p},defaultClassName:`react-aria-Input`});return h.createElement(s.input,{...c(R(e),o,n),...m,ref:t,"data-focused":i||void 0,"data-disabled":e.disabled||void 0,"data-hovered":r||void 0,"data-focus-visible":a||void 0,"data-invalid":p||void 0})});export{j as a,O as c,g as d,F as i,x as l,z as n,A as o,I as r,k as s,L as t,S as u};