From 6368c9ef7cb6a86e6bcfc0d97d6ee21f573a2003 Mon Sep 17 00:00:00 2001
From: YoniKiriaty <yonikiriaty@gmail.com>
Date: Wed, 18 Feb 2026 20:05:34 +0200
Subject: [PATCH 1/2] Yoni - combined auto and shift tab

---
 .../frontend/src/scouter/pages/ScoutMatch.tsx |  6 +-
 .../src/scouter/pages/tabs/AutoTab.tsx        | 68 -------------------
 .../src/scouter/pages/tabs/ShiftTab.tsx       | 21 ++++--
 3 files changed, 18 insertions(+), 77 deletions(-)
 delete mode 100644 apps/scouting/frontend/src/scouter/pages/tabs/AutoTab.tsx

diff --git a/apps/scouting/frontend/src/scouter/pages/ScoutMatch.tsx b/apps/scouting/frontend/src/scouter/pages/ScoutMatch.tsx
index 29a2202..ee08743 100644
--- a/apps/scouting/frontend/src/scouter/pages/ScoutMatch.tsx
+++ b/apps/scouting/frontend/src/scouter/pages/ScoutMatch.tsx
@@ -17,7 +17,6 @@ import { ShiftTab } from "./tabs/ShiftTab";
 import { useLocalStorage } from "@repo/local_storage_hook";
 import { PostMatchTab } from "./tabs/PostMatchTab";
 import { useNavigate } from "react-router-dom";
