components/ConnectStep.tsx

Wizard step component for entering gateway URL and token, showing connection status.

// Source: https://github.com/iamlukethedev/Claw3D | License: MIT | Copyright 2026 Luke The Dev
// Provided via justclaw.it.com; keep this notice with the code.
/**
 * ConnectStep — Gateway connection form within the onboarding wizard.
 *
 * Reuses the same fields as GatewayConnectScreen but in a more compact
 * layout suited for the wizard modal.
 */
import { useState } from "react";
import { CheckCircle2, Eye, EyeOff, Wifi, WifiOff } from "lucide-react";
import { RunningAvatarLoader } from "@/features/agents/components/RunningAvatarLoader";

export type ConnectStepProps = {
  gatewayUrl: string;
  token: string;
  onGatewayUrlChange: (value: string) => void;
  onTokenChange: (value: string) => void;
  onConnect: () => void;
  connected: boolean;
  connecting: boolean;
  error: string | n

... (truncated -- full source via MCP)