fix: bugs in displaying repo / plan / activity status

webui/src/components/ActivityBar.tsx

@@ -65,7 +65,7 @@ export const ActivityBar = () => {
         const displayName = displayTypeToString(getTypeForDisplay(op));
 
         return (
-          <span key={idx}>
+          <span key={idx} style={{ marginRight: "2em" }}>
             {displayName} in progress for plan {op.planId} to {op.repoId} for{" "}
             {formatDuration(Date.now() - Number(op.unixTimeStartMs))}
           </span>

webui/src/views/App.tsx

@@ -313,7 +313,11 @@ const IconForResource = ({
         case "createdOperations":
         case "updatedOperations":
           const ops = event.event.value.operations;
-          if (ops.find((op) => op.planId === planId && op.repoId === repoId)) {
+          if (
+            ops.find(
+              (op) => (!planId || op.planId === planId) && op.repoId === repoId
+            )
+          ) {
             refresh();
           }
           break;