-import { AutoTab } from "./tabs/AutoTab";
 import { ClimbTab } from "./tabs/ClimbTab";
 import { PreMatchTab } from "../../PreMatchTab";
 export interface TabProps {
@@ -35,7 +34,10 @@ const TABS: Tab[] = [
     name: "Pre",
     Component: PreMatchTab,
   },
-  { name: "Auto", Component: AutoTab },
+  {
+    name: "Auto",
+    Component: (props) => <ShiftTab shiftType="auto" tabIndex={0} {...props} />,
+  },
   {
     name: "Climb",
     Component: (props) => <ClimbTab isAuto={true} {...props} />,
diff --git a/apps/scouting/frontend/src/scouter/pages/tabs/AutoTab.tsx b/apps/scouting/frontend/src/scouter/pages/tabs/AutoTab.tsx
deleted file mode 100644
index ab16059..0000000
--- a/apps/scouting/frontend/src/scouter/pages/tabs/AutoTab.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-// בס"ד
-import { useState, type FC } from "react";
-import { ScoreMap } from "../../components/ScoreMap";
-import type { Alliance, Point } from "@repo/scouting_types";
-import Stopwatch from "../../components/stopwatch";
-import { MovementForm } from "../../components/MovementForm";
-import type { TabProps } from "../ScoutMatch";
-import { defaultPoint } from "../../components/ScoreMap";
-
-export const AutoTab: FC<TabProps> = ({
-  setForm,
-  alliance,
-  originTime,
-  currentForm,
-}) => {
-  const [mapPosition, setMapPosition] = useState<Point>();
-  const [mapZone, setMapZone] = useState<Alliance>(alliance);
-
-  return (
-    <div className="flex flex-row h-full w-full gap-3">
-      <div className="flex-1 min-w-0 h-full">
-        <ScoreMap
-          setPosition={setMapPosition}
-          currentPoint={mapPosition}
-          alliance={alliance}
-          mapZone={mapZone}
-        />
-      </div>
-      <div className="flex flex-col items-center gap-0.5 sm:gap-1 shrink-0 w-32 sm:w-36 min-h-0 py-0.5 sm:py-1">
-        <Stopwatch
-          addCycleTimeSeconds={(cycle) => {
-            setForm((prevForm) => {
-              const prevEvents = prevForm.auto.shootEvents;
-              prevEvents.push({
-                interval: cycle,
-                startPosition: mapPosition ?? { ...defaultPoint },
-              });
-              return prevForm;
-            });
-          }}
-          originTime={originTime}
-          disabled={mapPosition === undefined}
-          size="compact"
-        />
-        <MovementForm
-          setMovement={(value) => {
-            setForm((prevForm) => ({
-              ...prevForm,
-              auto: {
-                ...prevForm.auto,
-                movement: { ...prevForm.auto.movement, ...value },
-              },
-            }));
-          }}
-          currentMovement={currentForm.auto.movement}
-        />
-        <button
-          className={`bg-${mapZone}-500 h-8 sm:h-10 w-32 text-[10px] sm:text-xs px-2`}
-          onClick={() => {
-            setMapZone((prev) => (prev === "red" ? "blue" : "red"));
-          }}
-        >
-          Field Side
-        </button>
-      </div>
-    </div>
-  );
-};
diff --git a/apps/scouting/frontend/src/scouter/pages/tabs/ShiftTab.tsx b/apps/scouting/frontend/src/scouter/pages/tabs/ShiftTab.tsx
index db58c79..b1acbea 100644
--- a/apps/scouting/frontend/src/scouter/pages/tabs/ShiftTab.tsx
+++ b/apps/scouting/frontend/src/scouter/pages/tabs/ShiftTab.tsx
@@ -26,11 +26,13 @@ export const ShiftTab: FC<ShiftTabProps> = ({
   const handleSetForm = (cycle: { start: number; end: number }) => {
     setForm((prevForm) => {
       const prevEvents =
-        shiftType === "teleop"
-          ? prevForm.tele.shifts[tabIndex].shootEvents
-          : shiftType === "transition"
-            ? prevForm.tele.transitionShift.shootEvents
-            : prevForm.tele.endgameShift.shootEvents;
+        shiftType === "auto"
+          ? prevForm.auto.shootEvents
+          : shiftType === "teleop"
+            ? prevForm.tele.shifts[tabIndex].shootEvents
+            : shiftType === "transition"
+              ? prevForm.tele.transitionShift.shootEvents
+              : prevForm.tele.endgameShift.shootEvents;
       prevEvents.push({
         interval: cycle,
         startPosition: mapPosition ?? { ...defaultPoint },
@@ -39,6 +41,8 @@ export const ShiftTab: FC<ShiftTabProps> = ({
     });
   };
 
+  const gamePhase = shiftType === "auto" ? "auto" : "tele";
+
   return (
     <div className="flex flex-row h-full w-full gap-3">
       <div className="flex-1 min-w-0 h-full">
@@ -62,10 +66,13 @@ export const ShiftTab: FC<ShiftTabProps> = ({
           setMovement={(value) => {
             setForm((prevForm) => ({
               ...prevForm,
-              tele: { ...prevForm.tele, movement: value },
+              [gamePhase]: {
+                ...prevForm[gamePhase],
+                movement: value,
+              },
             }));
           }}
-          currentMovement={currentForm.tele.movement}
+          currentMovement={currentForm[gamePhase].movement}
         />
 
         <button

From 5cc90c0a1314c6b5a85ed88ce8ee4f9e4b15803f Mon Sep 17 00:00:00 2001
From: YoniKiriaty <yonikiriaty@gmail.com>
Date: Thu, 19 Feb 2026 19:05:21 +0200
Subject: [PATCH 2/2] Yoni - made ts a function

---
 .../src/scouter/pages/tabs/ShiftTab.tsx       | 29 +++++++++++++------
 1 file changed, 20 insertions(+), 9 deletions(-)

diff --git a/apps/scouting/frontend/src/scouter/pages/tabs/ShiftTab.tsx b/apps/scouting/frontend/src/scouter/pages/tabs/ShiftTab.tsx
index a5d1693..f5a6a82 100644
--- a/apps/scouting/frontend/src/scouter/pages/tabs/ShiftTab.tsx
+++ b/apps/scouting/frontend/src/scouter/pages/tabs/ShiftTab.tsx
@@ -3,7 +3,12 @@
 import { useState, type FC } from "react";
 import type { TabProps } from "../ScoutMatch";
 import { ScoreMap, defaultPoint } from "../../components/ScoreMap";
-import type { Alliance, Point, ShiftType } from "@repo/scouting_types";
+import type {
+  Alliance,
+  Point,
+  ScoutingForm,
+  ShiftType,
+} from "@repo/scouting_types";
 import { MovementForm } from "../../components/MovementForm";
 import Stopwatch from "../../components/stopwatch";
 
@@ -23,16 +28,22 @@ export const ShiftTab: FC<ShiftTabProps> = ({
   const [mapPosition, setMapPosition] = useState<Point>();
   const [mapZone, setMapZone] = useState<Alliance>(alliance);
 
+  const getEvents = (form: ScoutingForm) => {
+    if (shiftType === "auto") {
+      return form.auto.shootEvents;
+    }
+    if (shiftType === "transition") {
+      return form.tele.transitionShift.shootEvents;
+    }
+    if (shiftType === "endgame") {
+      return form.tele.endgameShift.shootEvents;
+    }
+    return form.tele.shifts[tabIndex].shootEvents;
+  };
+
   const handleSetForm = (cycle: { start: number; end: number }) => {
     setForm((prevForm) => {
-      const prevEvents =
-        shiftType === "auto"
-          ? prevForm.auto.shootEvents
-          : shiftType === "teleop"
-            ? prevForm.tele.shifts[tabIndex].shootEvents
-            : shiftType === "transition"
-              ? prevForm.tele.transitionShift.shootEvents
-              : prevForm.tele.endgameShift.shootEvents;
+      const prevEvents = getEvents(prevForm);
       prevEvents.push({
         interval: cycle,
         startPosition: mapPosition ?? { ...defaultPoint },