Merge pull request #53 from flatrun/fix/domain-settings-service-selector

fix(ui): Add service selector to Domain & SSL Settings modal

Author: nfebe

CHANGELOG.md

@@ -1,5 +1,25 @@
 # Changelog
 
+## [0.1.5] - 2026-03-22
+
+### Added
+- Setup wizard with guided onboarding flow
+- Agent version compatibility check with min/max bounds
+- Dev build detection with dismissable warning banner
+- Service selector in cron job form with live API lookup
+- Service selector in Domain & SSL Settings modal
+- `getServices` API function for deployment service discovery
+
+### Enhanced
+- Shared `apiClient` across stores (removed setup store duplicate)
+- Clipboard fallback for non-HTTPS environments
+- Better error differentiation (network vs server) in setup store
+
+### Fixed
+- Removed hardcoded container names from compose templates
+- Service dropdown resets when deployment changes in cron form
+- Version warning persists in store for session duration
+
 ## [0.1.0] - 2026-03-19
 
 ### Added

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flatrun/ui",
-  "version": "0.1.0",
+  "version": "0.1.5",
   "description": "Web interface for FlatRun container orchestration",
   "author": "FlatRun",
   "license": "MIT",

src/services/api.ts

@@ -49,6 +49,7 @@ export interface ServiceMetadata {
   networking: {
     expose: boolean;
     domain: string;
+    service?: string;
     container_port: number;
     protocol: string;
     proxy_type: string;

src/types/index.ts

@@ -70,6 +70,7 @@ export interface QuickAction {
 export interface NetworkingConfig {
   expose: boolean;
   domain: string;
+  service?: string;
   container_port: number;
   protocol: string;
   proxy_type?: string;

src/views/DeploymentDetailView.vue

@@ -1176,15 +1176,28 @@
                 <span class="hint">The domain name for your deployment</span>
               </div>
 
-              <div class="form-group">
-                <label>Container Port</label>
-                <input
-                  v-model.number="domainSettings.containerPort"
-                  type="number"
-                  placeholder="80"
-                  class="form-input"
-                />
-                <span class="hint">The port your application listens on</span>
+              <div class="form-row">
+                <div class="form-group">
+                  <label>Service</label>
+                  <select v-model="domainSettings.service" class="form-select">
+                    <option value="">Default ({{ route.params.name }})</option>
+                    <option v-for="svc in services" :key="svc.name" :value="svc.name">
+                      {{ svc.name }}
+                    </option>
+                  </select>
+                </div>
+
+                <div class="form-group">
+                  <label>Container Port</label>
+                  <input
+                    v-model.number="domainSettings.containerPort"
+                    type="number"
+                    placeholder="80"
+                    class="form-input"
+                    min="1"
+                    max="65535"
+                  />
+                </div>
               </div>
 
               <div class="form-group">
@@ -1592,6 +1605,7 @@ const savingDomainSettings = ref(false);
 const domainSettings = ref({
   expose: false,
   domain: "",
+  service: "",
   containerPort: 80,
   sslEnabled: false,
   autoCert: false,
@@ -2263,6 +2277,7 @@ const openDomainSettings = () => {
     domainSettings.value = {
       expose: metadata.networking?.expose || false,
       domain: metadata.networking?.domain || "",
+      service: metadata.networking?.service || "",
       containerPort: metadata.networking?.container_port || 80,
       sslEnabled: metadata.ssl?.enabled || false,
       autoCert: metadata.ssl?.auto_cert || false,
@@ -2271,6 +2286,7 @@ const openDomainSettings = () => {
     domainSettings.value = {
       expose: proxyStatus.value?.exposed || false,
       domain: proxyStatus.value?.domain || "",
+      service: "",
       containerPort: 80,
       sslEnabled: proxyStatus.value?.ssl_enabled || false,
       autoCert: false,
@@ -2286,6 +2302,7 @@ const saveDomainSettings = async () => {
       networking: {
         expose: domainSettings.value.expose,
         domain: domainSettings.value.domain,
+        service: domainSettings.value.service,
         container_port: domainSettings.value.containerPort,
         protocol: "http",
         proxy_type: "http",