Side attribute editable for Unilateral exercises

src/components/Tracker/ActiveSessionView.tsx

@@ -60,6 +60,8 @@ const ActiveSessionView: React.FC<ActiveSessionViewProps> = ({ tracker, activeSe
         setEditDistance,
         editHeight,
         setEditHeight,
+        editSide,
+        setEditSide,
         handleCancelEdit,
         handleSaveEdit,
         handleEditSet,
@@ -243,6 +245,39 @@ const ActiveSessionView: React.FC<ActiveSessionViewProps> = ({ tracker, activeSe
                                                                 placeholder="Height (cm)"
                                                             />
                                                         )}
+                                                        {(() => {
+                                                            const exDef = exercises.find(e => e.name === set.exerciseName); // Best effort matching by name since set might not have exerciseId deeply populated in some contexts, but id is safer. 
+                                                            // Actually set has exerciseId usually. Let's try to match by ID if possible, else name.
+                                                            // But wait, ActiveSession sets might not have exerciseId if created ad-hoc? No, they should.
+                                                            // Let's assume we can look up by name if id missing, or just check set.side presence.
+                                                            // Detailed look: The session object has sets.
+                                                            // Ideally check exDef.isUnilateral.
+                                                            const isUnilateral = set.side || (exercises.find(e => e.name === set.exerciseName)?.isUnilateral);
+
+                                                            if (isUnilateral) {
+                                                                return (
+                                                                    <div className="col-span-2 flex bg-surface-container-high rounded p-0.5">
+                                                                        {(['LEFT', 'ALTERNATELY', 'RIGHT'] as const).map((side) => {
+                                                                            const labelMap: Record<string, string> = { LEFT: 'L', RIGHT: 'R', ALTERNATELY: 'A' };
+                                                                            return (
+                                                                                <button
+                                                                                    key={side}
+                                                                                    onClick={() => setEditSide(side)}
+                                                                                    title={t(side.toLowerCase() as any, lang)}
+                                                                                    className={`flex-1 text-[10px] py-1 rounded transition-colors ${editSide === side
+                                                                                        ? 'bg-primary/10 text-primary font-bold'
+                                                                                        : 'text-on-surface-variant hover:bg-surface-container'
+                                                                                        }`}
+                                                                                >
+                                                                                    {labelMap[side]}
+                                                                                </button>
+                                                                            );
+                                                                        })}
+                                                                    </div>
+                                                                )
+                                                            }
+                                                            return null;
+                                                        })()}
                                                     </div>
                                                 </div>
                                             ) : (