plan: refresh metrics after multiline paste and move session +/- controls left

Author: seanap

static/plan.css

@@ -803,22 +803,22 @@ body.plan-page.plan-pace-open .plan-pace-handles {
 }
 
 .session-distance-wrap {
+  align-items: center;
+  display: inline-flex;
+  gap: 6px;
   margin: 0 auto;
-  max-width: 124px;
-  position: relative;
+  max-width: 156px;
+  width: 100%;
 }
 
 .plan-session-distance {
-  padding-right: 46px;
+  flex: 1 1 auto;
 }
 
 .session-inline-actions {
-  position: absolute;
-  top: 50%;
-  right: 4px;
-  transform: translateY(-50%);
   display: inline-flex;
   gap: 2px;
+  flex: 0 0 auto;
 }
 
 .session-inline-btn {
@@ -888,6 +888,7 @@ body.plan-page.plan-pace-open .plan-pace-handles {
 
 .plan-distance-input {
   text-align: center;
+  min-width: 58px;
 }
 
 .plan-workout-field {

static/plan.js

@@ -1052,7 +1052,10 @@
           centerDateOverride: centerDateEl.value,
           append: true,
         });
-      } else if (isIsoDateString(minSavedDate) && renderedRows.length <= PLAN_MAX_AUTO_REFRESH_ROWS) {
+      } else if (
+        isIsoDateString(minSavedDate)
+        && (renderedRows.length <= PLAN_MAX_AUTO_REFRESH_ROWS || savedDays.length > 1)
+      ) {
         queuePlanBackgroundRefresh(minSavedDate);
       }
       void refreshCenterSummaryLightweight();
@@ -1237,17 +1240,6 @@
 
       const distanceWrap = document.createElement("div");
       distanceWrap.className = "session-distance-wrap";
-      const input = document.createElement("input");
-      input.className = "plan-distance-input plan-session-distance";
-      input.type = "text";
-      input.dataset.date = row.date;
-      input.dataset.sessionIndex = String(sessionIndex);
-      input.value = Number.isFinite(Number(session.planned_miles)) && Number(session.planned_miles) > 0
-        ? formatSessionValue(Number(session.planned_miles))
-        : "";
-      input.placeholder = "mi";
-      input.title = "Distance for this session. Press Enter to save.";
-      distanceWrap.appendChild(input);
 
       if (sessionIndex === 0) {
         const inlineActions = document.createElement("div");
@@ -1281,6 +1273,18 @@
         distanceWrap.appendChild(inlineActions);
       }
 
+      const input = document.createElement("input");
+      input.className = "plan-distance-input plan-session-distance";
+      input.type = "text";
+      input.dataset.date = row.date;
+      input.dataset.sessionIndex = String(sessionIndex);
+      input.value = Number.isFinite(Number(session.planned_miles)) && Number(session.planned_miles) > 0
+        ? formatSessionValue(Number(session.planned_miles))
+        : "";
+      input.placeholder = "mi";
+      input.title = "Distance for this session. Press Enter to save.";
+      distanceWrap.appendChild(input);
+
       rowEl.appendChild(distanceWrap);
       editor.appendChild(rowEl);
     }