chore: update bindings and use typed params for outbound gateway API

web/projects/ui/src/app/routes/portal/routes/services/routes/actions.component.ts

@@ -119,6 +119,10 @@ export default class ServiceActionsRoute {
   ungrouped: 'General' | 'Other' = 'General'
 
   readonly service = inject(StandardActionsService)
+  private readonly gateways = toSignal(
+    this.patch.watch$('serverInfo', 'network', 'gateways'),
+  )
+
   readonly package = toSignal(
     this.patch.watch$('packageData', getPkgId()).pipe(
       map(pkg => {
@@ -173,11 +177,18 @@ export default class ServiceActionsRoute {
 
   readonly outboundGatewayAction = computed(() => {
     const pkg = this.package()
-    const gateway = pkg?.outboundGateway
+    const gatewayId = pkg?.outboundGateway
+    const gateways = this.gateways()
+    const gatewayName =
+      gatewayId && gateways?.[gatewayId]
+        ? (gateways[gatewayId].name ??
+          gateways[gatewayId].ipInfo?.name ??
+          gatewayId)
+        : null
     return {
       name: this.i18n.transform('Set Outbound Gateway')!,
-      description: gateway
-        ? `${this.i18n.transform('Current')}: ${gateway}`
+      description: gatewayName
+        ? `${this.i18n.transform('Current')}: ${gatewayName}`
         : `${this.i18n.transform('Current')}: ${this.i18n.transform('System')}`,
     }
   })
@@ -256,7 +267,7 @@ export default class ServiceActionsRoute {
 
               try {
                 await this.api.setServiceOutbound({
-                  packageId: pkg.manifest.id,
+                  package: pkg.manifest.id,
                   gateway: input.gateway === SYSTEM_KEY ? null : input.gateway,
                 })
                 return true

web/projects/ui/src/app/services/api/embassy-api.service.ts

@@ -191,10 +191,9 @@ export abstract class ApiService {
 
   abstract setDefaultOutbound(params: { gateway: string | null }): Promise<null>
 
-  abstract setServiceOutbound(params: {
-    packageId: string
-    gateway: string | null
-  }): Promise<null>
+  abstract setServiceOutbound(
+    params: T.SetOutboundGatewayParams,
+  ): Promise<null>
 
   // ** domains **
 

web/projects/ui/src/app/services/api/embassy-live-api.service.ts

@@ -276,9 +276,7 @@ export class LiveApiService extends ApiService {
     })
   }
 
-  async checkPort(
-    params: T.CheckPortParams,
-  ): Promise<T.CheckPortRes> {
+  async checkPort(params: T.CheckPortParams): Promise<T.CheckPortRes> {
     return this.rpcRequest({
       method: 'net.gateway.check-port',
       params,
@@ -369,17 +367,14 @@ export class LiveApiService extends ApiService {
     return this.rpcRequest({ method: 'net.tunnel.remove', params })
   }
 
-  async setDefaultOutbound(params: { gateway: string | null }): Promise<null> {
+  async setDefaultOutbound(params: T.SetDefaultOutboundParams): Promise<null> {
     return this.rpcRequest({
       method: 'net.gateway.set-default-outbound',
       params,
     })
   }
 
-  async setServiceOutbound(params: {
-    packageId: string
-    gateway: string | null
-  }): Promise<null> {
+  async setServiceOutbound(params: T.SetOutboundGatewayParams): Promise<null> {
     return this.rpcRequest({ method: 'package.set-outbound-gateway', params })
   }
 

web/projects/ui/src/app/services/api/embassy-mock-api.service.ts

@@ -662,15 +662,14 @@ export class MockApiService extends ApiService {
     return null
   }
 
-  async setServiceOutbound(params: {
-    packageId: string
-    gateway: string | null
-  }): Promise<null> {
+  async setServiceOutbound(
+    params: T.SetOutboundGatewayParams,
+  ): Promise<null> {
     await pauseFor(2000)
     const patch = [
       {
         op: PatchOp.REPLACE,
-        path: `/packageData/${params.packageId}/outboundGateway`,
+        path: `/packageData/${params.package}/outboundGateway`,
         value: params.gateway,
       },
     ]