chore: ux fine-tuning

Author: martin-helmich

src/commands/stack/deploy.tsx

@@ -26,6 +26,7 @@ import { RawStackInput } from "../../lib/resources/stack/types.js";
 
 interface DeployResult {
   restartedServices: string[];
+  deletedServices: string[];
 }
 
 type StackRequest =
@@ -117,8 +118,7 @@ This flag is mutually exclusive with --compose-file.`,
     );
 
     if (!confirmed) {
-      renderer.addInfo("deployment cancelled by user");
-      await renderer.complete(<></>);
+      await renderer.error("deployment cancelled by user");
       ux.exit(1);
     }
 
@@ -244,7 +244,7 @@ This flag is mutually exclusive with --compose-file.`,
     );
     const confirmed = await this.confirmDeletion(servicesToDelete, r);
     if (!confirmed) {
-      return { restartedServices: [] };
+      return { restartedServices: [], deletedServices: [] };
     }
 
     const declaredStack = await this.deployStack(stackId, stackDefinition, r);
@@ -254,20 +254,22 @@ This flag is mutually exclusive with --compose-file.`,
       r,
     );
 
-    return { restartedServices };
+    return { restartedServices, deletedServices: servicesToDelete };
   }
 
-  protected render({ restartedServices }: DeployResult): ReactNode {
-    if (restartedServices.length === 0) {
-      return (
-        <Success>Deployment successful. No services were restarted.</Success>
-      );
-    }
-
+  protected render({
+    restartedServices,
+    deletedServices,
+  }: DeployResult): ReactNode {
     return (
       <Success>
-        Deployment successful. The following services were restarted:{" "}
-        <Value>{restartedServices.join(", ")}</Value>
+        Deployment successful.{" "}
+        {restartedServices.length > 0
+          ? `The following services were restarted: ${restartedServices.join(", ")}`
+          : "No services were restarted."}{" "}
+        {deletedServices.length > 0
+          ? `The following services were deleted: ${deletedServices.join(", ")}`
+          : "No services were deleted."}
       </Success>
     );
   }

src/rendering/process/components/ProcessStateIcon.tsx

@@ -10,7 +10,7 @@ export const ProcessStateIcon: React.FC<{ step: ProcessStep }> = ({ step }) => {
     step.type === "input" ||
     step.type === "select"
   ) {
-    return <Text>❓</Text>;
+    return <Text>❓ </Text>;
   } else if (step.phase === "completed") {
     return <Text>✅ </Text>;
   } else if (step.phase === "aborted") {