Removes dead containers correctly

assets/stores/container.ts

@@ -40,7 +40,17 @@ export const useContainerStore = defineStore("container", () => {
     },
     false
   );
-  // es.addEventListener("container-die", (e) => store.dispatch("UPDATE_CONTAINER", JSON.parse(e.data)), false);
+  es.addEventListener(
+    "container-die",
+    (e) => {
+      const event = JSON.parse((e as MessageEvent).data) as { actorId: string };
+      const container = allContainersById.value[event.actorId];
+      if (container) {
+        container.state = "dead";
+      }
+    },
+    false
+  );
 
   const currentContainer = (id: Ref<string>) => computed(() => allContainersById.value[id.value]);
   const appendActiveContainer = ({ id }: Container) => activeContainerIds.value.push(id);

assets/types/Container.d.ts

@@ -3,8 +3,8 @@ export interface Container {
   readonly created: number;
   readonly image: string;
   readonly name: string;
-  readonly state: "created" | "running" | "exited" | "dead" | "paused" | "restarting";
   readonly status: string;
+  state: "created" | "running" | "exited" | "dead" | "paused" | "restarting";
   stat?: ContainerStat;
 }