Refine routing defaults for global and device fallbacks

src/web/components/RouteChecker.jsx

@@ -5,6 +5,8 @@ export function RouteChecker() {
   const [host, setHost] = useState('');
   const [port, setPort] = useState('443');
   const [network, setNetwork] = useState('tcp');
+  const [sourceIp, setSourceIp] = useState('');
+  const [inbound, setInbound] = useState('tproxy-in');
   const [busy, setBusy] = useState(false);
   const [result, setResult] = useState(null);
   const [error, setError] = useState('');
@@ -14,7 +16,13 @@ export function RouteChecker() {
     setError('');
     setResult(null);
     try {
-      const data = await api.route.check({ host, port: port || undefined, network });
+      const data = await api.route.check({
+        host,
+        port: port || undefined,
+        network,
+        sourceIp: sourceIp || undefined,
+        inbound,
+      });
       setResult(data);
     } catch (err) {
       setError(err.message);
@@ -52,6 +60,17 @@ export function RouteChecker() {
           <option value="tcp">tcp</option>
           <option value="udp">udp</option>
         </select>
+        <input
+          className="input"
+          placeholder="source IP"
+          value={sourceIp}
+          onChange={(e) => setSourceIp(e.target.value)}
+          style={{ width: 145 }}
+        />
+        <select className="select" value={inbound} onChange={(e) => setInbound(e.target.value)} style={{ width: 130 }}>
+          <option value="tproxy-in">tproxy-in</option>
+          <option value="mixed-in">mixed-in</option>
+        </select>
         <button className="btn btn-primary" onClick={check} disabled={busy || !host}>Проверить</button>
       </div>